@import url(https://fonts.googleapis.com/css2?family=Chewy&display=swap);.academic-header{background-color:#fff;border-bottom:1px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;width:100%;z-index:1}.academic-header.scrolled{border-bottom-color:#0000;box-shadow:0 4px 20px #0000000f}.academic-nav-container{align-items:center;display:flex;height:72px;justify-content:space-between;margin:0 auto;max-width:1360px;padding:0 16px;transition:height .3s ease}.academic-header.scrolled .academic-nav-container{height:64px}.academic-menu-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#0f172a;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s ease}.academic-menu-btn:active,.academic-menu-btn:hover{background-color:#f1f5f9}.academic-menu-btn svg{height:28px;width:28px}@media (min-width:700px){.academic-menu-btn{display:none}}.academic-brand{align-items:center;cursor:pointer;display:flex;gap:12px}.brand-logo-container{align-items:center;border-radius:8px;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.brand-logo-img{height:100%;object-fit:contain;width:100%}.brand-titles{display:flex;flex-direction:column}.brand-name{font-family:Chewy,system-ui,sans-serif!important;font-size:20px;letter-spacing:1px;line-height:1.1}.brand-name,.brand-portal{color:#152eff;font-weight:700}.brand-portal{font-size:10px;letter-spacing:.5px;text-transform:uppercase}.academic-nav-menu{align-items:center;display:none;gap:4px;height:100%}@media (min-width:1024px){.academic-nav-menu{display:flex}}.nav-link-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.nav-link-btn.open,.nav-link-btn:hover{background:#f1f5f9;color:#1e3a8a}.catalog-trigger svg{transition:transform .2s}.catalog-trigger.open svg{transform:rotate(180deg)}.catalog-dropdown-wrapper{align-items:center;display:flex;height:100%;position:relative}.catalog-menu{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #0000001a;left:50%;opacity:0;padding:24px;position:absolute;top:100%;transform:translateX(-50%) translateY(10px);transition:all .2s cubic-bezier(.4,0,.2,1);visibility:hidden;width:700px;z-index:50}.catalog-menu.show{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.catalog-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1.2fr}.catalog-heading{color:#94a3b8;display:block;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.catalog-item{border-radius:8px;display:flex;flex-direction:column;margin-bottom:4px;margin-left:-12px;padding:8px 12px;transition:background .2s}.catalog-item:hover{background:#f8fafc}.catalog-item strong{color:#1e3a8a;font-size:14px;margin-bottom:2px}.catalog-item span{color:#64748b;font-size:12px}.catalog-promo-col{border-left:1px solid #e2e8f0;padding-left:24px}.catalog-promo-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;height:100%;padding:20px}.promo-tag{color:#16a34a;font-size:10px;font-weight:700;letter-spacing:.5px}.catalog-promo-card h4{color:#1e3a8a;font-size:16px;margin:8px 0}.catalog-promo-card p{color:#475569;font-size:13px;line-height:1.4;margin-bottom:16px}.promo-btn{color:#2563eb;display:inline-block;font-size:13px;font-weight:600}.academic-actions{align-items:center;display:none;gap:20px}@media (min-width:1024px){.academic-actions{display:flex}}.track-widget-wrapper{align-items:center;display:flex;height:100%;position:relative}.learning-track-pill{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;cursor:pointer;display:flex;gap:10px;padding:6px 12px;transition:all .2s}.learning-track-pill:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.track-pulse{height:8px;position:relative;width:8px}.track-pulse,.track-pulse:after{background-color:#10b981;border-radius:50%}.track-pulse:after{animation:pulse-ring 2s cubic-bezier(.2,.8,.2,1) infinite;content:"";inset:-2px;position:absolute}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3)}}.track-info{display:flex;flex-direction:column}.track-label{color:#64748b;font-size:9px;font-weight:700;letter-spacing:.5px;line-height:1}.track-name{color:#1e3a8a;font-size:13px;font-weight:600;line-height:1.2}.academic-search-bar{align-items:center;background:#f1f5f9;border:1px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s;width:240px}.academic-search-bar:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.search-placeholder{flex:1 1;font-size:13px;text-align:left}.search-shortcut{background:#fff;border:1px solid #cbd5e1;border-radius:4px;box-shadow:0 1px 1px #0000000d;color:#475569;font-size:11px;font-weight:600;padding:2px 6px}.student-profile-widget{cursor:pointer;height:100%}.progress-ring-container,.student-profile-widget{align-items:center;display:flex;position:relative}.progress-ring-container{height:44px;justify-content:center;transition:transform .2s;width:44px}.student-profile-widget:hover .progress-ring-container{transform:scale(1.05)}.progress-ring{position:absolute;transform:rotate(-90deg)}.progress-ring-fill{transition:stroke-dashoffset 1s ease-in-out}.profile-avatar{border:2px solid #fff;border-radius:50%;height:32px;width:32px;z-index:2}.widget-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #0000001a;opacity:0;padding:16px;position:absolute;right:0;top:100%;transform:translateY(10px);transition:all .2s ease;visibility:hidden;width:260px;z-index:50}.widget-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.widget-header{border-bottom:1px solid #f1f5f9;color:#64748b;display:flex;font-size:12px;font-weight:500;justify-content:space-between;padding-bottom:8px}.highlight-text{color:#2563eb;font-weight:600}.widget-title{color:#1e3a8a;font-size:14px;line-height:1.4;margin:12px 0 8px}.mini-progress-bar{background:#e2e8f0;border-radius:2px;height:4px;margin-bottom:16px;overflow:hidden;width:100%}.mini-progress-fill{background:#2563eb;border-radius:2px;height:100%}.widget-action-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px;transition:background .2s;width:100%}.widget-action-btn:hover{background:#1d4ed8}.profile-dropdown{overflow:hidden;padding:0;width:220px}.profile-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;padding:16px}.profile-header strong{color:#1e3a8a;font-size:14px}.profile-header span{color:#64748b;font-size:12px}.profile-links{display:flex;flex-direction:column;padding:8px 0}.profile-links a{color:#475569;font-size:13px;padding:8px 16px;text-decoration:none;transition:background .2s}.profile-links a:hover{background:#f1f5f9;color:#1e3a8a}.text-danger{color:#dc2626!important}.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172a99;height:100vh;left:0;top:0;transition:opacity .3s ease,visibility .3s ease;width:100vw;z-index:99998}.side-drawer{background-color:#fff;box-shadow:4px 0 15px #0000001a;height:100vh;left:0;max-width:85vw;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:99999}.side-drawer.active{transform:translateX(0)}.drawer-header{padding:20px}.close-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background-color .2s}.close-btn:hover{background-color:#f1f5f9;color:#0f172a}.drawer-nav{flex:1 1;overflow-y:auto;padding:10px 0}.drawer-nav::-webkit-scrollbar{width:5px}.drawer-nav::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:5px}.drawer-link{background:#0000;border:none;color:#334155;cursor:pointer;font-family:inherit;font-size:1rem;padding:15px 22px;text-align:left;text-decoration:none;transition:background-color .2s,color .2s;width:100%}.drawer-link:active,.drawer-link:hover{background-color:#f1f5f9;color:#0f172a}.accordion-content{animation:slideDown .3s ease forwards;overflow:hidden}.mobile-catalog-group{margin-bottom:15px}.mobile-catalog-group:last-child{margin-bottom:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.drawer-footer{background-color:#fff;border-top:1px solid #e2e8f0;margin-top:auto;padding:10px 0}.drawer-footer .drawer-link{font-size:.95rem;padding:12px 22px}.practice-test-wrapper{margin:0 auto;max-width:1200px;padding:20px}.dynamic-container{margin-top:20px}.animate-view{animation:fadeIn .3s ease-in-out}.toolbar{border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:15px}.btn-full,.btn-sync{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.btn-full:hover,.btn-sync:hover{background-color:#2563eb}.btn-sync:disabled{cursor:not-allowed;opacity:.7}.spin{animation:spin 1s linear infinite}.breadcrumb{font-size:1rem;margin-bottom:20px}.breadcrumb .clickable{color:#3b82f6;cursor:pointer;text-decoration:underline}.breadcrumb .separator{margin:0 8px}.breadcrumb .active{color:#0f172a;font-weight:600}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.folder-card{background:#fff;box-shadow:0 2px 4px #0000000d;gap:15px;transition:transform .2s}.folder-card:hover{transform:translateY(-3px)}.folder-icon-wrapper{color:#3b82f6}.folder-info h3{color:#1e293b;font-size:1.1rem;margin:0 0 4px}.folder-count{color:#64748b;font-size:.85rem}.module-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.module-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:20px}.module-card h4{color:#0f172a;margin:0}.module-card a{color:#3b82f6;font-weight:500;text-decoration:none}.module-card a:hover{text-decoration:underline}.cbt-app-container{--brand-primary:#1e3a8a;--bg-app:#f3f4f6;--bg-panel:#fff;--bg-sidebar:#f8fafc;--border-light:#e5e7eb;--border-medium:#d1d5db;--text-main:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--status-correct:#10b981;--status-correct-bg:#ecfdf5;--status-wrong:#ef4444;--status-wrong-bg:#fef2f2;--status-unanswered:#f59e0b;--font-ui:"Inter",system-ui,-apple-system,sans-serif;background:var(--bg-app);color:var(--text-main);font-family:var(--font-ui);height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}.cbt-app-container .rich-text{word-wrap:break-word;color:var(--text-main);font-size:inherit;line-height:1.6;overflow-wrap:anywhere;width:100%}.cbt-app-container .rich-text p{margin-bottom:14px;margin-top:0}.cbt-app-container .rich-text p:last-child{margin-bottom:0}.cbt-app-container .rich-text b,.cbt-app-container .rich-text strong{color:#0f172a;font-weight:700}.cbt-app-container .rich-text em,.cbt-app-container .rich-text i{font-style:italic}.cbt-app-container .rich-text img{border-radius:6px;display:block;height:auto!important;margin:8px 0;max-width:100%!important}.cbt-app-container .rich-text table{background:#fff;border:1px solid var(--border-medium);border-collapse:collapse;border-radius:8px;display:block!important;margin:16px 0;max-width:100%!important;overflow-x:auto!important;width:100%!important}.cbt-app-container .rich-text td,.cbt-app-container .rich-text th{border:1px solid var(--border-medium);padding:10px 14px;text-align:left;vertical-align:top}.cbt-app-container .rich-text th{background:var(--bg-sidebar);font-weight:700}.cbt-app-container .rich-text pre{background:#1e293b;border-radius:8px;color:#e2e8f0;font-size:13px;margin:12px 0;overflow-x:auto;padding:16px}.exam-header{background:var(--brand-primary);box-shadow:0 1px 3px #0000001a;color:#fff;height:60px;justify-content:space-between;padding:0 24px;position:relative;z-index:50}.exam-header,.header-brand{align-items:center;display:flex}.header-brand{gap:12px}.header-brand h1{font-size:20px;font-weight:700;margin:0}.header-brand span{border-left:1px solid #cbd5e1;color:#cbd5e1;font-size:14px;max-width:400px;overflow:hidden;padding-left:12px;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:14px;font-weight:600;gap:6px}.exam-layout{display:flex;height:calc(100vh - 60px);margin:0 auto;max-width:1600px;overflow-x:hidden;width:100%}.loader-screen{align-items:center;display:flex;flex-direction:column;font-size:18px;font-weight:500;gap:10px;height:100%;justify-content:center;padding:20px;text-align:center;width:100%}.loader-spinner{animation:spin .8s linear infinite;border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--brand-primary);height:40px;margin-bottom:6px;width:40px}.loader-stage{color:var(--text-muted);font-size:13px;font-weight:400}.main-pane{background:var(--bg-panel);border-right:1px solid var(--border-light);display:flex;flex:1 1;flex-direction:column;transition:flex .3s ease}.question-scroll-area{flex:1 1;overflow-y:auto;padding:30px 40px}.question-meta{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;font-size:16px;font-weight:700;gap:8px;justify-content:space-between;margin-bottom:24px;padding-bottom:12px}.question-text{box-sizing:border-box!important;font-size:18px!important;font-weight:400;margin-bottom:30px;overflow:hidden!important}.question-text *{font-size:inherit!important;max-width:100%!important}.options-list{display:flex;flex-direction:column;gap:16px}.option-card{align-items:flex-start;background:#fff;border:1px solid var(--border-medium);border-radius:8px;cursor:pointer;display:flex;padding:16px 20px;transition:all .2s ease}.option-card:hover:not(.disabled){border-color:var(--brand-primary);box-shadow:0 2px 4px #0000000d}.opt-letter{align-items:center;background:var(--bg-app);border:1px solid var(--border-medium);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;margin-right:16px;margin-top:2px;transition:.2s;width:32px}.option-card:hover:not(.disabled) .opt-letter{background:#eff6ff;border-color:var(--brand-primary);color:var(--brand-primary)}.opt-text{flex:1 1;font-size:16px;min-width:0}.option-card.disabled{cursor:default}.option-card.is-correct{background:var(--status-correct-bg);border-color:var(--status-correct)}.option-card.is-correct .opt-letter{background:var(--status-correct);border-color:var(--status-correct);color:#fff}.option-card.is-wrong{background:var(--status-wrong-bg);border-color:var(--status-wrong)}.option-card.is-wrong .opt-letter{background:var(--status-wrong);border-color:var(--status-wrong);color:#fff}.solution-box{animation:fadeIn .4s ease;border:1px solid var(--status-correct);border-radius:8px;margin-top:30px;overflow:hidden}.solution-header{align-items:center;background:var(--status-correct-bg);border-bottom:1px solid var(--status-correct);color:#065f46;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 20px}.solution-body{background:#fff;font-size:15px;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.action-footer{align-items:center;background:#fff;border-top:1px solid var(--border-light);box-shadow:0 -2px 10px #00000005;display:flex;height:70px;justify-content:space-between;padding:0 40px}.action-footer-right{align-items:center;display:flex;gap:12px}.action-footer button{display:inline-flex;flex:0 0 auto!important;min-width:100px;white-space:nowrap!important;width:auto!important}.action-footer button,.btn{align-items:center;justify-content:center}.btn{border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:.2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-outline{background:#fff;border:1px solid var(--border-medium);color:var(--text-main)}.btn-outline:hover:not(:disabled){background:var(--bg-app)}.btn-primary{background:var(--brand-primary)}.btn-primary:hover{background:#1e40af}.btn-skip{background:#fff;border:1px solid var(--status-unanswered);border-radius:6px;color:#92400e;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:.2s}.btn-skip:hover{background:#fffbeb}.side-pane{background:var(--bg-sidebar);border-left:1px solid var(--border-light);flex-shrink:0;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);width:320px}.side-pane.collapsed-desktop{border-left:none;width:0}.side-pane-content{display:flex;flex-direction:column;height:100%;overflow:hidden;transition:opacity .2s ease,visibility .2s;width:320px}.side-pane.collapsed-desktop .side-pane-content{opacity:0;pointer-events:none;visibility:hidden}.desktop-toggle-ribbon{display:none}@media (min-width:1025px){.desktop-toggle-ribbon{align-items:center;background:var(--bg-sidebar);border:1px solid var(--border-light);border-radius:8px 0 0 8px;border-right:none;box-shadow:-2px 0 5px #00000008;color:var(--text-secondary);cursor:pointer;display:flex;height:64px;justify-content:center;left:-24px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px;z-index:100}.desktop-toggle-ribbon:hover{background:var(--border-light);color:var(--text-main)}.side-pane.collapsed-desktop .desktop-toggle-ribbon svg{transform:rotate(180deg)}}.user-info{background:#fff;border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;padding:20px}.user-details,.user-info{align-items:center;display:flex}.user-details{gap:12px}.avatar{align-items:center;background:var(--border-light);border-radius:50%;color:var(--text-secondary);display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.user-details h3{font-size:15px;margin:0 0 4px}.score-row{display:flex;flex-wrap:wrap;gap:8px}.score-chip{border-radius:20px;font-size:12px;font-weight:600;padding:2px 8px}.chip-score{background:#eff6ff;color:#1e40af}.chip-correct{background:#ecfdf5;color:#065f46}.chip-wrong{background:#fef2f2;color:#991b1b}.palette-scroll{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.palette-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.palette-title{color:var(--text-secondary);font-size:14px;font-weight:700;margin:0}.palette-pagination{align-items:center;display:flex;gap:8px}.page-btn{background:none;border:1px solid var(--border-medium);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:4px 8px;transition:.2s}.page-btn:hover:not(:disabled){background:var(--border-light)}.page-btn:disabled{cursor:not-allowed;opacity:.3}.palette-grid{grid-gap:10px;align-content:start;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.pal-btn{align-items:center;aspect-ratio:1;background:#fff;border:1px solid var(--border-medium);border-radius:4px;color:var(--text-main);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;transition:.2s}.pal-btn.current{border:2px solid var(--brand-primary);font-weight:700;transform:scale(1.05)}.pal-btn.correct{background:var(--status-correct);border-color:var(--status-correct);color:#fff}.pal-btn.wrong{background:var(--status-wrong);border-color:var(--status-wrong);color:#fff}.pal-btn.unanswered{background:var(--status-unanswered);border-color:var(--status-unanswered);color:#fff}.legend-box{background:#fff;border-top:1px solid var(--border-light);flex-shrink:0;padding:20px}.legend-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:8px}.lg-box{border:1px solid var(--border-medium);border-radius:3px;flex-shrink:0;height:18px;width:18px}.lg-correct{background:var(--status-correct);border-color:var(--status-correct)}.lg-wrong{background:var(--status-wrong);border-color:var(--status-wrong)}.lg-skip{background:var(--status-unanswered);border-color:var(--status-unanswered)}.mobile-backdrop{background:#0009;bottom:0;left:0;opacity:0;position:fixed;right:0;top:60px;transition:all .3s ease;visibility:hidden;z-index:40}.mobile-backdrop.open{opacity:1;visibility:visible}.bookmode-viewer{background:var(--bg-app);border-radius:16px;box-shadow:0 25px 60px #000000a6;display:flex;flex-direction:column;height:600px;left:50%;max-height:90vh;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px;z-index:99999}.bookmode-viewer.is-fullscreen{border-radius:0!important;height:100%!important;inset:0!important;left:0!important;max-height:100%!important;top:0!important;transform:none!important;width:100%!important}.postViewer-header{align-items:center;background:var(--brand-primary);border-bottom:1px solid var(--border-light);color:#fff;display:flex;font-size:15px;font-weight:600;height:48px;justify-content:space-between;padding:0 16px;-webkit-user-select:none;user-select:none}.postViewer-actions button{background:none;border:none;color:#e2e8f0;cursor:pointer;font-size:18px;margin-left:10px}.postViewer-actions button:hover{color:#fff}.postViewer-content{flex:1 1;overflow-y:auto;padding:20px}@media (max-width:900px){.exam-header{padding:0 16px}.header-brand span{display:none}.mobile-menu-btn{display:flex}.action-footer{bottom:0;box-shadow:0 -4px 10px #00000014;left:0;padding:0 12px;position:fixed;width:100%;z-index:20}.question-scroll-area{padding:20px 16px 90px}.side-pane{border-left:none;box-shadow:-4px 0 15px #0000001a;height:calc(100vh - 60px);max-width:340px;position:fixed;right:0;top:60px;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:85%;z-index:45}.side-pane.open{transform:translateX(0)}.opt-letter{font-size:13px;height:28px;margin-right:12px;width:28px}.option-card{padding:12px 16px}.palette-grid{gap:8px;grid-template-columns:repeat(6,1fr)}.bookmode-viewer{height:85vh;width:calc(100% - 20px)}}.login-wrapper{background-color:#fff;display:flex;min-height:100vh;width:100%}.login-left-pane{background-color:#f1f5f9;background-image:url(https://blog.edraak.org/wp-content/uploads/2020/08/Blog-No.3-720x480.jpg);background-position:50%;background-size:cover;display:none;flex:1 1;position:relative}.pane-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;left:0;padding:60px;position:absolute;width:100%}.pane-overlay h2{font-size:2rem;margin-bottom:10px}.pane-overlay p{font-size:1.1rem;line-height:1.5;max-width:80%;opacity:.9}.login-right-pane{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px 20px}.login-form-container{display:flex;flex-direction:column;max-width:420px;width:100%}.login-logo{border-radius:8px;height:80px;margin-bottom:20px;width:80px}.login-header h1{color:#0f172a;font-size:28px;font-weight:700;margin:0 0 8px}.login-header p{color:#64748b;font-size:15px;margin:0 0 30px}.login-error-alert{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px 16px}.login-header{align-items:center;display:flex;flex-direction:column;text-align:center}@media (min-width:992px){.login-header{align-items:flex-start;text-align:left}}.login-form{gap:20px}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:8px}.input-group label{color:#475569;font-size:13px;font-weight:600}.input-group input{background-color:#f1f5f9;border:2px solid #0000;border-radius:12px;box-sizing:border-box;color:#0f172a;font-size:15px;outline:none;padding:14px 16px;transition:all .2s;width:100%}.input-group input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.forgot-password{margin-top:-10px;text-align:right}.forgot-password a{color:#2563eb;font-size:13px;font-weight:500;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.btn-primary{background-color:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:background-color .2s;width:100%}.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-primary:disabled{background-color:#94a3b8;cursor:not-allowed}.login-divider{align-items:center;color:#94a3b8;display:flex;font-size:13px;margin:30px 0;text-align:center}.login-divider:after,.login-divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.login-divider span{padding:0 15px}.btn-google{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#334155;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:background-color .2s;width:100%}.btn-google:hover{background-color:#f8fafc}.btn-google img{height:20px;width:20px}.login-footer{color:#475569;font-size:14px;margin-top:30px;text-align:center}.login-footer a{color:#2563eb;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (min-width:992px){.login-left-pane{display:block}.login-right-pane{padding:60px}.login-form-container{max-width:460px}}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#dbeafe;--bg-body:#f8fafc;--bg-surface:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border:#e2e8f0;--success:#059669;--success-bg:#d1fae5;--danger:#dc2626;--danger-bg:#fee2e2;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-chewy:"Chewy",system-ui,sans-serif;--radius:12px;--shadow-sm:0 1px 3px 0 #0000001a;--shadow-md:0 10px 15px -3px #0000001a;--shadow-hover:0 20px 25px -5px #2563eb1a,0 8px 10px -6px #2563eb1a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f8fafc;background-color:var(--bg-body);color:#0f172a;color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-sans);line-height:1.5}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}ul{list-style:none}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#2563eb;background-color:var(--primary);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:40}.nav-container{height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 16px}.brand-title,.nav-container{align-items:center;display:flex}.brand-title{font-size:18px;font-weight:600;gap:12px}.brand-title img{border-radius:4px;height:28px;width:28px}.nav-menu{align-items:center;display:none;gap:4px}@media (min-width:900px){.nav-menu{display:flex}}.nav-link{border-radius:8px;font-size:14px;font-weight:500;padding:8px 12px;transition:background-color .2s}.nav-link:hover{background-color:#ffffff1a}.dropdown-wrapper{position:relative}.dropdown-menu{background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-md);left:0;margin-top:4px;min-width:200px;opacity:0;padding:4px 0;position:absolute;top:100%;transform:translateY(4px);transition:all .2s;visibility:hidden;z-index:50}.dropdown-wrapper:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{color:#0f172a;color:var(--text-primary);display:block;font-size:14px;padding:8px 16px}.dropdown-item:hover{background-color:#f8fafc;background-color:var(--bg-body);color:#2563eb;color:var(--primary)}.menu-btn{color:#fff;display:flex;padding:8px}.menu-btn svg{height:24px;width:24px}@media (min-width:900px){.menu-btn{display:none}}.drawer-overlay{background:#0f172a80;inset:0;opacity:0;position:fixed;transition:opacity .3s;visibility:hidden;z-index:45}.drawer-overlay.active{opacity:1;visibility:visible}.side-drawer{background:#fff;background:var(--bg-surface);bottom:0;box-shadow:1px 0 10px #0000001a;display:flex;flex-direction:column;left:-280px;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:320px;z-index:50}.side-drawer.active{transform:translateX(280px)}.drawer-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px}.drawer-header h2{font-size:16px;font-weight:600}.close-btn{color:#64748b;color:var(--text-secondary);padding:4px}.drawer-nav{padding:12px 0}.drawer-link{border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--bg-body);color:#0f172a;color:var(--text-primary);display:block;font-size:15px;font-weight:500;padding:12px 16px}.drawer-link:hover{background:#f8fafc;background:var(--bg-body)}.drawer-sublink{color:#64748b;color:var(--text-secondary);display:block;font-size:14px;padding:10px 16px 10px 32px}.main-container{flex:1 1;margin:0 auto;max-width:900px;padding:24px 16px;width:100%}.toolbar{background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);justify-content:space-between;margin-bottom:24px;padding:12px 16px}.status-text,.toolbar{align-items:center;display:flex}.status-text{color:#64748b;color:var(--text-secondary);font-size:13px;font-weight:500;gap:6px}.status-text.new{color:#059669;color:var(--success)}.status-text.new:before{background:currentColor;border-radius:50%;content:"";height:8px;width:8px}.btn-sync{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#0f172a;color:var(--text-primary);display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:background .2s}.btn-sync:hover{background:#f8fafc;background:var(--bg-body)}.btn-sync.spin svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.breadcrumb{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#64748b;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding-bottom:12px}.breadcrumb-item{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;gap:6px;padding:4px 8px;transition:color .2s ease,transform .2s ease}.breadcrumb-item:hover:not(.active){background:#dbeafe;background:var(--primary-light);color:#2563eb;color:var(--primary);transform:translateX(-2px)}.breadcrumb-item.active{color:#0f172a;color:var(--text-primary);cursor:default;font-weight:600;pointer-events:none}.breadcrumb-separator{color:#e2e8f0;color:var(--border);font-size:11px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-view{animation:fadeSlideUp .4s cubic-bezier(.16,1,.3,1) forwards}.folders-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.folder-card{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:row;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.folder-card:before{background:#2563eb;background:var(--primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.folder-card:hover:before{transform:scaleX(1)}.folder-card:hover{border-color:#bfdbfe;box-shadow:0 20px 25px -5px #2563eb1a,0 8px 10px -6px #2563eb1a;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.folder-icon-wrapper{background:#dbeafe;background:var(--primary-light);border-radius:12px;flex-shrink:0;height:52px;width:52px}.folder-icon-wrapper,.global-spinner-overlay{align-items:center;display:flex;justify-content:center}.global-spinner-overlay{background-color:#ffffffb3;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.spinner-image{height:60px;width:60px}.app-footer{background-color:none;color:#f1f1f1;font-family:system-ui,-apple-system,sans-serif;margin-top:auto;padding:2rem 1rem 0}.footer-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding-bottom:2rem}.footer-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.footer-description{color:#a0a0a0;font-size:.9rem;line-height:1.5}.footer-heading{color:#000;font-size:1.1rem;margin-bottom:1rem}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.5rem}.footer-link-btn{background:none;border:none;color:#a0a0a0;cursor:pointer;font-size:.95rem;padding:0;transition:color .2s ease}.footer-link-btn:hover{color:#fff;text-decoration:underline}.social-icons{display:flex;gap:1rem}.social-link{color:#a0a0a0;font-size:.95rem;text-decoration:none;transition:color .2s ease}.social-link:hover{color:#fff}.footer-bottom{border-top:1px solid #333;color:#777;font-size:.85rem;padding:1.5rem 0;text-align:center}
/*# sourceMappingURL=main.ba476612.css.map*/