@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary-50: #EFF6FF;--primary-100: #DBEAFE;--primary-200: #BFDBFE;--primary-400: #60A5FA;--primary-500: #3B82F6;--primary-600: #2563EB;--primary-700: #1D4ED8;--primary-800: #1E40AF;--emerald-50: #ECFDF5;--emerald-500: #10B981;--emerald-600: #059669;--success-400: #34D399;--amber-50: #FFFBEB;--amber-400: #FBBF24;--amber-500: #F59E0B;--amber-600: #D97706;--red-50: #FEF2F2;--red-500: #EF4444;--red-600: #DC2626;--teal-50: #F0FDFA;--teal-500: #14B8A6;--teal-600: #0D9488;--neutral-0: #FFFFFF;--neutral-50: #F8FAFC;--neutral-100: #F1F5F9;--neutral-150: #EEF2F7;--neutral-200: #E2E8F0;--neutral-300: #CBD5E1;--neutral-400: #94A3B8;--neutral-500: #64748B;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1E293B;--neutral-900: #0F172A;--bg: #F8FAFC;--surface: #FFFFFF;--border: #E2E8F0;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--sidebar-bg: #0F172A;--sidebar-width: 256px;--sidebar-collapsed: 64px;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--shadow: 0 4px 6px -1px rgba(0,0,0,.08), 0 2px 4px -1px rgba(0,0,0,.05);--shadow-lg: 0 10px 25px -5px rgba(0,0,0,.1), 0 4px 10px -4px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.6}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;flex-shrink:0;transition:width .25s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;z-index:10}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.logo-wrap{display:flex;align-items:center;gap:10px;min-width:0}.logo-icon{flex-shrink:0;width:36px;height:36px;background:#3b82f61f;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(59,130,246,.25)}.logo-text{display:flex;flex-direction:column;min-width:0}.logo-name{font-size:15px;font-weight:700;color:#fff;letter-spacing:.5px;white-space:nowrap}.logo-sub{font-size:10px;color:var(--neutral-400);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}.collapse-btn{background:none;border:none;color:var(--neutral-500);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;flex-shrink:0;transition:color .15s,background .15s}.collapse-btn:hover{color:var(--neutral-200);background:#ffffff0f}.sidebar.collapsed .collapse-btn svg{transform:rotate(180deg)}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 8px;display:flex;flex-direction:column;gap:4px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-group{margin-bottom:8px}.nav-group-label{font-size:10px;font-weight:600;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.8px;padding:4px 8px 6px;display:block}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius);color:var(--neutral-400);text-decoration:none;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;white-space:nowrap;position:relative}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:#3b82f626;color:var(--primary-400)}.nav-item.active .nav-icon svg{stroke:var(--primary-400)}.nav-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.nav-icon svg{width:18px;height:18px;display:block}.nav-label{flex:1}.nav-badge{background:var(--red-600);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px}.sidebar-footer{padding:12px 8px;border-top:1px solid rgba(255,255,255,.06)}.user-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius);background:#ffffff0a;cursor:pointer;transition:background .15s}.user-card:hover{background:#ffffff14}.user-card.mini{justify-content:center}.user-avatar{width:32px;height:32px;border-radius:8px;background:var(--primary-700);color:var(--primary-200);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.user-name{display:block;font-size:13px;font-weight:600;color:#fff;white-space:nowrap}.user-role{display:block;font-size:11px;color:var(--neutral-400)}.main-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:60px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-right{display:flex;align-items:center;gap:8px}.menu-btn{background:none;border:none;cursor:pointer;color:var(--neutral-500);display:flex;padding:6px;border-radius:var(--radius-sm);transition:background .15s,color .15s}.menu-btn:hover{background:var(--neutral-100);color:var(--neutral-800)}.year-badge{font-size:12px;font-weight:600;color:var(--primary-600);background:var(--primary-50);border:1px solid var(--primary-200);padding:3px 10px;border-radius:20px}.icon-btn{background:none;border:none;cursor:pointer;color:var(--neutral-500);display:flex;padding:8px;border-radius:var(--radius-sm);transition:background .15s,color .15s;position:relative}.icon-btn:hover{background:var(--neutral-100);color:var(--neutral-800)}.notif-dot{width:7px;height:7px;background:var(--red-500);border-radius:50%;position:absolute;top:7px;right:7px;border:1.5px solid white}.topbar-avatar{width:34px;height:34px;border-radius:8px;background:var(--primary-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;cursor:pointer}.main-content{flex:1;overflow-y:auto;padding:0}.page{padding:28px 32px;max-width:1400px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.page-title{font-size:24px;font-weight:700;color:var(--neutral-900);letter-spacing:-.3px}.page-subtitle{font-size:13.5px;color:var(--text-secondary);margin-top:2px}.header-actions{display:flex;gap:8px;align-items:center}.search-container{position:relative}.search-input{width:280px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:13.5px;color:var(--neutral-800);background:var(--surface);transition:border-color .15s,box-shadow .15s;outline:none}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);margin-top:4px;max-height:300px;overflow-y:auto;z-index:50}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--neutral-100)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--neutral-50)}.user-type{font-size:11px;font-weight:600;color:var(--neutral-500);background:var(--neutral-100);padding:2px 8px;border-radius:12px}.session-select{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:13.5px;color:var(--neutral-800);background:var(--surface);outline:none;cursor:pointer;min-width:180px}.session-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #3b82f61a}.kpi-section{margin-bottom:24px}.kpi-section-title{font-size:14px;font-weight:600;color:var(--neutral-700);margin-bottom:12px}.kpi-pink:before{background:#ec4899}.kpi-purple:before{background:#8b5cf6}.kpi-pink .kpi-icon{background:#fdf2f8;color:#ec4899}.kpi-purple .kpi-icon{background:#f5f3ff;color:#8b5cf6}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:15px;font-weight:600;color:var(--neutral-800)}.card-link{font-size:13px;color:var(--primary-600);text-decoration:none;font-weight:500;transition:color .15s}.card-link:hover{color:var(--primary-800)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.btn-primary:hover{background:var(--primary-700);border-color:var(--primary-700)}.btn-ghost{background:transparent;color:var(--neutral-600);border-color:var(--border)}.btn-ghost:hover{background:var(--neutral-50);border-color:var(--neutral-300)}.btn-sm{padding:5px 12px;font-size:12.5px}.btn-link{background:none;border:none;color:var(--primary-600);font-size:13px;font-weight:500;cursor:pointer;padding:0;text-decoration:none}.btn-link:hover{color:var(--primary-800)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:box-shadow .2s,transform .2s}.kpi-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.kpi-blue:before{background:var(--primary-500)}.kpi-emerald:before{background:var(--emerald-500)}.kpi-amber:before{background:var(--amber-500)}.kpi-teal:before{background:var(--teal-500)}.kpi-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-blue .kpi-icon{background:var(--primary-50);color:var(--primary-600)}.kpi-emerald .kpi-icon{background:var(--emerald-50);color:var(--emerald-600)}.kpi-amber .kpi-icon{background:var(--amber-50);color:var(--amber-600)}.kpi-teal .kpi-icon{background:var(--teal-50);color:var(--teal-600)}.kpi-body{flex:1}.kpi-value{display:block;font-size:26px;font-weight:700;letter-spacing:-.5px;color:var(--neutral-900);line-height:1.1}.kpi-label{display:block;font-size:12.5px;color:var(--text-secondary);margin-top:2px}.kpi-trend{position:absolute;bottom:2px;right:16px;display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600}.kpi-trend.up{color:var(--emerald-600)}.kpi-trend.down{color:var(--red-600)}.kpi-trend.neutral{color:var(--neutral-400)}.dash-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.finance-bars{display:flex;flex-direction:column;gap:16px}.finance-bar-row{display:flex;align-items:center;gap:12px}.finance-bar-row.balance{padding-top:12px;border-top:1px solid var(--border)}.finance-bar-label{font-size:13px;color:var(--text-secondary);width:80px;flex-shrink:0}.finance-bar-track{flex:1;height:8px;background:var(--neutral-100);border-radius:4px;overflow:hidden}.finance-bar{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.finance-bar.recettes{background:var(--emerald-500)}.finance-bar.depenses{background:var(--red-500)}.finance-bar-val{font-size:13.5px;font-weight:600;width:100px;text-align:right;flex-shrink:0}.finance-bar-val.green{color:var(--emerald-600)}.finance-bar-val.red{color:var(--red-600)}.absence-list{display:flex;flex-direction:column;gap:10px}.absence-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius);background:var(--neutral-50);transition:background .15s}.absence-row:hover{background:var(--neutral-100)}.absence-avatar{width:34px;height:34px;border-radius:8px;background:var(--primary-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.absence-info{flex:1;min-width:0}.absence-name{display:block;font-size:13.5px;font-weight:600;color:var(--neutral-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.absence-date{display:block;font-size:11.5px;color:var(--text-muted)}.absence-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;background:var(--red-50);color:var(--red-600);border:1px solid #FECACA;white-space:nowrap}.absence-badge.justified{background:var(--emerald-50);color:var(--emerald-600);border-color:#a7f3d0}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-action{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);text-decoration:none;color:var(--neutral-700);font-size:13px;font-weight:500;transition:all .15s;cursor:pointer}.quick-action:hover{background:var(--neutral-50);border-color:var(--neutral-300);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.qa-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qa-icon.blue{background:var(--primary-50);color:var(--primary-600)}.qa-icon.amber{background:var(--amber-50);color:var(--amber-600)}.qa-icon.emerald{background:var(--emerald-50);color:var(--emerald-600)}.qa-icon.teal{background:var(--teal-50);color:var(--teal-600)}.table-card{padding:0;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--neutral-50);border-bottom:1px solid var(--border)}.data-table th{padding:12px 16px;text-align:left;font-size:11.5px;font-weight:600;color:var(--neutral-500);letter-spacing:.5px;white-space:nowrap}.data-table td{padding:10px 12px;font-size:12px;color:var(--neutral-700);border-bottom:1px solid var(--neutral-100);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover{background:var(--neutral-50)}.text-right{text-align:right}.user-cell{display:flex;align-items:center;gap:10px}.table-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;color:#fff;flex-shrink:0}.teal-avatar{background:var(--teal-600)!important}.cell-name{font-weight:600;color:var(--neutral-800);display:block}.cell-sub{font-size:11.5px;color:var(--text-muted);display:block}.cell-sub.ar{font-family:serif;direction:rtl}.text-muted{color:var(--text-secondary)}.text-sm{font-size:12.5px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.search-wrap{position:relative;flex:1;max-width:320px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--neutral-400);pointer-events:none}.search-input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--border);border-radius:var(--radius);font-size:13.5px;color:var(--neutral-800);background:var(--surface);transition:border-color .15s,box-shadow .15s;outline:none}.search-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #3b82f61a}.toolbar-filters{display:flex;gap:8px;align-items:center}.select-sm,.form-input-sm{padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--neutral-700);background:var(--surface);outline:none;cursor:pointer}.select-sm:focus,.form-input-sm:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #3b82f61a}.form-group-inline{display:flex;align-items:center;gap:8px}.label-sm{font-size:12.5px;font-weight:500;color:var(--neutral-600);white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.btn-page{width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--neutral-600);transition:all .15s}.btn-page:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.btn-page:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:13px;color:var(--text-secondary)}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.skeleton-card{height:120px;background:linear-gradient(90deg,var(--neutral-100) 25%,var(--neutral-50) 50%,var(--neutral-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-lg)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.table-loading{padding:8px 0}.table-row-skel{height:52px;background:linear-gradient(90deg,var(--neutral-100) 25%,var(--neutral-50) 50%,var(--neutral-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin:4px 16px;border-radius:var(--radius)}.pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:11.5px;font-weight:600}.pill-blue{background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200)}.pill-green{background:var(--emerald-50);color:var(--emerald-600);border:1px solid #A7F3D0}.pill-red{background:var(--red-50);color:var(--red-600);border:1px solid #FECACA}.pill-amber{background:var(--amber-50);color:var(--amber-600);border:1px solid #FDE68A}.pill-purple{background:#f5f3ff;color:#8b5cf6;border:1px solid #DDD6FE}.pill-orange{background:#fffbeb;color:#f59e0b;border:1px solid #FDE68A}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:var(--neutral-300)}.status-dot.active{background:var(--emerald-500);box-shadow:0 0 0 2px #10b98133}.icon-btn-sm{background:none;border:none;cursor:pointer;color:var(--neutral-400);padding:4px;border-radius:var(--radius-sm);display:flex;transition:background .15s,color .15s}.icon-btn-sm:hover{background:var(--neutral-100);color:var(--neutral-700)}.action-buttons{display:flex;gap:.5rem;align-items:center}.btn-icon{background:none;border:none;cursor:pointer;color:var(--neutral-400);padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.btn-icon:hover{background:var(--neutral-100);color:var(--neutral-700)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state svg{margin:0 auto 12px;display:block}.empty-state p{font-size:14px}.empty-state-wide{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;color:var(--text-secondary);font-size:14px}.modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);animation:slideUp .2s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:16px;font-weight:700;color:var(--neutral-900)}.modal-close{background:none;border:none;cursor:pointer;color:var(--neutral-400);padding:4px;border-radius:var(--radius-sm);display:flex;transition:background .15s,color .15s}.modal-close:hover{background:var(--neutral-100);color:var(--neutral-800)}.modal-form{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12.5px;font-weight:600;color:var(--neutral-600)}.form-input{padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:13.5px;color:var(--neutral-800);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.form-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #3b82f61a}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13.5px!important;color:var(--neutral-700)!important;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.class-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.class-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.class-card.inactive{opacity:.6}.class-card-top{padding:24px 20px 20px;display:flex;align-items:flex-start;justify-content:space-between}.class-abrev{font-size:15px;font-weight:800;color:#fffffff2;letter-spacing:-1px}.class-actions{display:flex;gap:8px}.class-action-btn{background:#fff3;border:none;border-radius:6px;padding:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.class-action-btn:hover{background:#ffffff4d;transform:scale(1.05)}.class-action-btn svg{stroke:#fff}.class-action-btn.text-alert:hover{background:#ef444466}.class-places{display:flex;align-items:center;gap:4px;font-size:11.5px;color:#ffffffb3;background:#00000026;padding:3px 8px;border-radius:20px}.class-card-body{padding:16px 20px}.class-name{font-size:15px;font-weight:700;color:var(--neutral-900);margin-bottom:2px}.class-filiere{font-size:12.5px;color:var(--text-secondary);margin-bottom:10px}.class-enseignant{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;margin-bottom:12px}.cost-badge{font-size:12px;font-weight:600;color:var(--emerald-600);background:var(--emerald-50);border:1px solid #A7F3D0;padding:2px 8px;border-radius:20px;display:inline-block;margin-bottom:12px}.class-stats{display:flex;gap:16px;margin-bottom:12px}.stat-item{display:flex;flex-direction:column;align-items:center;flex:1}.stat-value{font-size:20px;font-weight:700;color:var(--neutral-900);line-height:1}.stat-label{font-size:11px;color:var(--text-secondary);margin-top:2px}.text-alert{color:var(--red-600)}.class-footer{display:flex;align-items:center;padding-top:12px;border-top:1px solid var(--border)}.ml-auto{margin-left:auto}.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.fin-card{padding:20px 24px;border-radius:var(--radius-lg);border:1px solid}.fin-card.recette{background:var(--emerald-50);border-color:#a7f3d0}.fin-card.depense{background:var(--red-50);border-color:#fecaca}.fin-card.balance.positive{background:var(--primary-50);border-color:var(--primary-200)}.fin-card.balance.negative{background:var(--amber-50);border-color:#fde68a}.panel{margin-bottom:1.5rem}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem 1rem 0 0;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #667eea33}.panel-header:hover{box-shadow:0 6px 12px #667eea4d}.panel-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#fff}.panel-header svg{stroke:#fff;transition:transform .3s ease}.panel-content{padding:1.5rem;background:#fff;border:1px solid var(--neutral-200);border-top:none;border-radius:0 0 1rem 1rem;box-shadow:0 2px 8px #00000014}.panel-content.collapsed{display:none}.inscription-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;align-items:end;padding:1.25rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:.75rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d}.inscription-row-second{display:flex;gap:1rem;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#e0eafc,#cfdef3);border-radius:0 0 .75rem .75rem;margin-top:-.5rem;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d}.inscription-row-second .form-group{flex:1;min-width:0}.inscription-actions{display:flex;justify-content:flex-end;align-items:flex-start;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:0 0 .75rem .75rem;margin-top:-.5rem;box-shadow:0 2px 4px #0000000d}.checkbox-stack{display:flex;flex-direction:column;gap:.625rem}.observation-field{flex:1}.history-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--neutral-200);border-radius:.75rem;margin-bottom:.75rem;transition:all .3s ease;box-shadow:0 2px 4px #0000000a}.history-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.history-item.active-session{border-left:4px solid #667eea;background:linear-gradient(135deg,#f0f4ff,#e8edff)}.history-info{display:flex;flex-direction:column;gap:.375rem}.history-actions{display:flex;align-items:center;gap:.5rem}.btn-icon-sm{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .3s ease}.btn-icon-sm svg{stroke:#fff}.btn-icon-sm:hover{transform:scale(1.1);box-shadow:0 4px 8px #ee5a5a4d}.class-info{font-size:.875rem;color:var(--text-secondary)}.checkbox-wrapper{display:flex;align-items:center;gap:.625rem;cursor:pointer;font-size:.875rem;color:var(--text-primary)}.checkbox-wrapper input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#667eea;transition:transform .2s ease;border-radius:4px}.checkbox-wrapper input[type=checkbox]:hover{transform:scale(1.15)}.checkbox-wrapper input[type=checkbox]:checked{animation:checkBounce .3s ease}@keyframes checkBounce{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.checkbox-group{display:flex;flex-direction:column;gap:.625rem}.family-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--neutral-200)}.family-section-title{font-size:1rem;font-weight:600;color:#667eea;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.family-section-title:before{content:"";width:4px;height:1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.family-column{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--neutral-200);border-radius:.75rem;padding:1.25rem;box-shadow:0 2px 8px #0000000f}.family-column h4{margin:0 0 1rem;font-size:.9375rem;font-weight:600;color:#667eea;display:flex;align-items:center;gap:.5rem}.family-list{display:flex;flex-direction:column;gap:.5rem}.family-item{display:flex;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border:1px solid var(--neutral-200);border-radius:.5rem;cursor:pointer;transition:all .3s ease}.family-item:hover{background:linear-gradient(135deg,#e8edff,#dce4ff);border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 8px #667eea33}.family-item-name{font-size:.875rem;font-weight:500;color:#667eea}.family-item-details{font-size:.8125rem;color:var(--text-secondary);margin-top:.375rem}.family-empty{font-size:.875rem;color:var(--text-secondary);font-style:italic;padding:.75rem}.search-clear-modern{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:none;cursor:pointer;color:#fff;font-size:16px;padding:.25rem .5rem;line-height:1;border-radius:.375rem;transition:all .3s ease}.search-clear-modern:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 2px 8px #ee5a5a4d}.search-results-modern{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--neutral-200);border-radius:.75rem;box-shadow:0 8px 24px #0000001f;z-index:1000;max-height:240px;overflow-y:auto;margin-top:.5rem}.search-result-item-modern{padding:.875rem 1.25rem;cursor:pointer;transition:all .2s;border-bottom:1px solid var(--neutral-100)}.search-result-item-modern:last-child{border-bottom:none}.search-result-item-modern:hover{background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.fin-card-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--neutral-500);margin-bottom:6px}.fin-card-val{font-size:26px;font-weight:800;letter-spacing:-.5px}.fin-card.recette .fin-card-val{color:var(--emerald-600)}.fin-card.depense .fin-card-val{color:var(--red-600)}.fin-card.balance.positive .fin-card-val{color:var(--primary-700)}.fin-card.balance.negative .fin-card-val{color:var(--amber-600)}.fin-card-count{font-size:12px;color:var(--neutral-500);margin-top:4px}.tabs{display:flex;gap:2px;background:var(--neutral-100);border-radius:var(--radius);padding:4px;width:fit-content;margin-bottom:16px}.tab-btn{padding:7px 20px;border:none;background:transparent;border-radius:7px;font-size:13.5px;font-weight:500;color:var(--neutral-500);cursor:pointer;transition:all .15s}.tab-btn.active{background:var(--surface);color:var(--neutral-900);font-weight:600;box-shadow:var(--shadow-sm)}.amount{font-size:14px;font-weight:700}.amount.green{color:var(--emerald-600)}.amount.red{color:var(--red-600)}.sourates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:280px;overflow-y:auto;padding-right:4px}.sourates-grid::-webkit-scrollbar{width:4px}.sourates-grid::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:2px}.sourates-grid::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:2px}.sourate-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius);background:var(--neutral-50);border:1px solid var(--neutral-150);cursor:default;transition:background .12s}.sourate-chip:hover{background:var(--teal-50);border-color:#99f6e4}.sourate-num{width:22px;height:22px;background:var(--teal-500);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;flex-shrink:0}.sourate-info{flex:1;min-width:0}.sourate-nom{font-size:12.5px;font-weight:600;color:var(--neutral-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sourate-ar{font-size:12px;color:var(--text-muted);direction:rtl;display:block}.sourate-v{font-size:10.5px;color:var(--neutral-400);flex-shrink:0}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.event-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.event-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.event-type-badge{font-size:11px;font-weight:600;color:var(--teal-600);background:var(--teal-50);border:1px solid #99F6E4;padding:2px 8px;border-radius:20px;display:inline-block;margin-bottom:10px;text-transform:uppercase;letter-spacing:.3px}.event-title{font-size:15px;font-weight:700;color:var(--neutral-900);margin-bottom:10px}.event-date,.event-lieu{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);margin-bottom:6px}.event-places{font-size:12.5px;color:var(--text-muted);margin-bottom:12px}.event-footer{display:flex;gap:6px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border)}.note-bar-wrap{display:flex;align-items:center;gap:8px}.note-bar{height:6px;border-radius:3px;background:var(--primary-500);min-width:4px;max-width:80px;transition:width .4s}.note-bar.good{background:var(--emerald-500)}.note-bar.bad{background:var(--red-500)}.note-val{font-weight:700;color:var(--neutral-800)}.note-pct{font-size:12px;color:var(--text-muted)}.mb-6{margin-bottom:24px}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.sidebar{position:fixed;left:-100%;top:0;height:100vh;z-index:1000;width:256px;transition:left .3s ease;display:flex!important}.sidebar.mobile-open{left:0}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999}.page{padding:16px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.dash-grid,.finance-summary,.form-row{grid-template-columns:1fr}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;width:600px;height:600px;background:#ffffff1a;border-radius:50%;top:-200px;right:-200px;animation:float 20s ease-in-out infinite}.auth-container:after{content:"";position:absolute;width:400px;height:400px;background:#ffffff14;border-radius:50%;bottom:-150px;left:-150px;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(30px,30px) rotate(180deg)}}.auth-card{background:#fff;border-radius:1.5rem;padding:3rem;width:100%;max-width:440px;box-shadow:0 25px 50px -12px #00000040;position:relative;z-index:1}.auth-card-centered{text-align:center;max-width:500px}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-logo{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1.25rem;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #667eea66}.auth-logo svg{width:40px;height:40px;stroke:#fff}.auth-icon{width:100px;height:100px;border-radius:50%;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.auth-icon-error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 25px #ef444466}.auth-icon svg{stroke:#fff}.auth-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.auth-title-large{font-size:2rem;margin-bottom:1rem}.auth-subtitle{font-size:.9375rem;color:#64748b}.auth-subtitle-large{font-size:1rem;margin-bottom:2rem;line-height:1.6}.auth-card .form-group{margin-bottom:1.5rem}.auth-card .form-group label{display:block;font-size:.875rem;font-weight:600;color:#334155;margin-bottom:.5rem}.auth-card .form-input{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:.9375rem;color:#1e293b;background:#f8fafc;transition:all .3s ease;outline:none}.auth-card .form-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.auth-card .form-input::placeholder{color:#94a3b8}.input-wrapper{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.form-input.with-icon{padding-left:3rem}.remember-forgot{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.remember-me{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#64748b;cursor:pointer}.remember-me input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.forgot-password{font-size:.875rem;color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.forgot-password:hover{color:#764ba2}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px #667eea66}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 35px #667eea80}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.auth-footer p{font-size:.875rem;color:#64748b;margin:0}.auth-footer a{color:#667eea;text-decoration:none;font-weight:500;font-size:.875rem;transition:color .2s ease}.auth-footer a:hover{color:#764ba2}.error-message{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;margin-bottom:1.5rem;border:1px solid #fecaca}.success-message{background:#f0fdf4;color:#16a34a;padding:1rem;border-radius:.5rem;font-size:.875rem;margin-bottom:1.5rem;border:1px solid #bbf7d0}.password-strength{font-size:.875rem;margin-top:.5rem}.password-strength.weak{color:#dc2626}.password-strength.medium{color:#d97706}.password-strength.strong{color:#16a34a}