:root{--font-family-sans: "Inter", sans-serif;--font-family-display: "Outfit", sans-serif;--bg-base: #060a13;--bg-surface: rgba(16, 22, 37, .7);--bg-surface-opaque: #101625;--bg-card: rgba(22, 30, 52, .45);--bg-card-hover: rgba(30, 41, 71, .6);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(59, 130, 246, .2);--border-glow-focus: rgba(99, 102, 241, .5);--color-primary: #4f46e5;--color-primary-light: #6366f1;--color-primary-glow: rgba(79, 70, 229, .35);--color-secondary: #0ea5e9;--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .15);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .15);--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .15);--color-info: #0ea5e9;--color-info-bg: rgba(14, 165, 233, .15);--color-easy: #10b981;--color-medium: #f97316;--color-hard: #ef4444;--color-unrated: #64748b;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--sidebar-width: 260px;--topbar-height: 70px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, .5);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .6);--shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, .8);--glass-blur: blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:600;letter-spacing:-.02em}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-container{display:flex;height:100vh;min-height:100vh;width:100vw;max-width:100vw;overflow:hidden;position:relative;background-image:radial-gradient(at 0% 0%,rgba(79,70,229,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(14,165,233,.1) 0px,transparent 50%)}.app-sidebar{width:var(--sidebar-width);background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:relative;flex-shrink:0;z-index:100;transition:width var(--transition-normal);overflow:hidden}.sidebar-logo{height:var(--topbar-height);display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border-color)}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary));border-radius:8px;margin-right:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--font-family-display);font-size:1.1rem}.logo-text{font-family:var(--font-family-display);font-weight:700;font-size:1.2rem;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-menu{list-style:none;padding:24px 16px;display:flex;flex-direction:column;gap:8px;flex-grow:1}.menu-item{display:flex;align-items:center;padding:12px 16px;color:var(--text-secondary);border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;font-weight:500;font-size:.95rem;transition:all var(--transition-fast);background:transparent;border:none;text-align:left;width:100%}.menu-item:hover{background:var(--bg-card);color:var(--text-primary)}.menu-item.active{background:var(--color-primary-glow);color:#fff;border-left:3px solid var(--color-primary-light);padding-left:13px}.menu-item-icon{margin-right:12px;font-size:1.2rem;width:20px;display:inline-block;text-align:center}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color);background:#0003}.user-profile-badge{display:flex;align-items:center;gap:12px}.user-avatar{width:38px;height:38px;background:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-secondary)}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:.85rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-role{font-size:.75rem;color:var(--text-muted)}.app-main-content{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;min-width:0;height:100vh;overflow:hidden}.app-topbar{display:flex;height:var(--topbar-height);background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;z-index:99}.main-scroll-area{flex-grow:1;overflow-y:auto;padding:30px;display:flex;flex-direction:column;gap:30px}.panel{background:var(--bg-surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,rgba(59,130,246,.03),transparent 60%);pointer-events:none}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.panel-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.panel-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all var(--transition-normal);cursor:pointer}.dashboard-card:hover{background:var(--bg-card-hover);transform:translateY(-4px);border-color:var(--border-glow);box-shadow:var(--shadow-md)}.dashboard-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:transparent;transition:background var(--transition-fast)}.dashboard-card.card-primary:after{background:var(--color-primary-light)}.dashboard-card.card-success:after{background:var(--color-success)}.dashboard-card.card-warning:after{background:var(--color-warning)}.dashboard-card.card-info:after{background:var(--color-info)}.dashboard-card.card-error:after{background:var(--color-error)}.card-icon{font-size:1.8rem;margin-bottom:12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px}.card-title{font-size:.85rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-weight:600;margin-bottom:6px}.card-value{font-size:1.8rem;font-weight:700;font-family:var(--font-family-display);line-height:1.2}.card-subtext{font-size:.78rem;color:var(--text-muted);margin-top:8px;display:flex;align-items:center;gap:4px}.form-group{margin-bottom:18px;display:flex;flex-direction:column;gap:6px}.form-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-control{background:#0a0f1dcc;border:1px solid var(--border-color);color:var(--text-primary);padding:12px 14px;border-radius:var(--radius-sm);font-size:.95rem;transition:all var(--transition-fast);outline:none;width:100%}.form-control:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-glow);background:#0a0f1d}.form-row{display:flex;gap:16px}.form-row>*{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;gap:8px;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-light);box-shadow:0 4px 12px var(--color-primary-glow)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--text-secondary)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:#12d393}.btn-danger{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error)}.btn-danger:hover{background:var(--color-error);color:#fff}.btn-sm{padding:6px 12px;font-size:.8rem;border-radius:var(--radius-sm)}.btn-circle{width:32px;height:32px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#05070dd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:var(--bg-surface-opaque);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalSlideIn var(--transition-normal)}@keyframes modalSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.subject-node{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:20px;overflow:hidden;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast)}.subject-node:hover{border-color:var(--border-glow)}.subject-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#ffffff05;cursor:pointer;-webkit-user-select:none;user-select:none}.subject-info-block{display:flex;align-items:center;gap:12px;flex-grow:1}.subject-title{font-size:1.1rem;font-weight:600}.subject-meta-pills{display:flex;gap:8px;font-size:.75rem;align-items:center;color:var(--text-muted)}.subject-actions{display:flex;gap:8px;align-items:center}.chapters-list{padding:10px 20px 20px;display:flex;flex-direction:column;gap:10px;background:#0000001a;border-top:1px solid var(--border-color)}.chapter-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0a0f1d80;border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);gap:12px;flex-wrap:wrap}.chapter-row:hover{background:#0a0f1de6;border-color:var(--text-muted)}.chapter-row.prioritized{border-left:3px solid var(--color-warning)}.chapter-main-info{display:flex;align-items:center;gap:10px;flex:2;min-width:200px}.chapter-name{font-weight:500;font-size:.9rem}.chapter-stats-row{display:flex;align-items:center;gap:16px;flex:3;justify-content:flex-end;min-width:250px}.stat-item{display:flex;flex-direction:column;align-items:flex-end}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.stat-value{font-size:.85rem;font-weight:600}.pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:.72rem;font-weight:600;text-transform:uppercase}.pill-success{background:var(--color-success-bg);color:var(--color-success)}.pill-warning{background:var(--color-warning-bg);color:var(--color-warning)}.pill-error{background:var(--color-error-bg);color:var(--color-error)}.pill-info{background:var(--color-info-bg);color:var(--color-info)}.pill-muted{background:var(--border-color);color:var(--text-secondary)}.complexity-indicator{display:inline-block;width:10px;height:10px;border-radius:50%}.comp-easy{background-color:var(--color-easy)}.comp-medium{background-color:var(--color-medium)}.comp-hard{background-color:var(--color-hard)}.comp-unrated{background-color:var(--color-unrated)}.complexity-stacked-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;width:80px;background:var(--border-color)}.bar-segment{height:100%}.timer-widget{background:var(--bg-surface-opaque);border:1px solid var(--color-primary-light);box-shadow:0 0 15px var(--color-primary-glow);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px;width:260px;position:fixed;bottom:24px;right:24px;z-index:500;animation:timerGlow 3s infinite alternate}@keyframes timerGlow{0%{box-shadow:0 0 10px var(--color-primary-glow)}to{box-shadow:0 0 20px var(--color-primary-glow),0 0 4px var(--color-secondary)}}.timer-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary)}.timer-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem}.timer-clock{font-size:2.2rem;font-weight:700;text-align:center;font-family:var(--font-family-display);letter-spacing:.05em;color:#fff;margin:4px 0;text-shadow:0 0 8px rgba(255,255,255,.2)}.timer-select-chapter{font-size:.8rem;padding:6px;background:#0000004d;border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;width:100%;outline:none}.timer-controls{display:flex;justify-content:center;gap:10px}.calendar-grid-container{display:flex;flex-direction:column;gap:16px}.calendar-month-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.calendar-month-title{font-size:1.2rem;font-weight:700}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:8px}.calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-day-cell{aspect-ratio:1.2;border:1px solid var(--border-color);border-radius:6px;padding:6px;display:flex;flex-direction:column;justify-content:space-between;position:relative;cursor:pointer;transition:all var(--transition-fast);background:#1016254d;min-height:48px}.calendar-day-cell:hover{background:#ffffff0d;border-color:var(--text-secondary)}.calendar-day-num{font-size:.75rem;color:var(--text-secondary)}.calendar-day-cell.other-month{opacity:.2;cursor:default}.calendar-day-cell.other-month:hover{background:#1016254d;border-color:var(--border-color)}.calendar-day-cell.today{border-color:var(--color-primary-light);box-shadow:inset 0 0 4px var(--color-primary-glow)}.calendar-day-cell.exam-day{background:linear-gradient(135deg,#ef444433,#ef44440d)!important;border-color:var(--color-error)!important}.day-activity-indicator{font-size:.7rem;font-weight:700;text-align:right;border-radius:3px;padding:1px 3px}.intensity-0{background-color:#1016254d}.intensity-1{background-color:#4f46e526;color:var(--color-primary-light)}.intensity-2{background-color:#4f46e559;color:#fff}.intensity-3{background-color:#4f46e599;color:#fff}.intensity-4{background-color:#4f46e5e6;color:#fff}.plan-marker-bar{position:absolute;bottom:4px;left:6px;right:6px;height:3px;border-radius:20px;background:var(--color-secondary);opacity:.7}.day-details-panel{border-top:1px solid var(--border-color);padding-top:20px;margin-top:10px;display:flex;flex-direction:column;gap:12px}.day-session-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.plan-table{width:100%;border-collapse:collapse;margin-top:12px}.plan-table th,.plan-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border-color)}.plan-table th{font-weight:600;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase}.plan-table td{font-size:.9rem}.plan-table tr:hover{background:#ffffff05}.progress-ring-container{display:flex;align-items:center;justify-content:center;position:relative}.progress-ring-text{position:absolute;font-size:1.4rem;font-weight:700;font-family:var(--font-family-display)}.hotspot-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:var(--radius-sm);background:#ff44440d;border:1px solid rgba(239,68,68,.2);margin-bottom:8px}.hotspot-item.medium-risk{background:#f973160d;border-color:#f9731633}.wizard-container{max-width:600px;margin:60px auto;text-align:center}.wizard-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-lg)}.alert-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning);color:var(--text-primary);padding:14px 20px;border-radius:var(--radius-md);margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.alert-message{font-size:.9rem;display:flex;align-items:center;gap:10px}@media (max-width: 1024px){.app-sidebar{position:fixed;top:0;bottom:0;left:0;height:100vh;width:260px;z-index:1000;transform:translate(-100%);transition:transform var(--transition-normal);box-shadow:none}.app-sidebar.mobile-open{transform:translate(0);box-shadow:var(--shadow-lg)}.app-main-content{height:100vh}.main-scroll-area{padding:20px}}@media (max-width: 768px){:root{--topbar-height: 60px}.main-scroll-area{padding:16px;gap:20px}.panel{padding:16px}.form-row{flex-direction:column;gap:0}.panel-header{flex-direction:column;align-items:flex-start;gap:10px}.wizard-container{margin:20px auto;padding:0 10px}.wizard-card{padding:24px 16px}.subject-header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.subject-info-block{flex-direction:column;align-items:flex-start;gap:6px;width:100%}.subject-title{font-size:1rem}.subject-actions{width:100%;justify-content:flex-end;gap:12px;border-top:1px solid var(--border-color);padding-top:10px}.chapters-list{padding:10px 12px 14px}.chapter-row{flex-direction:column;align-items:stretch;padding:12px;gap:8px}.chapter-main-info{width:100%;min-width:auto}.chapter-stats-row{width:100%;min-width:auto;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--border-color);padding-top:10px;margin-top:4px}.chapter-stats-row>*{flex-grow:1;display:flex;justify-content:center}.chapter-stats-row .stat-item{align-items:center}.calendar-days-grid{gap:4px}.calendar-day-cell{aspect-ratio:1;min-height:40px;padding:4px}.calendar-day-num{font-size:.7rem}.day-activity-indicator{display:none}.plan-marker-bar{bottom:2px;height:2px;left:4px;right:4px}.timer-widget{left:16px;right:16px;bottom:16px;width:auto;box-shadow:var(--shadow-lg)}}@media (max-width: 480px){.dashboard-grid{grid-template-columns:1fr}.card-value{font-size:1.5rem}.modal-content{width:95%;max-height:95vh}}@media (max-width: 900px){.auth-brand-pane{display:none!important}}