@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#0f1729;--bg-secondary:#141f38;--bg-tertiary:#121b31;--bg-card:#182543b3;--bg-card-hover:#1e2e52cc;--bg-input:#131d34;--bg-sidebar:#0c1322;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#6c7c93;--text-inverse:#0f1729;--accent:#3c83f6;--accent-hover:#0b64f4;--accent-muted:#3c83f626;--accent-glow:#3c83f640;--success:#21c45d;--success-muted:#21c45d26;--warning:#f59f0a;--warning-muted:#f59f0a26;--danger:#ef4343;--danger-muted:#ef434326;--info:#0da2e7;--border-color:#3c83f61f;--border-color-strong:#3c83f640;--radius:12px;--radius-sm:8px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow:0 4px 24px #0000004d;--shadow-sm:0 2px 8px #0003;--shadow-lg:0 8px 40px #0006;--shadow-accent:0 4px 20px #3c83f640;--glass-blur:blur(12px);--glass-bg:#18254399;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .4s cubic-bezier(.4, 0, .2, 1);--font:"Inter", system-ui, -apple-system, sans-serif;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:var(--accent);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#3c83f633}::-webkit-scrollbar-thumb:hover{background:#3c83f659}.btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;line-height:1.4;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 24px #3c83f659}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color-strong);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--bg-card);border-color:var(--accent)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 12px}.btn-ghost:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary)}.btn-sm{padding:6px 14px;font-size:.8125rem}.btn-lg{padding:14px 28px;font-size:1rem;font-weight:600}.btn-icon{width:36px;height:36px;padding:8px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.02em;font-size:.8125rem;font-weight:500}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font);transition:var(--transition);outline:none;padding:10px 14px;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.form-input::placeholder{color:var(--text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7a99' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.form-textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);transition:var(--transition);padding:24px}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-strong)}.data-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius);border:1px solid var(--border-color);width:100%;max-width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table thead{background:var(--bg-secondary);z-index:1;position:sticky;top:0}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:12px 16px;font-size:.75rem;font-weight:600}.data-table td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #3c83f60f;padding:12px 16px}.data-table tbody tr{transition:var(--transition-fast)}.data-table tbody tr:hover{background:#3c83f60d}.data-table tbody tr:nth-child(2n){background:#141f384d}.data-table tbody tr:nth-child(2n):hover{background:#3c83f614}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-muted);color:var(--success)}.badge-warning{background:var(--warning-muted);color:var(--warning)}.badge-danger{background:var(--danger-muted);color:var(--danger)}.badge-info{background:var(--accent-muted);color:var(--accent)}.badge-neutral{color:var(--text-secondary);background:#94a3b826}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:2px;font-size:.875rem}.page-actions{flex-wrap:wrap;gap:10px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.content-grid{gap:24px;display:grid}.content-grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.filter-bar .form-input,.filter-bar .form-select{max-width:200px}.search-input-wrapper{position:relative}.search-input-wrapper svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input-wrapper .form-input{padding-left:40px}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.pagination-info{color:var(--text-secondary);font-size:.8125rem}.pagination-buttons{gap:4px;display:flex}.pagination-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);font-size:.8125rem;font-family:var(--font);cursor:pointer;transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.pagination-btn:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary);border-color:var(--accent)}.pagination-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#070a13cc;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-size:1.125rem;font-weight:600}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.tabs{border-bottom:1px solid var(--border-color);gap:4px;margin-bottom:24px;display:flex}.tab-btn{color:var(--text-secondary);font-family:var(--font);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:.875rem;font-weight:500}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);color:var(--text-primary);align-items:center;gap:10px;max-width:400px;padding:14px 20px;font-size:.875rem;animation:.3s slideInRight,.3s 4.7s fadeOut;display:flex}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--accent)}.spinner{border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.loading-container{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state svg{opacity:.4;margin:0 auto 16px}.empty-state h3{color:var(--text-secondary);margin-bottom:4px;font-size:1.125rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:.4s fadeIn}.grid-responsive-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-responsive-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.flex-responsive{flex-direction:row;gap:16px;display:flex}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start}.stats-grid,.content-grid-2{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .form-input,.filter-bar .form-select{max-width:none}.form-row{grid-template-columns:1fr}.modal-content{max-width:none;margin:10px}.grid-responsive-2,.grid-responsive-3{grid-template-columns:1fr}.flex-responsive{flex-direction:column}.tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;display:flex;overflow-x:auto}.tab-btn{flex-shrink:0}}.dashboard-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed)}.sidebar__header{min-height:var(--topbar-height);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:8px;padding:16px;display:flex}.sidebar__brand{white-space:nowrap;align-items:center;gap:12px;display:flex;overflow:hidden}.sidebar__logo{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), #6347eb);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar__title{letter-spacing:-.01em;font-size:1rem;font-weight:700}.sidebar__subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem}.sidebar__toggle{flex-shrink:0}.sidebar__toggle .rotate-180{transform:rotate(180deg)}.sidebar__nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex;overflow-y:auto}.sidebar__link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-fast);white-space:nowrap;cursor:pointer;width:100%;font-size:.875rem;font-weight:500;font-family:var(--font);background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.sidebar__link:hover{color:var(--text-primary);background:#3c83f614}.sidebar__link--active{background:var(--accent-muted);color:var(--accent);font-weight:600}.sidebar__link--active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar__footer{border-top:1px solid var(--border-color);padding:12px 8px}.sidebar__link--logout{color:var(--danger)}.sidebar__link--logout:hover{background:var(--danger-muted);color:var(--danger)}.sidebar-overlay{display:none}.main-area{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-collapsed .main-area{margin-left:var(--sidebar-collapsed)}.topbar{height:var(--topbar-height);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);z-index:50;background:#0f1729cc;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.topbar__menu-btn{display:none}.topbar__spacer{flex:1}.topbar__right{align-items:center;gap:8px;display:flex}.topbar__notification{position:relative}.topbar__user{border-radius:var(--radius-sm);cursor:default;align-items:center;gap:10px;padding:6px 12px;display:flex}.topbar__avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent), #6347eb);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.875rem;font-weight:700;display:flex}.topbar__user-info{flex-direction:column;display:flex}.topbar__user-name{font-size:.8125rem;font-weight:600;line-height:1.2}.topbar__user-role{color:var(--text-muted);text-transform:capitalize;font-size:.6875rem}.main-content{flex:1;width:100%;min-width:0;max-width:1400px;padding:24px}@media (width<=768px){.sidebar{width:var(--sidebar-width);transform:translate(-100%)}.sidebar--mobile-open{transform:translate(0)}.sidebar-overlay{z-index:99;background:#070a1399;display:block;position:fixed;inset:0}.main-area,.sidebar-collapsed .main-area{margin-left:0}.topbar__menu-btn{display:flex}.topbar__user-info,.sidebar__toggle{display:none}.main-content{padding:16px}}@media (width<=480px){.main-content{padding:12px}}.login-page{background:linear-gradient(135deg,#0f1729 0%,#23163b 25%,#121b31 50%,#122749 75%,#0f1729 100%) 0 0/400% 400%;justify-content:center;align-items:center;min-height:100vh;padding:20px;animation:15s infinite gradientShift;display:flex;position:relative;overflow:hidden}@keyframes gradientShift{0%{background-position:0%}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0%}}.login-page:before,.login-page:after{content:"";filter:blur(80px);opacity:.3;pointer-events:none;border-radius:50%;position:absolute}.login-page:before{background:#3c83f633;width:500px;height:500px;animation:20s ease-in-out infinite floatOrb1;top:-150px;right:-100px}.login-page:after{background:#6633cc26;width:400px;height:400px;animation:25s ease-in-out infinite floatOrb2;bottom:-100px;left:-100px}@keyframes floatOrb1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-60px,40px)scale(1.1)}66%{transform:translate(40px,-30px)scale(.95)}}@keyframes floatOrb2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,-40px)scale(1.05)}66%{transform:translate(-30px,50px)scale(.9)}}.login-bg-pattern{pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#3c83f60a 1px,#0000 0);background-size:40px 40px;position:absolute;inset:0}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px)saturate(1.2);border-radius:var(--radius-lg);background:#141f38a6;border:1px solid #3c83f61f;width:100%;max-width:420px;padding:40px 36px;animation:.6s cubic-bezier(.4,0,.2,1) cardEntrance;position:relative;box-shadow:0 8px 32px #0006,0 0 0 1px #3c83f60f,inset 0 1px #3c83f614}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), #7547d1cc, var(--accent), transparent);opacity:.7;border-radius:2px;width:60%;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.login-header{text-align:center;margin-bottom:32px}.login-logo{background:linear-gradient(135deg, var(--accent), #7547d1);border-radius:var(--radius);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;animation:3s ease-in-out infinite logoPulse;display:inline-flex;box-shadow:0 4px 20px #3c83f64d}@keyframes logoPulse{0%,to{box-shadow:0 4px 20px #3c83f64d}50%{box-shadow:0 4px 30px #3c83f680}}.login-logo svg{color:#fff}.login-header h1{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:4px;font-size:1.625rem;font-weight:700}.login-header p{color:var(--text-secondary);font-size:.875rem;font-weight:400}.login-form{flex-direction:column;gap:20px;display:flex}.login-input-group{position:relative}.login-input-group label{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:6px;font-size:.8125rem;font-weight:500;display:block}.login-input-wrapper{position:relative}.login-input-icon{color:var(--text-muted);pointer-events:none;transition:var(--transition);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-input-wrapper input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font);transition:var(--transition);background:#10192db3;outline:none;padding:12px 14px 12px 44px;font-size:.9rem}.login-input-wrapper input::placeholder{color:var(--text-muted)}.login-input-wrapper input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);background:#131d34e6}.login-input-wrapper input:focus~.login-input-icon{color:var(--accent)}.login-btn{background:linear-gradient(135deg, var(--accent), #304fe8);color:#fff;border-radius:var(--radius-sm);width:100%;font-family:var(--font);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:13px 24px;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.login-btn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#0000 50%);position:absolute;inset:0}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 28px #3c83f666}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.login-error{background:var(--danger-muted);border-radius:var(--radius-sm);color:var(--danger);border:1px solid #ef434333;align-items:center;gap:8px;padding:10px 14px;font-size:.8125rem;animation:.3s fadeIn;display:flex}.login-footer{text-align:center;border-top:1px solid var(--border-color);margin-top:24px;padding-top:20px}.login-footer p{color:var(--text-muted);font-size:.75rem}@media (width<=480px){.login-card{padding:32px 24px}.login-header h1{font-size:1.375rem}.login-logo{width:56px;height:56px}}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);transition:var(--transition);cursor:default;align-items:flex-start;gap:16px;padding:20px;display:flex}.stat-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.stat-card__icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-card--accent .stat-card__icon{background:var(--accent-muted);color:var(--accent)}.stat-card--success .stat-card__icon{background:var(--success-muted);color:var(--success)}.stat-card--warning .stat-card__icon{background:var(--warning-muted);color:var(--warning)}.stat-card--danger .stat-card__icon{background:var(--danger-muted);color:var(--danger)}.stat-card__info{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-card__label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.stat-card__value{letter-spacing:-.02em;color:var(--text-primary);font-size:1.5rem;font-weight:700}.stat-card__trend{font-size:.75rem;font-weight:600}.stat-card__trend.positive{color:var(--success)}.stat-card__trend.negative{color:var(--danger)}.dashboard-greeting{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:28px;animation:.5s fadeIn;display:flex}.dashboard-greeting h1{letter-spacing:-.02em;color:var(--text-primary);font-size:1.625rem;font-weight:700}.dashboard-greeting h1 span{background:linear-gradient(135deg, var(--accent), #855cd6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dashboard-greeting-date{color:var(--text-secondary);margin-top:4px;font-size:.8125rem}.dashboard-session-badge{background:var(--accent-muted);color:var(--accent);border-radius:var(--radius-full);align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:28px;animation:.5s .1s both fadeIn;display:grid}.dashboard-content{grid-template-columns:1.4fr 1fr;gap:24px;margin-bottom:28px;animation:.5s .2s both fadeIn;display:grid}.dashboard-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);transition:var(--transition);padding:24px}.dashboard-card:hover{border-color:var(--border-color-strong)}.dashboard-card__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dashboard-card__title{color:var(--text-primary);align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.dashboard-card__title svg{color:var(--accent)}.dashboard-chart-container{width:100%;height:280px}.dashboard-payments-table{border-collapse:collapse;width:100%;font-size:.8125rem}.dashboard-payments-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:10px 12px;font-size:.6875rem;font-weight:600}.dashboard-payments-table td{color:var(--text-primary);white-space:nowrap;border-bottom:1px solid #3c83f60f;padding:10px 12px}.dashboard-payments-table tbody tr{transition:var(--transition-fast)}.dashboard-payments-table tbody tr:hover{background:#3c83f60d}.payment-amount{color:var(--success);font-weight:600}.payment-student{flex-direction:column;gap:1px;display:flex}.payment-student-name{color:var(--text-primary);font-weight:500}.payment-student-class{color:var(--text-muted);font-size:.6875rem}.payment-method{background:var(--accent-muted);border-radius:var(--radius-full);color:var(--accent);text-transform:capitalize;align-items:center;gap:4px;padding:2px 8px;font-size:.6875rem;font-weight:500;display:inline-flex}.dashboard-actions{flex-wrap:wrap;gap:12px;animation:.5s .3s both fadeIn;display:flex}.quick-action-btn{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font);cursor:pointer;transition:var(--transition);white-space:nowrap;align-items:center;gap:10px;padding:14px 24px;font-size:.875rem;font-weight:500;display:inline-flex}.quick-action-btn:hover{background:var(--bg-card-hover);border-color:var(--border-color-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.quick-action-btn svg{color:var(--accent);flex-shrink:0}.quick-action-btn--sync svg{color:var(--accent)}.quick-action-btn--generate svg{color:var(--success)}.quick-action-btn--reports svg{color:var(--warning)}.dashboard-no-data{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:.875rem;display:flex}.dashboard-no-data svg{opacity:.3}.chart-tooltip{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow)!important;padding:10px 14px!important}.chart-tooltip .recharts-tooltip-label{margin-bottom:4px;font-weight:500;color:var(--text-secondary)!important;font-size:.75rem!important}.chart-tooltip .recharts-tooltip-item{font-weight:600;color:var(--text-primary)!important;padding:0!important;font-size:.8125rem!important}@media (width<=1024px){.dashboard-content{grid-template-columns:1fr}}@media (width<=768px){.dashboard-greeting h1{font-size:1.375rem}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-actions{flex-direction:column}.quick-action-btn{justify-content:center}}@media (width<=480px){.dashboard-stats{grid-template-columns:1fr}}.students-page{flex-direction:column;gap:0;display:flex}.spin-icon{animation:1s linear infinite spin}.students-filter-card{margin-bottom:20px;padding:16px 20px}.students-filter-card .filter-bar{margin-bottom:0}.students-filter-card .search-input-wrapper{flex:1;min-width:220px}.students-filter-card .search-input-wrapper .form-input{width:100%;max-width:none}.students-table-card{padding:0;overflow:hidden}.students-table-card .data-table-wrapper{border:none;border-radius:0}.students-table-card .loading-container,.students-table-card .empty-state{padding:80px 20px}.students-table-card .pagination{border-top:1px solid var(--border-color);padding:16px 20px}.student-row{cursor:pointer}.student-row:active{background:#3c83f61a!important}.student-name-cell{align-items:center;gap:12px;display:flex}.student-avatar{border-radius:var(--radius-full);background:var(--accent-muted);width:34px;height:34px;color:var(--accent);letter-spacing:.02em;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.text-mono{font-variant-numeric:tabular-nums;letter-spacing:.01em}.student-detail{flex-direction:column;gap:24px;display:flex}.student-detail__header{border-bottom:1px solid var(--border-color);align-items:center;gap:16px;padding-bottom:20px;display:flex}.student-detail__avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;letter-spacing:.04em;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.125rem;font-weight:700;display:flex;box-shadow:0 4px 16px #3c83f64d}.student-detail__name-block{flex-direction:column;gap:6px;display:flex}.student-detail__name-block h3{font-size:1.125rem;font-weight:700;line-height:1.2}.student-detail__info-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.student-detail__info-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition-fast);align-items:center;gap:10px;padding:12px 14px;display:flex}.student-detail__info-item:hover{background:var(--bg-card-hover);border-color:var(--border-color-strong)}.student-detail__info-item svg{color:var(--accent);flex-shrink:0}.student-detail__info-item .label{color:var(--text-muted);white-space:nowrap;min-width:0;font-size:.75rem;font-weight:500}.student-detail__info-item .value{color:var(--text-primary);text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;font-size:.8125rem;font-weight:600;overflow:hidden}.student-detail__fees-section{flex-direction:column;gap:12px;display:flex}.student-detail__section-title{color:var(--text-primary);align-items:center;gap:8px;font-size:.9375rem;font-weight:600;display:flex}.student-detail__section-title svg{color:var(--accent)}.student-detail__fees-section .data-table-wrapper{border-radius:var(--radius-sm)}.student-fees-table td,.student-fees-table th{padding:10px 14px;font-size:.8125rem}.student-detail__fees-section .empty-state{padding:32px 16px}.student-detail__fees-section .empty-state p{color:var(--text-muted);font-size:.8125rem}@media (width<=768px){.student-detail__info-grid{grid-template-columns:1fr}.student-detail__header{text-align:center;flex-direction:column}.student-detail__name-block{align-items:center}.student-detail__due-block{margin-top:10px;text-align:center!important;margin-left:0!important}.students-filter-card .search-input-wrapper{min-width:unset}}@media (width<=480px){.student-avatar{display:none}}.fee-management{animation:.4s fadeIn}.fee-management .page-header{margin-bottom:0}.fee-management .page-header-info{flex-direction:column;gap:2px;display:flex}.fee-management .page-header-info .page-subtitle{align-items:center;gap:6px;display:flex}.fee-management .page-header-info .session-badge{background:var(--accent-muted);color:var(--accent);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.fee-tabs{margin-top:20px}.fee-tab-content{animation:.3s fadeIn}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600}.fee-type-category{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.fee-type-category.TUITION{color:#5593f7;background:#3c83f61f}.fee-type-category.TRANSPORT{color:#f6a823;background:#f59f0a1f}.fee-type-category.HOSTEL{color:#ba6ae2;background:#a63fd91f}.fee-type-category.EXAM{color:#3bde77;background:#21c45d1f}.fee-type-category.OTHER{color:var(--text-secondary);background:#94a3b81f}.recurrence-badge{border-radius:var(--radius-full);color:var(--info);letter-spacing:.03em;background:#0da2e71f;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.structures-filter{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.structures-filter .form-select{max-width:220px}.amount-cell{font-variant-numeric:tabular-nums;color:var(--success);font-weight:600}.generate-fees-section{gap:24px;display:grid}.generate-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);transition:var(--transition);overflow:hidden}.generate-card:hover{border-color:var(--border-color-strong)}.generate-card-header{border-bottom:1px solid var(--border-color);background:#3c83f608;align-items:center;gap:12px;padding:20px 24px;display:flex}.generate-card-header .icon-wrapper{border-radius:var(--radius-sm);background:var(--accent-muted);width:40px;height:40px;color:var(--accent);justify-content:center;align-items:center;display:flex}.generate-card-header h3{font-size:1rem;font-weight:600}.generate-card-header p{color:var(--text-muted);margin-top:2px;font-size:.8rem}.generate-card-body{padding:24px}.generate-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:16px;display:grid}.generate-form .btn:not(.btn-lg){align-self:end;height:42px}.history-section{margin-top:8px}.history-section h3{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;font-weight:600;display:flex}.history-section h3 svg{color:var(--text-muted)}.fee-modal-form{flex-direction:column;gap:16px;display:flex}.fee-modal-form .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.status-dot{align-items:center;gap:6px;font-size:.8125rem;display:inline-flex}.status-dot:before{content:"";border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot.active:before{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot.inactive:before{background:var(--danger);box-shadow:0 0 6px var(--danger)}.table-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.table-empty svg{opacity:.3;margin:0 auto 12px}.table-empty p{font-size:.875rem}.generate-fees-section-grid{grid-template-columns:1fr 1.2fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=1024px){.generate-fees-section-grid{grid-template-columns:1fr}}@media (width<=768px){.generate-form,.fee-modal-form .form-row{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.structures-filter{flex-direction:column;align-items:stretch}.structures-filter .form-select{max-width:none}.fee-setup-header{flex-direction:column;align-items:stretch!important}.fee-setup-header>div{flex-wrap:wrap;width:100%}.fee-setup-header>div>select,.fee-setup-header>div>button{flex:1;min-width:120px}.fee-setup-header>button{width:100%;margin-top:5px}}.fee-setup-header{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:15px;display:flex}.bills-manager-section{width:100%;max-width:100%}.payments-page{animation:.4s fadeIn}.payments-layout{gap:20px;min-height:calc(100vh - 190px);animation:.5s .1s both fadeIn;display:flex}.payments-sidebar{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;gap:12px;width:310px;padding:16px;display:flex}.sidebar-student-list{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.sidebar-student-list::-webkit-scrollbar{width:4px}.sidebar-student-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:2px}.student-list-item{transition:var(--transition-fast)}.student-list-item:hover{box-shadow:var(--shadow-sm);transform:translate(2px);border-color:var(--border-color-strong)!important}.student-list-item.active{box-shadow:var(--shadow)}.payments-workspace{flex-direction:column;flex:1;gap:20px;min-width:0;display:flex}.receipt-number{color:var(--accent);letter-spacing:.02em;font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.amount-paid{font-variant-numeric:tabular-nums;color:var(--success);font-weight:700}.method-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.method-badge.CASH{color:#3bde77;background:#21c45d1f}.method-badge.UPI{color:#ba6ae2;background:#a63fd91f}.method-badge.BANK_TRANSFER{color:#5593f7;background:#3c83f61f}.method-badge.CHEQUE{color:#f6a823;background:#f59f0a1f}.method-badge.ONLINE{color:#26b2f2;background:#0da2e71f}.payments-workspace div[style*=repeat\(auto-fill]>div{transition:var(--transition-fast)}.payments-workspace div[style*=repeat\(auto-fill]>div:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--border-color-strong)!important}.badge-success{color:#3bde77;background:#21c45d1f}.badge-warning{color:#f6a823;background:#f59f0a1f}.badge-danger{color:#f15b5b;background:#ef43431f}.badge-info{color:#5593f7;background:#3c83f61f}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);transition:var(--transition)}.glass-card:hover{border-color:var(--border-color-strong)}@media (width<=1024px){.payments-layout{flex-direction:column!important}.payments-sidebar{width:100%!important}.sidebar-student-list{max-height:250px!important}}.payments-detail-grid{grid-template-columns:1.2fr 1fr;gap:30px;display:grid}@media (width<=768px){.payments-detail-grid{grid-template-columns:1fr;gap:20px}}.expenses-page{animation:.4s fadeIn}.expenses-summary{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.expenses-summary-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);transition:var(--transition);align-items:center;gap:16px;padding:24px;display:flex}.expenses-summary-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-strong);transform:translateY(-2px)}.expenses-summary-card .summary-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.expenses-summary-card .summary-icon.danger{background:var(--danger-muted);color:var(--danger)}.expenses-summary-card .summary-icon.warning{background:var(--warning-muted);color:var(--warning)}.expenses-summary-card .summary-icon.accent{background:var(--accent-muted);color:var(--accent)}.expenses-summary-card .summary-icon.success{background:var(--success-muted);color:var(--success)}.summary-info{flex-direction:column;gap:2px;display:flex}.summary-info .summary-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.summary-info .summary-value{letter-spacing:-.02em;color:var(--text-primary);font-size:1.5rem;font-weight:700}.summary-info .summary-sub{color:var(--text-muted);margin-top:2px;font-size:.75rem}.expenses-filter-bar{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}.expenses-filter-bar .filter-group{flex-direction:column;gap:6px;display:flex}.expenses-filter-bar .filter-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.expenses-filter-bar .filter-group input,.expenses-filter-bar .filter-group select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font);transition:var(--transition);outline:none;min-width:160px;padding:9px 14px;font-size:.875rem}.expenses-filter-bar .filter-group input:focus,.expenses-filter-bar .filter-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.expenses-filter-bar .filter-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7a99' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.expenses-filter-bar .filter-group select option{background:var(--bg-secondary);color:var(--text-primary)}.expenses-filter-bar .filter-actions{align-self:flex-end;gap:8px;display:flex}.expenses-table-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden}.expenses-table-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.expenses-table-header h3{font-size:1rem;font-weight:600}.expenses-table-header span{color:var(--text-muted);font-size:.8125rem}.category-badge{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:capitalize;align-items:center;gap:5px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.category-badge--salary{color:#925cf0;background:#7c3bed26}.category-badge--utilities{color:#26b2f2;background:#0da2e726}.category-badge--maintenance{background:var(--warning-muted);color:var(--warning)}.category-badge--supplies{background:var(--success-muted);color:var(--success)}.category-badge--transport{color:#ee5da6;background:#ec469926}.category-badge--events{background:var(--accent-muted);color:var(--accent)}.category-badge--other{color:var(--text-secondary);background:#94a3b826}.expense-amount{font-variant-numeric:tabular-nums;color:var(--danger);font-weight:600}.expense-delete-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.expense-delete-btn:hover{background:var(--danger-muted);color:var(--danger);border-color:#ef434340}.expense-form{flex-direction:column;gap:16px;display:flex}.expense-form .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.expenses-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.expenses-empty svg{opacity:.3;margin:0 auto 16px}.expenses-empty p{color:var(--text-secondary);font-size:.9375rem}.expenses-empty span{color:var(--text-muted);margin-top:4px;font-size:.8125rem;display:block}@media (width<=768px){.expenses-filter-bar{flex-direction:column;align-items:stretch}.expenses-filter-bar .filter-group input,.expenses-filter-bar .filter-group select{min-width:unset;width:100%}.expense-form .form-row,.expenses-summary{grid-template-columns:1fr}}.reports-page{animation:.4s fadeIn}.reports-tabs{border-bottom:1px solid var(--border-color);gap:4px;margin-bottom:28px;display:flex}.reports-tab-btn{color:var(--text-secondary);font-family:var(--font);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:500;display:flex;position:relative}.reports-tab-btn:hover{color:var(--text-primary)}.reports-tab-btn.active{color:var(--accent)}.reports-tab-btn.active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.reports-filter-bar{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}.reports-filter-bar .filter-group{flex-direction:column;gap:6px;display:flex}.reports-filter-bar .filter-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.reports-filter-bar .filter-group input,.reports-filter-bar .filter-group select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font);transition:var(--transition);outline:none;min-width:160px;padding:9px 14px;font-size:.875rem}.reports-filter-bar .filter-group input:focus,.reports-filter-bar .filter-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.reports-filter-actions{align-self:flex-end;gap:8px;margin-left:auto;display:flex}.export-btn-group{flex-wrap:wrap;gap:8px;display:flex}.export-btn{border:1px solid var(--border-color-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font);cursor:pointer;transition:var(--transition);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:500;display:inline-flex}.export-btn:hover{background:var(--bg-card);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.export-btn.excel{border-color:#21c45d4d}.export-btn.excel:hover{border-color:var(--success);color:var(--success);background:var(--success-muted)}.export-btn.csv{border-color:#3c83f64d}.export-btn.csv:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.reports-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.reports-section-header h2{font-size:1.125rem;font-weight:600}.reports-table-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden}.reports-table-top{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.reports-table-top h3{font-size:1rem;font-weight:600}.reports-table-top .count{color:var(--text-muted);font-size:.8125rem}.reports-summary{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.reports-summary-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);transition:var(--transition);align-items:center;gap:16px;padding:24px;display:flex}.reports-summary-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-strong);transform:translateY(-2px)}.reports-summary-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.reports-summary-icon.success{background:var(--success-muted);color:var(--success)}.reports-summary-icon.accent{background:var(--accent-muted);color:var(--accent)}.reports-summary-icon.danger{background:var(--danger-muted);color:var(--danger)}.reports-summary-info{flex-direction:column;gap:2px;display:flex}.reports-summary-info .label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.reports-summary-info .value{letter-spacing:-.02em;color:var(--text-primary);font-size:1.5rem;font-weight:700}.reports-summary-info .sub{color:var(--text-muted);margin-top:2px;font-size:.75rem}.outstanding-amount{color:var(--danger);font-variant-numeric:tabular-nums;font-weight:600}.collection-amount{color:var(--success);font-variant-numeric:tabular-nums;font-weight:600}.method-badge{border-radius:var(--radius-full);text-transform:capitalize;background:var(--accent-muted);color:var(--accent);align-items:center;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.reports-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.reports-empty svg{opacity:.3;margin:0 auto 16px}.reports-empty p{color:var(--text-secondary);font-size:.9375rem}.reports-empty span{color:var(--text-muted);margin-top:4px;font-size:.8125rem;display:block}@media (width<=768px){.reports-filter-bar{flex-direction:column;align-items:stretch}.reports-filter-bar .filter-group input,.reports-filter-bar .filter-group select{min-width:unset;width:100%}.reports-filter-actions{margin-left:0}.reports-summary{grid-template-columns:1fr}.reports-tabs{overflow-x:auto}}.settings-page{animation:.4s fadeIn}.settings-tabs{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);gap:4px;width:fit-content;margin-bottom:28px;padding:4px;display:flex}.settings-tab-btn{border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:10px 22px;font-size:.875rem;font-weight:500;display:inline-flex;position:relative}.settings-tab-btn:hover{color:var(--text-primary);background:#3c83f60f}.settings-tab-btn.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.settings-tab-btn svg{width:16px;height:16px}.settings-tab-content{animation:.35s fadeIn}.sessions-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sessions-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600}.sessions-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.session-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);transition:var(--transition);padding:20px 24px;position:relative;overflow:hidden}.session-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-strong);transform:translateY(-2px)}.session-card.session-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 20px #3c83f626, 0 4px 24px #0003}.session-card.session-active:before{content:"";background:linear-gradient(90deg, var(--accent), #7e47eb, var(--accent));background-size:200% 100%;height:3px;animation:3s infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.session-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.session-name{color:var(--text-primary);font-size:1rem;font-weight:600}.session-dates{gap:20px;margin-bottom:16px;display:flex}.session-date-item{flex-direction:column;gap:2px;display:flex}.session-date-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:500}.session-date-value{color:var(--text-secondary);font-size:.875rem;font-weight:500}.session-card-footer{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;padding-top:14px;display:flex}.users-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.users-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600}.users-table-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden}.users-table-card .data-table-wrapper{border:none;border-radius:0}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{border-radius:var(--radius-full);background:var(--accent-muted);width:36px;height:36px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.user-name{color:var(--text-primary);font-weight:500}.user-email{color:var(--text-muted);font-size:.8125rem}.user-actions{gap:6px;display:flex}.badge-role-super_admin{background:var(--danger-muted);color:var(--danger)}.badge-role-admin{background:var(--accent-muted);color:var(--accent)}.badge-role-accountant{background:var(--success-muted);color:var(--success)}.badge-role-principal{background:var(--warning-muted);color:var(--warning)}.badge-role-teacher{color:#b870db;background:#a347d126}.reminders-grid{grid-template-columns:380px 1fr;align-items:start;gap:24px;display:grid}.reminder-trigger-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px}.reminder-trigger-card h3{color:var(--text-primary);margin-bottom:4px;font-size:1.0625rem;font-weight:600}.reminder-trigger-card p{color:var(--text-muted);margin-bottom:20px;font-size:.8125rem;line-height:1.5}.reminder-form{flex-direction:column;gap:16px;display:flex}.reminder-send-btn{margin-top:4px}.reminder-history-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden}.reminder-history-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.reminder-history-header h3{color:var(--text-primary);font-size:1.0625rem;font-weight:600}.reminder-history-card .data-table-wrapper{border:none;border-radius:0}.reminder-type-icon{align-items:center;gap:6px;display:inline-flex}.channel-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;padding:3px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.channel-sms{color:var(--info);background:#0da2e71f}.channel-whatsapp{color:var(--success);background:#21c45d1f}.channel-email{color:#b870db;background:#a347d11f}.checkbox-group{cursor:pointer;align-items:center;gap:10px;display:flex}.checkbox-input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem}.confirm-dialog-body{text-align:center;padding:8px 0}.confirm-dialog-body .confirm-icon{border-radius:var(--radius-full);background:var(--danger-muted);width:56px;height:56px;color:var(--danger);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.confirm-dialog-body p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.confirm-dialog-body strong{color:var(--text-primary)}@media (width<=1024px){.reminders-grid{grid-template-columns:1fr}}@media (width<=768px){.settings-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;display:flex;overflow-x:auto}.settings-tab-btn{flex-shrink:0}.sessions-grid{grid-template-columns:1fr}.sessions-header,.users-header{flex-direction:column;align-items:flex-start}}