:root,[data-color-scheme=dark]{--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}:root,[data-color-scheme=light]{--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb), 0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb), 0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb), 0.25);--color-border:rgba(var(--color-brown-600-rgb), 0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb), 0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb), 0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb), 0.4)}h1,h2,h3,h4,h5,h6,html{color:var(--color-text)}.btn,a{text-decoration:none}html,textarea.form-control{font-family:var(--font-family-base);font-size:var(--font-size-base)}.btn,html,textarea.form-control{font-size:var(--font-size-base)}.btn--full-width,.container{width:100%}.book-card,.card,.sr-only{overflow:hidden}.book-icon,.error-card,.error-message,.loading-container,.national-id-input,.section-header,.university-header,.welcome-icon,.welcome-subtitle,.welcome-title{text-align:center}.book-card,.btn,.btn-icon,.btn-logout,.btn-primary,.btn-secondary{cursor:pointer}:root{--color-white:rgba(255, 255, 255, 1);--color-black:rgba(0, 0, 0, 1);--color-cream-50:rgba(252, 252, 249, 1);--color-cream-100:rgba(255, 255, 253, 1);--color-gray-200:rgba(245, 245, 245, 1);--color-gray-300:rgba(167, 169, 169, 1);--color-gray-400:rgba(119, 124, 124, 1);--color-slate-500:rgba(98, 108, 113, 1);--color-brown-600:rgba(94, 82, 64, 1);--color-charcoal-700:rgba(31, 33, 33, 1);--color-charcoal-800:rgba(38, 40, 40, 1);--color-slate-900:rgba(19, 52, 59, 1);--color-teal-300:rgba(50, 184, 198, 1);--color-teal-400:rgba(45, 166, 178, 1);--color-teal-500:rgba(33, 128, 141, 1);--color-teal-600:rgba(29, 116, 128, 1);--color-teal-700:rgba(26, 104, 115, 1);--color-teal-800:rgba(41, 150, 161, 1);--color-red-400:rgba(255, 84, 89, 1);--color-red-500:rgba(192, 21, 47, 1);--color-orange-400:rgba(230, 129, 97, 1);--color-orange-500:rgba(168, 75, 47, 1);--color-slate-500-rgb:98,108,113;--color-red-500-rgb:192,21,47;--color-red-400-rgb:255,84,89;--color-orange-500-rgb:168,75,47;--color-orange-400-rgb:230,129,97;--color-bg-1:rgba(59, 130, 246, 0.08);--color-bg-2:rgba(245, 158, 11, 0.08);--color-bg-3:rgba(34, 197, 94, 0.08);--color-bg-4:rgba(239, 68, 68, 0.08);--color-bg-5:rgba(147, 51, 234, 0.08);--color-bg-6:rgba(249, 115, 22, 0.08);--color-bg-7:rgba(236, 72, 153, 0.08);--color-bg-8:rgba(6, 182, 212, 0.08);--color-select-caret:rgba(var(--color-slate-900-rgb), 0.8);--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113;--font-family-base:"FKGroteskNeue","Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Berkeley Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.5;--letter-spacing-tight:-0.01em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.02);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.04),0 1px 2px rgba(0, 0, 0, 0.02);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.04),0 2px 4px -1px rgba(0, 0, 0, 0.02);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.04),0 4px 6px -2px rgba(0, 0, 0, 0.02);--shadow-inset-sm:inset 0 1px 0 rgba(255, 255, 255, 0.15),inset 0 -1px 0 rgba(0, 0, 0, 0.03);--duration-fast:150ms;--duration-normal:250ms;--ease-standard:cubic-bezier(0.16, 1, 0.3, 1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}[data-color-scheme=dark]{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:rgba(29, 78, 216, 0.15);--color-bg-2:rgba(180, 83, 9, 0.15);--color-bg-3:rgba(21, 128, 61, 0.15);--color-bg-4:rgba(185, 28, 28, 0.15);--color-bg-5:rgba(107, 33, 168, 0.15);--color-bg-6:rgba(194, 65, 12, 0.15);--color-bg-7:rgba(190, 24, 93, 0.15);--color-bg-8:rgba(8, 145, 178, 0.15);--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb), 0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb), 0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb), 0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb), 0.3);--color-border:rgba(var(--color-gray-400-rgb), 0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb), 0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb), 0.15);--color-card-border-inner:rgba(var(--color-gray-400-rgb), 0.15);--shadow-inset-sm:inset 0 1px 0 rgba(255, 255, 255, 0.1),inset 0 -1px 0 rgba(0, 0, 0, 0.15);--color-border-secondary:rgba(var(--color-gray-400-rgb), 0.2);--color-select-caret:rgba(var(--color-gray-200-rgb), 0.8);--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}[data-color-scheme=light]{--color-success-rgb:var(--color-teal-500-rgb);--color-error-rgb:var(--color-red-500-rgb);--color-warning-rgb:var(--color-orange-500-rgb);--color-info-rgb:var(--color-slate-500-rgb)}html{line-height:var(--line-height-normal);background-color:var(--color-background);-webkit-font-smoothing:antialiased;box-sizing:border-box}*,::after,::before{box-sizing:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin:0 0 var(--space-16) 0}a{color:var(--color-primary);transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:var(--color-primary-hover)}code,pre{font-family:var(--font-family-mono);font-size:calc(var(--font-size-base) * .95);background-color:var(--color-secondary);border-radius:var(--radius-sm)}.btn-acknowledge,.btn-logout,.btn-primary,.btn-secondary,.national-id-input,body{font-family:Cairo,sans-serif}code{padding:var(--space-1) var(--space-4)}pre{padding:var(--space-16);margin:var(--space-16) 0;overflow:auto;border:1px solid var(--color-border)}pre code{background:0 0;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-16);border-radius:var(--radius-base);font-weight:500;line-height:1.5;transition:all var(--duration-normal) var(--ease-standard);border:none;position:relative}.btn:focus-visible{outline:0;box-shadow:var(--focus-ring)}.btn--primary{background:var(--color-primary);color:var(--color-btn-primary-text)}.btn--outline,.btn--secondary,.form-control{color:var(--color-text)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-active)}.btn--secondary{background:var(--color-secondary)}.btn--secondary:hover{background:var(--color-secondary-hover)}.btn--secondary:active{background:var(--color-secondary-active)}.btn--outline{background:0 0;border:1px solid var(--color-border)}.card,.form-control{background-color:var(--color-surface)}.btn--outline:hover{background:var(--color-secondary)}.btn--sm{padding:var(--space-4) var(--space-12);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.btn--lg{padding:var(--space-10) var(--space-20);font-size:var(--font-size-lg);border-radius:var(--radius-md)}.form-control,select.form-control{padding:var(--space-8) var(--space-12)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-control{display:block;width:100%;font-size:var(--font-size-md);line-height:1.5;border:1px solid var(--color-border);border-radius:var(--radius-base);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.form-label,.status{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-caret-light);background-repeat:no-repeat;background-position:right var(--space-12) center;background-size:16px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){:root{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:rgba(29, 78, 216, 0.15);--color-bg-2:rgba(180, 83, 9, 0.15);--color-bg-3:rgba(21, 128, 61, 0.15);--color-bg-4:rgba(185, 28, 28, 0.15);--color-bg-5:rgba(107, 33, 168, 0.15);--color-bg-6:rgba(194, 65, 12, 0.15);--color-bg-7:rgba(190, 24, 93, 0.15);--color-bg-8:rgba(8, 145, 178, 0.15);--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb), 0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb), 0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb), 0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb), 0.3);--color-border:rgba(var(--color-gray-400-rgb), 0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb), 0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb), 0.2);--color-card-border-inner:rgba(var(--color-gray-400-rgb), 0.15);--shadow-inset-sm:inset 0 1px 0 rgba(255, 255, 255, 0.1),inset 0 -1px 0 rgba(0, 0, 0, 0.15);--button-border-secondary:rgba(var(--color-gray-400-rgb), 0.2);--color-border-secondary:rgba(var(--color-gray-400-rgb), 0.2);--color-select-caret:rgba(var(--color-gray-200-rgb), 0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}select.form-control{background-image:var(--select-caret-dark)}}[data-color-scheme=dark] select.form-control{background-image:var(--select-caret-dark)}[data-color-scheme=light] select.form-control{background-image:var(--select-caret-light)}.form-control:focus{border-color:var(--color-primary);outline:var(--focus-outline)}.form-label{display:block;margin-bottom:var(--space-8)}.form-group{margin-bottom:var(--space-16)}.card{border-radius:var(--radius-lg);border:1px solid var(--color-card-border);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-standard)}.card:hover{box-shadow:var(--shadow-md)}.card__body{padding:var(--space-16)}.card__footer,.card__header{padding:var(--space-16);border-bottom:1px solid var(--color-card-border-inner)}.status{display:inline-flex;align-items:center;padding:var(--space-6) var(--space-12);border-radius:var(--radius-full)}.status--success{background-color:rgba(var(--color-success-rgb,33,128,141),var(--status-bg-opacity));color:var(--color-success);border:1px solid rgba(var(--color-success-rgb,33,128,141),var(--status-border-opacity))}.status--error{background-color:rgba(var(--color-error-rgb,192,21,47),var(--status-bg-opacity));color:var(--color-error);border:1px solid rgba(var(--color-error-rgb,192,21,47),var(--status-border-opacity))}.status--warning{background-color:rgba(var(--color-warning-rgb,168,75,47),var(--status-bg-opacity));color:var(--color-warning);border:1px solid rgba(var(--color-warning-rgb,168,75,47),var(--status-border-opacity))}.status--info{background-color:rgba(var(--color-info-rgb,98,108,113),var(--status-bg-opacity));color:var(--color-info);border:1px solid rgba(var(--color-info-rgb,98,108,113),var(--status-border-opacity))}.container{margin-right:auto;margin-left:auto;padding-right:var(--space-16);padding-left:var(--space-16)}*,.m-0,body{margin:0}@media (min-width:640px){.container{max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:var(--container-xl)}}.activity-warning.show,.flex{display:flex}.flex-col{flex-direction:column}.items-center,.user-info{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--space-4)}.gap-8{gap:var(--space-8)}.gap-16{gap:var(--space-16)}.mt-8,.my-8{margin-top:var(--space-8)}.mb-8,.my-8{margin-bottom:var(--space-8)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.p-0{padding:0}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.px-16{padding-left:var(--space-16);padding-right:var(--space-16)}*,.sr-only,body{padding:0}.block{display:block}.hidden,.screen{display:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:var(--focus-outline);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}@font-face{font-family:FKGroteskNeue;src:url('https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2') format('woff2')}*{box-sizing:border-box}body{background:linear-gradient(135deg,#e8f5e9 0,#f1f8e9 50%,#fff9c4 100%);min-height:100vh;direction:rtl;color:#212121;overflow-x:hidden}.screen{min-height:calc(100vh - 180px);padding:20px}.screen.active{display:flex;flex-direction:column;align-items:center;justify-content:center}.university-header{margin-bottom:40px;animation:.8s ease-out fadeInDown}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.input-group,.logo-container{margin-bottom:20px}.logo-circle{display:inline-block;animation:20s linear infinite rotate}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.main-title{font-size:2.5rem;font-weight:800;color:#1b5e20;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.college-name{font-size:1.5rem;font-weight:600;color:#2e7d32;margin-bottom:8px}.semester-info{font-size:1.1rem;color:#558b2f;font-weight:600;background:rgba(255,215,0,.2);padding:8px 20px;border-radius:20px;display:inline-block}.welcome-card{background:#fff;border-radius:24px;padding:50px 40px;box-shadow:0 10px 40px rgba(0,0,0,.1);max-width:500px;width:100%;animation:.8s ease-out .3s both fadeInUp;border:3px solid gold}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-icon{margin-bottom:30px}.welcome-title{font-size:1.8rem;font-weight:700;color:#1b5e20;margin-bottom:15px}.welcome-subtitle{font-size:1.1rem;color:#666;margin-bottom:30px;line-height:1.6}.national-id-input{width:100%;padding:18px 20px;font-size:1.2rem;border:2px solid #4caf50;border-radius:12px;margin-bottom:15px;letter-spacing:2px;transition:.3s}.national-id-input:focus{outline:0;border-color:#1b5e20;box-shadow:0 0 0 4px rgba(27,94,32,.1)}.btn-primary{width:100%;padding:18px;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#1b5e20 0,#4caf50 100%);color:#fff;border:none;border-radius:12px;transition:.3s;box-shadow:0 4px 15px rgba(27,94,32,.3)}.btn-acknowledge:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(27,94,32,.4)}.btn-acknowledge:active,.btn-primary:active{transform:translateY(0)}.error-message{color:#d32f2f;font-size:1rem;margin-top:10px;font-weight:600;min-height:24px}.spinner{width:80px;height:80px;border:6px solid rgba(27,94,32,.1);border-top-color:#1b5e20;border-radius:50%;animation:1s linear infinite spin;margin:0 auto 30px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:1.3rem;color:#1b5e20;font-weight:600}.error-card{background:#fff;border-radius:24px;padding:60px 40px;box-shadow:0 10px 40px rgba(0,0,0,.1);max-width:500px;width:100%;border:3px solid #ffa000}.error-icon{margin-bottom:30px}.error-title{font-size:2rem;font-weight:700;color:#f57c00;margin-bottom:20px}.error-text{font-size:1.5rem;color:#e65100;margin-bottom:15px;font-weight:600}.error-subtext{font-size:1.1rem;color:#666;margin-bottom:30px;line-height:1.6}.btn-secondary{padding:15px 30px;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#757575 0,#9e9e9e 100%);color:#fff;border:none;border-radius:12px;transition:.3s}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}#dashboardScreen.active{display:block;min-height:auto}.dashboard-header{background:linear-gradient(135deg,#1b5e20 0,#4caf50 100%);padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin:-20px -20px 30px}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.user-info{display:flex;gap:15px}.user-avatar{background:#fff;border-radius:50%;padding:5px}.user-details{color:#fff}.user-name{font-size:1.3rem;font-weight:700;margin-bottom:5px}.user-id{font-size:.95rem;opacity:.9}.btn-logout{padding:12px 25px;font-size:1rem;font-weight:600;background:rgba(255,255,255,.2);color:#fff;border:2px solid #fff;border-radius:10px;transition:.3s}.btn-icon:hover,.btn-logout:hover{background:#fff;color:#1b5e20}.dashboard-content{max-width:1200px;margin:0 auto}.student-info-card{background:#fff;border-radius:20px;padding:30px;margin-bottom:40px;box-shadow:0 6px 30px rgba(0,0,0,.08);border:2px solid gold;animation:.6s ease-out fadeInUp}.info-header{display:flex;align-items:center;gap:20px;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #e8f5e9}.info-avatar{flex-shrink:0}.info-details{flex:1}.student-name-display{font-size:1.8rem;font-weight:700;color:#1b5e20;margin-bottom:8px}.no-courses-message p,.student-id-display{font-size:1.1rem;color:#666;margin:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.info-item{background:linear-gradient(135deg,#f1f8e9 0,#e8f5e9 100%);padding:18px;border-radius:12px;border:1px solid rgba(27,94,32,.1)}.info-label{display:block;font-size:.95rem;color:#558b2f;font-weight:600;margin-bottom:8px}.info-value{display:block;font-size:1.15rem;color:#1b5e20;font-weight:700}.status-badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;font-size:1rem;font-weight:600;gap:6px}.payment-amount{color:#2e7d32;font-size:1.3rem}.courses-list-detail{background:linear-gradient(135deg,#fff9c4 0,#fff3cd 100%);padding:20px;border-radius:12px;margin-top:20px;border:2px solid gold}.courses-list-title{font-size:1.1rem;font-weight:700;color:#f57c00;margin-bottom:15px}.courses-tags{display:flex;flex-direction:column;gap:10px}.course-tag{background:#fff;padding:10px 15px;border-radius:8px;font-size:1rem;color:#1b5e20;border:1px solid rgba(27,94,32,.2);display:block}.book-card,.no-courses-message{background:#fff;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.08)}.section-header{margin-bottom:40px}.section-title{font-size:2rem;font-weight:700;color:#1b5e20;margin-bottom:10px}.section-subtitle{font-size:1.1rem;color:#666}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;padding-bottom:40px}.no-courses-message{grid-column:1/-1;text-align:center;padding:60px 20px}.no-courses-message h3{font-size:1.8rem;color:#f57c00;margin:20px 0 10px}.book-card{padding:30px 25px;transition:.3s;border:2px solid transparent;position:relative}.book-card::before{content:'';position:absolute;top:0;right:0;width:100%;height:4px;background:linear-gradient(90deg,#1b5e20,#4caf50,gold);transform:scaleX(0);transform-origin:right;transition:transform .3s}.book-card:hover::before{transform:scaleX(1)}.book-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(27,94,32,.15);border-color:#4caf50}.book-icon{margin-bottom:20px}.book-number{display:inline-block;width:50px;height:50px;background:linear-gradient(135deg,#1b5e20,#4caf50);color:#fff;border-radius:50%;font-size:1.5rem;font-weight:700;line-height:50px;margin-bottom:15px}.book-title,.viewer-title{font-weight:600;text-align:center}.book-title{font-size:1.2rem;color:#1b5e20;line-height:1.6;min-height:60px;display:flex;align-items:center;justify-content:center}#viewerScreen.active{display:flex;flex-direction:column;padding:0;min-height:100vh}.viewer-header{background:linear-gradient(135deg,#1b5e20 0,#4caf50 100%);color:#fff;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.viewer-title{font-size:1.3rem;flex:1}.viewer-controls{display:flex;gap:10px}.btn-icon{background:rgba(255,255,255,.2);border:2px solid #fff;color:#fff;width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:.3s}.viewer-content{flex:1;position:relative;background:#424242}.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);font-size:3rem;font-weight:700;color:rgba(255,255,255,.1);pointer-events:none;z-index:10;white-space:nowrap;user-select:none}.pdf-viewer{width:100%;height:calc(100vh - 220px);border:none}.viewer-footer{background:#fff3cd;padding:12px;text-align:center}.viewer-warning{color:#856404;font-size:1rem;font-weight:600;margin:0}.site-footer{background:linear-gradient(135deg,#1b5e20 0,#2e7d32 100%);color:#fff;padding:30px 20px;text-align:center;margin-top:auto}.footer-copyright{font-size:1.1rem;font-weight:600;margin-bottom:10px}.footer-department{font-size:1rem;margin-bottom:8px;opacity:.95}.footer-instructor{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:gold}.footer-motto{font-size:1.2rem;font-weight:700;margin-top:10px;color:gold}.pdf-viewer,.viewer-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pdf-viewer::-webkit-scrollbar{width:8px}.pdf-viewer::-webkit-scrollbar-track{background:#333}.pdf-viewer::-webkit-scrollbar-thumb{background:#666;border-radius:4px}.pdf-viewer::-webkit-scrollbar-thumb:hover{background:#888}.activity-warning{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:10000;align-items:center;justify-content:center;animation:.3s ease-out fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.warning-content{background:#fff;border-radius:20px;padding:50px 40px;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);border:4px solid #f57c00;animation:.4s ease-out slideIn}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.warning-icon{font-size:5rem;margin-bottom:20px;animation:1s infinite pulse}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.warning-title{font-size:2rem;font-weight:700;color:#d32f2f;margin-bottom:20px}.warning-message{font-size:1.3rem;color:#333;margin-bottom:20px;line-height:1.6}.warning-count{font-size:1.1rem;font-weight:600;color:#f57c00;margin-bottom:30px;padding:15px;background:#fff3cd;border-radius:10px;border:2px solid gold}.btn-acknowledge{padding:15px 35px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#1b5e20 0,#4caf50 100%);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(27,94,32,.3)}@media (max-width:768px){.books-grid,.info-grid{grid-template-columns:1fr}.main-title{font-size:2rem}.college-name{font-size:1.2rem}.warning-content,.welcome-card{padding:40px 25px}.watermark,.welcome-title{font-size:1.5rem}.student-info-card{padding:20px}.info-header{flex-direction:column;text-align:center}.student-name-display{font-size:1.4rem}.info-grid{gap:15px}.books-grid{gap:20px}.section-title,.warning-title{font-size:1.6rem}.viewer-title,.warning-count{font-size:1rem}.warning-icon{font-size:4rem}.warning-message{font-size:1.1rem}}