@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}}.pd-page{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;animation:.4s pd-fade}@keyframes pd-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pd-success-banner{color:#75f0a8;background:linear-gradient(135deg,#0f3d22,#0e2f1c);border:1px solid #227745;border-radius:10px;margin-bottom:1.5rem;padding:.9rem 1.25rem;font-size:.9rem;font-weight:500}.pd-greeting{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.pd-greeting-title{color:var(--text-primary,#fff);margin:0 0 .35rem;font-size:1.6rem;font-weight:700}.pd-name{background:linear-gradient(135deg,#77a2f8,#b87ef1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pd-greeting-date{color:var(--text-secondary,#94a3b8);margin:0;font-size:.85rem}.pd-student-chip{color:var(--text-secondary,#94a3b8);white-space:nowrap;background:#1d2535;border:1px solid #2e3c56;border-radius:999px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.78rem;display:inline-flex}.pd-chip-divider{opacity:.35}.pd-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.pd-stat-card{border:1px solid #0000;border-radius:14px;align-items:center;gap:1rem;padding:1.2rem 1.4rem;transition:transform .2s;display:flex}.pd-stat-card:hover{transform:translateY(-3px)}.pd-stat--billed{background:linear-gradient(135deg,#192438,#141b2a);border-color:#283858}.pd-stat--paid{background:linear-gradient(135deg,#152e1f,#112218);border-color:#224f34}.pd-stat--danger{background:linear-gradient(135deg,#381919,#291414);border-color:#682727}.pd-stat--ok{background:linear-gradient(135deg,#152e1f,#112218);border-color:#224f34}.pd-stat--info{background:linear-gradient(135deg,#1e1938,#171429);border-color:#342b64}.pd-stat-icon{opacity:.75;color:#759ef0;flex-shrink:0}.pd-stat--paid .pd-stat-icon{color:#3cdd7f}.pd-month-item--fine span:last-child{color:#e96363}.pd-month-item--discount span:last-child{color:#42d780}.pd-month-item--expected{opacity:.6;font-style:italic}.pd-expected-label{opacity:.6;margin-left:2px;font-size:.72rem;font-weight:400}.pd-no-struct{opacity:.4;font-size:.85rem}.pd-card-error{color:#ed5e5e;background:#361212;border:1px solid #5c1f1f;border-radius:6px;align-items:center;gap:.35rem;margin:0 1.1rem .6rem;padding:.4rem .6rem;font-size:.75rem;display:flex}.pd-stat--info .pd-stat-icon{color:#a682ed}.pd-stat-label{color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;font-size:.72rem;display:block}.pd-stat-value{color:var(--text-primary,#fff);font-size:1.5rem;font-weight:700;display:block}.pd-tabs{border-bottom:1px solid #242e42;gap:.4rem;margin-bottom:1.75rem;display:flex}.pd-tab{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.65rem 1.2rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.pd-tab:hover{color:var(--text-primary,#fff)}.pd-tab--active{color:#77a2f8;border-bottom-color:#77a2f8}.pd-badge{color:#fff;background:#e02929;border-radius:999px;justify-content:center;align-items:center;min-width:18px;padding:.1em .5em;font-size:.68rem;font-weight:700;display:inline-flex}.pd-badge--info{background:#2662d9}.pd-empty{text-align:center;color:var(--text-secondary,#94a3b8);padding:4rem 2rem}.pd-empty-icon{opacity:.25;margin-bottom:1rem}.pd-empty-icon--ok{opacity:.55;color:#3cdd7f}.pd-empty h3{color:var(--text-primary,#fff);margin:0 0 .5rem;font-size:1.1rem}.pd-empty p{margin:0;font-size:.875rem;line-height:1.7}.pd-month-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.1rem;display:grid}.pd-month-card{background:#181e2a;border:1px solid #283348;border-radius:14px;flex-direction:column;transition:box-shadow .25s,transform .25s;display:flex;overflow:hidden}.pd-month-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #1a5ee61f}.pd-month-card--paid{background:#141f19;border-color:#224f34}.pd-month-card--overdue{background:#201313;border-color:#5c2323}.pd-month-card--partial{background:#201c13;border-color:#604a20}.pd-month-card--pending{background:#151b28;border-color:#203a6f}.pd-month-header{align-items:center;gap:.6rem;padding:1rem 1.1rem .5rem;display:flex}.pd-month-icon{color:#7ea5f1;background:#1f2c47;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pd-month-card--paid .pd-month-icon{color:#3cdd7f;background:#183926}.pd-month-card--overdue .pd-month-icon{color:#e96363;background:#391818}.pd-month-name{color:var(--text-primary,#fff);flex:1;font-size:.95rem;font-weight:600}.pd-status{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:999px;padding:.2em .6em;font-size:.62rem;font-weight:700;display:inline-block}.pd-status--pending{color:#f6a655;background:#532e09}.pd-status--partial{color:#f6ce55;background:#4e3e0e}.pd-status--overdue{color:#ed5e5e;background:#491212}.pd-status--paid{color:#3cdd7f;background:#143d25}.pd-status--notgen{color:#7997d2;background:#20293c}.pd-month-amount{color:var(--text-primary,#fff);padding:.3rem 1.1rem .7rem;font-size:1.45rem;font-weight:700}.pd-month-card--paid .pd-month-amount{color:#3cdd7f}.pd-expected{opacity:.55;font-size:1rem}.pd-expected-label{font-size:.7rem;font-weight:400}.pd-month-items{flex-direction:column;gap:.25rem;padding:0 1.1rem .6rem;display:flex}.pd-month-item{color:var(--text-secondary,#94a3b8);justify-content:space-between;font-size:.78rem;display:flex}.pd-month-item-name{opacity:.85}.pd-invoice-progress{background:#283348;border-radius:99px;height:4px;margin:0 1.1rem .85rem;overflow:hidden}.pd-invoice-progress-bar{background:linear-gradient(90deg,#306ee8,#8152e0);border-radius:99px;min-width:4px;height:100%;transition:width .5s}.pd-invoice-progress-bar--full{background:linear-gradient(90deg,#22a056,#26b585)}.pd-month-footer{margin-top:auto;padding:0 1.1rem 1rem}.pd-paid-tick{color:#3cdd7f;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:flex}.pd-partial-info{color:var(--text-secondary,#94a3b8);justify-content:space-between;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.pd-not-billed{color:#5379c6;align-items:center;gap:.4rem;font-size:.75rem;font-style:italic;display:flex}.pd-pay-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2364e7,#5e44e4);border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .95rem;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 10px #1a5ee64d}.pd-pay-btn:hover{transform:translateY(-1px);box-shadow:0 4px 18px #1a5ee680}.pd-pay-btn--full{justify-content:center;width:100%;padding:.55rem 1rem;font-size:.85rem}.pd-history-table-wrap{border:1px solid #252e41;border-radius:12px;overflow-x:auto}.pd-history-table{border-collapse:collapse;width:100%;font-size:.875rem}.pd-history-table thead tr{background:#161c27}.pd-history-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary,#94a3b8);padding:.85rem 1rem;font-size:.72rem;font-weight:600}.pd-history-table td{color:var(--text-primary,#fff);border-bottom:1px solid #1f2737;padding:.85rem 1rem}.pd-history-table tr:last-child td{border-bottom:none}.pd-history-table tr:hover td{background:#1c2331}.pd-receipt-no{color:#759ef0;font-family:monospace}.pd-hist-amount{color:#3cdd7f;font-weight:700}.pd-remarks{color:var(--text-secondary,#94a3b8);font-size:.78rem}.pd-method-chip{color:#86a7ea;background:#252e41;border-radius:6px;padding:.2em .65em;font-size:.7rem;font-weight:600;display:inline-block}.pd-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#080b12e0;justify-content:center;align-items:center;padding:1rem;animation:.2s pd-fade;display:flex;position:fixed;inset:0}.pd-modal{background:#161c27;border:1px solid #2c374e;border-radius:18px;width:100%;max-width:480px;max-height:90vh;overflow:hidden auto;box-shadow:0 24px 60px #06090ee6}.pd-modal-header{z-index:1;background:#161c27;border-bottom:1px solid #252e41;justify-content:space-between;align-items:center;padding:1.3rem 1.5rem .9rem;display:flex;position:sticky;top:0}.pd-modal-title-row{align-items:center;gap:.85rem;display:flex}.pd-modal-icon{color:#fff;background:linear-gradient(135deg,#185adc,#4b2de1);border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.pd-modal-title{color:var(--text-primary,#fff);margin:0;font-size:1.05rem;font-weight:700}.pd-modal-sub{color:var(--text-secondary,#94a3b8);margin:.1rem 0 0;font-size:.78rem}.pd-modal-close{width:30px;height:30px;color:var(--text-secondary,#94a3b8);cursor:pointer;background:#252e41;border:none;border-radius:7px;justify-content:center;align-items:center;transition:all .2s;display:flex}.pd-modal-close:hover{color:#fff;background:#721d1d}.pd-amount-badge{background:linear-gradient(135deg,#142039,#18132f);border:1px solid #223862;border-radius:12px;justify-content:space-between;align-items:center;margin:1.2rem 1.5rem;padding:.9rem 1.2rem;display:flex}.pd-amount-label{color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.pd-amount-value{background:linear-gradient(135deg,#86acf9,#bf8cf2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.7rem;font-weight:800}.pd-breakdown{flex-direction:column;gap:.45rem;padding:0 1.5rem 1.1rem;display:flex}.pd-breakdown-row{color:var(--text-secondary,#94a3b8);justify-content:space-between;font-size:.82rem;display:flex}.pd-breakdown-total{color:var(--text-primary,#fff);border-top:1px solid #283348;padding-top:.5rem;font-weight:600}.pd-paid{color:#3cdd7f}.pd-outstanding{color:#ef6c6c}.pd-modal-items{background:#121721;border:1px solid #252e41;border-radius:10px;margin:0 1.5rem 1rem;padding:.75rem 1rem}.pd-modal-items-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary,#94a3b8);margin:0 0 .55rem;font-size:.72rem;font-weight:600}.pd-modal-item-row{color:var(--text-primary,#fff);justify-content:space-between;padding:.2rem 0;font-size:.82rem;display:flex}.pd-form-group{padding:0 1.5rem 1rem}.pd-upi-box{background:#111722;border:1px solid #243c6b;border-radius:14px;flex-wrap:wrap;align-items:center;gap:1rem;margin:0 1.5rem 1rem;padding:1.1rem;display:flex;position:relative}.pd-upi-qr-wrap{background:#fff;border-radius:10px;flex-shrink:0;padding:6px}.pd-upi-qr{border-radius:6px;width:130px;height:130px;display:block}.pd-upi-info{flex-direction:column;flex:1;gap:.3rem;min-width:120px;display:flex}.pd-upi-label{color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.72rem}.pd-upi-id{color:#7ea5f1;word-break:break-all;margin:0;font-size:.82rem;font-weight:600}.pd-upi-amount{color:var(--text-primary,#fff);margin:.1rem 0;font-size:1.4rem;font-weight:800}.pd-upi-deeplink{color:#fff;background:linear-gradient(135deg,#1b7e44,#248f6b);border-radius:7px;align-items:center;gap:.3rem;width:fit-content;padding:.45rem .85rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.pd-upi-deeplink:hover{filter:brightness(1.15);transform:translateY(-1px)}.pd-upi-btns{flex-wrap:wrap;gap:.5rem;display:flex}.pd-upi-download{color:#8caef2;background:#22314f;border:1px solid #24478f;border-radius:7px;align-items:center;gap:.3rem;width:fit-content;padding:.45rem .85rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.pd-upi-download:hover{background:#273d68;transform:translateY(-1px)}.pd-upi-note{color:var(--text-secondary,#94a3b8);border-top:1px solid #242e42;width:100%;margin:0;padding-top:.3rem;font-size:.72rem;font-style:italic}.pd-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary,#94a3b8);margin-bottom:.6rem;font-size:.75rem;font-weight:600;display:block}.pd-optional{text-transform:none;letter-spacing:0;opacity:.55;font-size:.68rem}.pd-methods{flex-wrap:wrap;gap:.45rem;display:flex}.pd-method-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;background:#1d2534;border:1px solid #2e3a52;border-radius:9px;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .8rem;font-size:.72rem;font-weight:500;transition:all .2s;display:flex}.pd-method-btn:hover{color:var(--text-primary,#fff);background:#273145}.pd-method-btn--active{color:#86acf9;background:#152547;border-color:#306ee8}.pd-method-icon{font-size:1rem}.pd-input{width:100%;color:var(--text-primary,#fff);box-sizing:border-box;background:#1c2331;border:1px solid #2e3a52;border-radius:8px;outline:none;padding:.65rem .85rem;font-size:.875rem;transition:border-color .2s}.pd-input:focus{border-color:#306ee8}.pd-error{color:#ef6c6c;background:#3b1111;border:1px solid #671e1e;border-radius:8px;align-items:center;gap:.45rem;margin:0 1.5rem .9rem;padding:.65rem .9rem;font-size:.8rem;display:flex}.pd-modal-actions{gap:.7rem;padding:.9rem 1.5rem 1.4rem;display:flex}.pd-btn-secondary{color:var(--text-secondary,#94a3b8);cursor:pointer;background:#1f2737;border:1px solid #323e58;border-radius:9px;flex:1;padding:.72rem;font-size:.875rem;font-weight:600;transition:all .2s}.pd-btn-secondary:hover{color:var(--text-primary,#fff);background:#283348}.pd-btn-pay{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2364e7,#5e44e4);border:none;border-radius:9px;flex:2;justify-content:center;align-items:center;gap:.4rem;padding:.72rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #1a5ee661}.pd-btn-pay:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #1a5ee68c}.pd-btn-pay:disabled,.pd-btn-secondary:disabled{opacity:.55;cursor:not-allowed;transform:none}@keyframes pd-spin{to{transform:rotate(360deg)}}.pd-spin{animation:.8s linear infinite pd-spin}@media (width<=640px){.pd-page{padding:1rem}.pd-greeting{flex-direction:column}.pd-month-grid{grid-template-columns:1fr}.pd-methods{gap:.35rem}.pd-method-btn{padding:.4rem .6rem;font-size:.68rem}.pd-modal-actions{flex-direction:column}.pd-btn-pay{flex:none}}.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}}