:root{--bg-base:#f0f4ff;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f8faff;--bg-elevated:#eef2ff;--bg-input:#f5f7ff;--bg-sidebar:#1a2e5a;--bg-sidebar-2:#0f1e3d;--accent:#e8334a;--accent-bright:#ff4560;--accent-light:#ff7088;--accent-muted:#c0203a;--accent-dim:#e8334a1a;--accent-glow:0 4px 20px #e8334a4d;--accent-border:#e8334a4d;--blue:#2563eb;--blue-light:#3b82f6;--blue-pale:#dbeafe;--blue-dim:#2563eb1a;--blue-border:#2563eb40;--text-primary:#0f1e3d;--text-secondary:#4b5a7a;--text-muted:#9ba8c4;--text-bright:#fff;--text-accent:#e8334a;--text-blue:#2563eb;--success:#10b981;--success-dim:#10b9811a;--success-border:#10b9814d;--danger:#e8334a;--danger-dim:#e8334a1a;--warning:#f59e0b;--warning-dim:#f59e0b1a;--info:#2563eb;--info-dim:#2563eb1a;--role-kurucu:#e8334a;--role-ogretmen:#2563eb;--role-rehber:#7c3aed;--role-isleri:#10b981;--role-veli:#f59e0b;--role-ogrenci:#2563eb;--border:#0f1e3d14;--border-strong:#0f1e3d24;--border-accent:#e8334a4d;--border-focus:#e8334a80;--border-blue:#2563eb4d;--shadow-sm:0 1px 3px #0f1e3d14;--shadow-md:0 4px 16px #0f1e3d1a;--shadow-lg:0 8px 32px #0f1e3d1f;--shadow-card:0 2px 12px #0f1e3d12;--shadow-red:0 4px 20px #e8334a40;--shadow-blue:0 4px 20px #2563eb33;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-2xl:32px;--r-full:9999px;--sidebar-w:260px;--sidebar-collapsed:72px;--topbar-h:64px;--ease:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-out:cubic-bezier(0,0,0.2,1);--dur-fast:100ms;--dur-normal:200ms;--dur-slow:350ms;--dur-xslow:600ms;--font-ui:"Helvetica Neue",Helvetica,Arial,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#f0f4ff;background:var(--bg-base);color:#0f1e3d;color:var(--text-primary);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-ui);line-height:1.6}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#eef2ff;background:var(--bg-elevated)}::-webkit-scrollbar-thumb{background:#2563eb40;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#2563eb66}h1,h2,h3{color:#0f1e3d;color:var(--text-primary);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-ui);font-weight:800;line-height:1.2}h1{font-size:clamp(1.6rem,3vw,2.2rem)}h2{font-size:clamp(1.2rem,2vw,1.6rem)}h3{font-size:clamp(1rem,1.5vw,1.2rem)}.app-shell{background:#f0f4ff;background:var(--bg-base)}.app-shell,.main-content{display:flex;min-height:100vh}.main-content{flex:1 1;flex-direction:column;margin-left:260px;margin-left:var(--sidebar-w);transition:margin-left .35s cubic-bezier(.4,0,.2,1);transition:margin-left var(--dur-slow) var(--ease)}.main-content.collapsed{margin-left:72px;margin-left:var(--sidebar-collapsed)}.page-content{flex:1 1;max-width:1600px;padding:88px 32px 28px;padding-top:calc(var(--topbar-h) + 24px);width:100%}.sidebar{background:var(--bg-sidebar);box-shadow:4px 0 24px #00000026;height:100vh;overflow:hidden;transition:width .35s cubic-bezier(.4,0,.2,1);transition:width var(--dur-slow) var(--ease);width:var(--sidebar-w);z-index:100}.sidebar.collapsed{width:72px;width:var(--sidebar-collapsed)}.sidebar-logo{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:11px;min-height:70px;padding:18px 16px}.sidebar-logo-icon{align-items:center;background:linear-gradient(135deg,#e8334a,#c0203a);background:linear-gradient(135deg,var(--accent),var(--accent-muted));border-radius:12px;border-radius:var(--r-md);box-shadow:0 4px 20px #e8334a40;box-shadow:var(--shadow-red);display:flex;flex-shrink:0;font-size:1.2rem;height:38px;justify-content:center;width:38px}.sidebar-logo-text{color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-ui);font-size:1.1rem;font-weight:900;overflow:hidden;transition:opacity .2s;transition:opacity var(--dur-normal);white-space:nowrap}.sidebar-logo-sub{color:#fff6;font-size:.62rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.sidebar.collapsed .sidebar-logo-sub,.sidebar.collapsed .sidebar-logo-text{opacity:0}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:14px 10px}.sidebar-section-title{color:#ffffff4d;font-size:.6rem;font-weight:700;letter-spacing:.12em;overflow:hidden;padding:10px 8px 5px;text-transform:uppercase;transition:opacity .2s;transition:opacity var(--dur-normal);white-space:nowrap}.sidebar.collapsed .sidebar-section-title{opacity:0}.nav-item{align-items:center;border-radius:12px;border-radius:var(--r-md);color:#fff9;cursor:pointer;display:flex;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-ui);font-size:.875rem;font-weight:600;gap:10px;margin-bottom:2px;padding:8px 10px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--dur-normal) var(--ease);white-space:nowrap}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#e8334a33;border:1px solid #e8334a59;color:#fff}.nav-item.active:before{background:#e8334a;background:var(--accent);border-radius:0 3px 3px 0;box-shadow:0 0 8px #e8334a80;content:"";height:60%;left:0;position:absolute;top:20%;width:3px}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:1rem;height:22px;justify-content:center;width:22px}.nav-label{flex:1 1;overflow:hidden;transition:opacity .2s,max-width .35s;transition:opacity var(--dur-normal),max-width var(--dur-slow)}.sidebar.collapsed .nav-label{max-width:0;opacity:0}.nav-badge{background:#e8334a;background:var(--accent);border-radius:9999px;border-radius:var(--r-full);color:#fff;flex-shrink:0;font-size:.62rem;font-weight:800;padding:1px 6px}.sidebar.collapsed .nav-badge{display:none}.sidebar-footer{border-top:1px solid #ffffff14;padding:12px 10px}.sidebar-user{align-items:center;border-radius:12px;border-radius:var(--r-md);cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:background .2s;transition:background var(--dur-normal)}.sidebar-user:hover{background:#ffffff14}.user-avatar{background:linear-gradient(135deg,#e8334a,#c0203a);background:linear-gradient(135deg,var(--accent),var(--accent-muted));border-radius:9999px;border-radius:var(--r-full);color:#fff;flex-shrink:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-ui);font-size:.78rem;font-weight:800;height:32px;justify-content:center;width:32px}.topbar,.user-avatar{align-items:center;display:flex}.topbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #0f1e3d14;border-bottom:1px solid var(--border);box-shadow:0 1px 0 #0f1e3d14,0 1px 3px #0f1e3d14;box-shadow:0 1px 0 var(--border),var(--shadow-sm);gap:16px;height:64px;height:var(--topbar-h);left:260px;left:var(--sidebar-w);padding:0 28px;position:fixed;right:0;top:0;transition:left .35s cubic-bezier(.4,0,.2,1);transition:left var(--dur-slow) var(--ease);z-index:99}.topbar.collapsed{left:72px;left:var(--sidebar-collapsed)}.topbar-title{color:#0f1e3d;color:var(--text-primary);flex:1 1;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-ui);font-size:1.05rem;font-weight:800}.topbar-breadcrumb{color:#9ba8c4;color:var(--text-muted);font-size:.72rem;font-weight:600}.topbar-actions{align-items:center;display:flex;gap:10px}.btn{align-items:center;border:1.5px solid #0000;border-radius:12px;border-radius:var(--r-md);cursor:pointer;display:inline-flex;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-ui);font-size:.875rem;font-weight:700;gap:7px;overflow:hidden;padding:9px 18px;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--dur-normal) var(--ease);white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:#e8334a;background:var(--accent);border-color:#e8334a;border-color:var(--accent);box-shadow:0 4px 20px #e8334a40;box-shadow:var(--shadow-red);color:#fff}.btn-primary:hover{background:#ff4560;background:var(--accent-bright);box-shadow:0 6px 24px #e8334a66;transform:translateY(-1px)}.btn-blue{background:#2563eb;background:var(--blue);border-color:#2563eb;border-color:var(--blue);box-shadow:0 4px 20px #2563eb33;box-shadow:var(--shadow-blue);color:#fff}.btn-blue:hover{background:#3b82f6;background:var(--blue-light);transform:translateY(-1px)}.btn-outline{background:#fff;border-color:#0f1e3d24;border-color:var(--border-strong);color:#4b5a7a;color:var(--text-secondary)}.btn-outline:hover{background:#2563eb1a;background:var(--blue-dim);border-color:#2563eb40;border-color:var(--blue-border);color:#2563eb;color:var(--blue)}.btn-ghost{background:#0000;border:none;color:#4b5a7a;color:var(--text-secondary);padding:9px 12px}.btn-ghost:hover{background:#eef2ff;background:var(--bg-elevated);color:#0f1e3d;color:var(--text-primary)}.btn-success{background:#10b981;background:var(--success);border-color:#10b981;border-color:var(--success);color:#fff}.btn-danger{background:#e8334a;background:var(--danger);border-color:#e8334a;border-color:var(--danger);color:#fff}.btn-sm{font-size:.8rem;padding:6px 12px}.btn-lg{font-size:1rem;padding:12px 24px}.btn-icon{height:36px;justify-content:center;padding:8px;width:36px}.card{background:#fff;background:var(--bg-card);border:1.5px solid #0f1e3d14;border:1.5px solid var(--border);border-radius:18px;border-radius:var(--r-lg);box-shadow:0 2px 12px #0f1e3d12;box-shadow:var(--shadow-card);padding:22px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--dur-normal) var(--ease)}.card:hover{border-color:#2563eb4d;border-color:var(--border-blue);box-shadow:0 4px 16px #0f1e3d1a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-sm{border-radius:12px;border-radius:var(--r-md);padding:16px}.card-xl{border-radius:24px;border-radius:var(--r-xl);padding:30px}.card-red{border-color:#e8334a4d;border-color:var(--accent-border);box-shadow:0 4px 20px #e8334a40;box-shadow:var(--shadow-red)}.card-blue{border-color:#2563eb4d;border-color:var(--border-blue);box-shadow:0 4px 20px #2563eb33;box-shadow:var(--shadow-blue)}.stat-card{background:#fff;border:1.5px solid #0f1e3d14;border:1.5px solid var(--border);border-radius:18px;border-radius:var(--r-lg);box-shadow:0 2px 12px #0f1e3d12;box-shadow:var(--shadow-card);cursor:pointer;overflow:hidden;padding:20px 22px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--dur-normal) var(--ease)}.stat-card:before{background:#2563eb;background:var(--stat-color,var(--blue));border-radius:18px 18px 0 0;border-radius:var(--r-lg) var(--r-lg) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card:hover{border-color:#2563eb40;border-color:var(--stat-color,var(--blue-border));box-shadow:0 4px 16px #0f1e3d1a;box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-value{color:#0f1e3d;color:var(--stat-color,var(--text-primary));font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-ui);font-size:2.2rem;font-weight:900;line-height:1;margin-bottom:4px}.stat-label{color:#9ba8c4;color:var(--text-muted);font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-icon{font-size:2.2rem;opacity:.08;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:opacity .2s,transform .2s;transition:opacity var(--dur-normal),transform var(--dur-normal)}.stat-card:hover .stat-icon{opacity:.15;transform:translateY(-50%) scale(1.15) rotate(8deg)}.grid{display:grid}.grid-2{gap:20px;grid-template-columns:repeat(2,1fr)}.grid-3{gap:20px;grid-template-columns:repeat(3,1fr)}.grid-4{gap:18px;grid-template-columns:repeat(4,1fr)}.grid-5{gap:16px;grid-template-columns:repeat(5,1fr)}.grid-6{gap:16px;grid-template-columns:repeat(6,1fr)}.col-span-2{grid-column:span 2}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:#4b5a7a;color:var(--text-secondary);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.form-input,.form-label{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-ui)}.form-input{background:#f5f7ff;background:var(--bg-input);border:1.5px solid #0f1e3d24;border:1.5px solid var(--border-strong);border-radius:12px;border-radius:var(--r-md);color:#0f1e3d;color:var(--text-primary);font-size:.9rem;outline:none;padding:10px 14px;transition:all .2s;transition:all var(--dur-normal);width:100%}.form-input:focus{background:#fff;border-color:#2563eb;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:#9ba8c4;color:var(--text-muted)}select.form-input{cursor:pointer}.table-container,.table-wrapper{background:#fff;border:1.5px solid #0f1e3d24;border:1.5px solid var(--border-strong);border-radius:18px;border-radius:var(--r-lg);box-shadow:0 4px 16px #0f1e3d1a;box-shadow:var(--shadow-md);overflow:hidden}.table{border-collapse:collapse;width:100%}.table thead{background:linear-gradient(135deg,#f0f4ff,#eef2ff)}.table th{border-bottom:2px solid #0f1e3d24;border-bottom:2px solid var(--border-strong);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-ui);font-size:.68rem;font-weight:800;letter-spacing:.09em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.table td,.table th{color:#4b5a7a;color:var(--text-secondary)}.table td{border-bottom:1px solid #0f1e3d14;border-bottom:1px solid var(--border);font-size:.875rem;line-height:1.4;padding:13px 16px;vertical-align:middle}.table tbody tr{transition:background .1s;transition:background var(--dur-fast)}.table tbody tr:hover{background:#f0f7ff}.table tbody tr:hover td{color:#0f1e3d;color:var(--text-primary)}.table tbody tr:last-child td{border-bottom:none}.badge{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:inline-flex;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-ui);font-size:.7rem;font-weight:800;gap:4px;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase}.badge-success{background:#10b9811a;background:var(--success-dim);border:1px solid #10b9814d;border:1px solid var(--success-border);color:#10b981;color:var(--success)}.badge-danger{background:#e8334a1a;background:var(--danger-dim);border:1px solid #e8334a4d;border:1px solid var(--accent-border);color:#e8334a;color:var(--accent)}.badge-info{background:#2563eb1a;background:var(--info-dim);border:1px solid #2563eb4d;border:1px solid var(--border-blue);color:#2563eb;color:var(--blue)}.badge-warning{background:#f59e0b1a;background:var(--warning-dim);color:#f59e0b;color:var(--warning)}.badge-muted{background:#eef2ff;background:var(--bg-elevated);border:1px solid #0f1e3d14;border:1px solid var(--border);color:#9ba8c4;color:var(--text-muted)}.modal-backdrop{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1e3d80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}.modal{animation:modalIn .2s cubic-bezier(.34,1.56,.64,1);animation:modalIn .2s var(--ease-spring);background:#fff;border:1.5px solid #0f1e3d14;border:1.5px solid var(--border);border-radius:24px;border-radius:var(--r-xl);box-shadow:0 8px 32px #0f1e3d1f;box-shadow:var(--shadow-lg);max-height:90vh;max-width:520px;overflow-y:auto;padding:28px;position:relative;width:100%}.modal:before{background:linear-gradient(90deg,#e8334a,#2563eb);background:linear-gradient(90deg,var(--accent),var(--blue));border-radius:24px 24px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.modal-title{color:#0f1e3d;color:var(--text-primary);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-ui);font-size:1.3rem;font-weight:900;margin-bottom:6px}.modal-subtitle{color:#9ba8c4;color:var(--text-muted);font-size:.85rem;margin-bottom:24px}.progress-bar{background:#eef2ff;background:var(--bg-elevated);height:6px}.progress-bar,.progress-fill{border-radius:9999px;border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;position:relative;transition:width 1.2s cubic-bezier(0,0,.2,1);transition:width 1.2s var(--ease-out)}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";inset:0;position:absolute}.page-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:26px}.page-title{margin-bottom:3px}.page-subtitle{color:#9ba8c4;color:var(--text-muted);font-size:.875rem}.welcome-banner{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--blue) 0,#1d4ed8 100%);border-radius:24px;border-radius:var(--r-xl);box-shadow:0 4px 20px #2563eb33;box-shadow:var(--shadow-blue);color:#fff;overflow:hidden;padding:26px 32px;position:relative}.welcome-banner:after{background:#ffffff0f;border-radius:50%;content:"";height:180px;pointer-events:none;position:absolute;right:-30px;top:-30px;width:180px}.alert{align-items:flex-start;border:1.5px solid #0000;border-radius:12px;border-radius:var(--r-md);display:flex;font-size:.875rem;gap:10px;padding:12px 16px}.alert-danger{background:#e8334a1a;background:var(--danger-dim);border-color:#e8334a4d;border-color:var(--accent-border);color:#c0203a;color:var(--accent-muted)}.alert-success{background:#10b9811a;background:var(--success-dim);border-color:#10b9814d;border-color:var(--success-border);color:#10b981;color:var(--success)}.alert-warning{background:#f59e0b1a;background:var(--warning-dim);color:#b45309}.alert-info{background:#2563eb1a;background:var(--info-dim);border-color:#2563eb4d;border-color:var(--border-blue);color:#2563eb;color:var(--blue)}.tabs{background:#eef2ff;background:var(--bg-elevated);border-radius:12px;border-radius:var(--r-md);display:flex;gap:2px;padding:4px;width:fit-content}.tab{background:#0000;border:none;border-radius:8px;border-radius:var(--r-sm);color:#9ba8c4;color:var(--text-muted);cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-ui);font-size:.85rem;font-weight:700;padding:7px 16px;transition:all .2s;transition:all var(--dur-normal)}.tab:hover{color:#4b5a7a;color:var(--text-secondary)}.tab.active{background:#fff;box-shadow:0 1px 3px #0f1e3d14;box-shadow:var(--shadow-sm);color:#0f1e3d;color:var(--text-primary)}.page-loader{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:300px}.spinner{animation:spin .7s linear infinite;border:2px solid #0f1e3d14;border-top-color:#2563eb;border:2px solid var(--border);border-radius:50%;border-top-color:var(--blue)}.skeleton{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#eef2ff 25%,#e8eeff 50%,#eef2ff 75%);background:linear-gradient(90deg,var(--bg-elevated) 25%,#e8eeff 50%,var(--bg-elevated) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--r-sm)}.divider{background:#0f1e3d14;background:var(--border);height:1.5px;margin:16px 0}.search-bar{align-items:center;background:#fff;border:1.5px solid #0f1e3d24;border:1.5px solid var(--border-strong);border-radius:12px;border-radius:var(--r-md);display:flex;gap:10px;padding:8px 14px;transition:border-color .2s;transition:border-color var(--dur-normal)}.search-bar:focus-within{border-color:#2563eb;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.search-bar input{background:none;border:none;color:#0f1e3d;color:var(--text-primary);flex:1 1;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-ui);font-size:.9rem;outline:none}.search-bar input::placeholder{color:#9ba8c4;color:var(--text-muted)}.avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#e8334a);background:linear-gradient(135deg,var(--blue),var(--accent));border-radius:9999px;border-radius:var(--r-full);color:#fff;display:inline-flex;flex-shrink:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-ui);font-size:.8rem;font-weight:800;height:36px;justify-content:center;width:36px}.avatar-sm{font-size:.7rem;height:28px;width:28px}.avatar-lg{font-size:1rem;height:48px;width:48px}.notif-dot{animation:pulse-dot 2s infinite;background:#e8334a;background:var(--accent);border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:4px;top:4px;width:8px}.chart-tooltip{background:#fff;border:1.5px solid #0f1e3d14;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 4px 16px #0f1e3d1a;box-shadow:var(--shadow-md);padding:10px 14px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@keyframes bounce-in{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes walk-slow{0%{transform:translateX(0) scaleX(1)}48%{transform:translateX(4px) scaleX(1)}50%{transform:translateX(4px) scaleX(1)}98%{transform:translateX(0) scaleX(1)}to{transform:translateX(0) scaleX(1)}}@keyframes legs-slow{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}@keyframes body-bob-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes run-fast{0%{transform:translateX(0) scaleX(1)}25%{transform:translateX(6px) scaleX(1)}50%{transform:translateX(0) scaleX(1)}75%{transform:translateX(-6px) scaleX(1)}to{transform:translateX(0) scaleX(1)}}@keyframes legs-fast{0%,to{transform:rotate(-30deg)}50%{transform:rotate(30deg)}}@keyframes body-bob-fast{0%,to{transform:translateY(0)}25%,75%{transform:translateY(-4px)}}@keyframes arm-swing{0%,to{transform:rotate(-40deg)}50%{transform:rotate(40deg)}}@keyframes celebrate-jump{0%,to{transform:translateY(0) rotate(0deg)}30%{transform:translateY(-16px) rotate(-5deg)}60%{transform:translateY(-8px) rotate(5deg)}}@keyframes celebrate-star{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}to{opacity:.7;transform:scale(1) rotate(1turn)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10px) rotate(0deg)}to{opacity:0;transform:translateY(40px) rotate(1turn)}}@keyframes trophy-glow{0%,to{filter:drop-shadow(0 0 4px #F59E0B);transform:scale(1)}50%{filter:drop-shadow(0 0 16px #F59E0B) drop-shadow(0 0 32px #F59E0B88);transform:scale(1.1)}}@keyframes stars-orbit{0%{transform:rotate(0deg) translateX(28px) rotate(0deg)}to{transform:rotate(1turn) translateX(28px) rotate(-1turn)}}@keyframes progress-runner{0%{left:0}to{left:calc(var(--progress) - 28px)}}@keyframes flag-wave{0%,to{transform:skewX(0deg)}25%{transform:skewX(-8deg)}75%{transform:skewX(8deg)}}@keyframes puff{0%{opacity:.8;transform:scale(0) translateY(0)}to{opacity:0;transform:scale(2) translateY(-20px)}}@keyframes speed-line{0%{opacity:.6;transform:translateX(0)}to{opacity:0;transform:translateX(-40px)}}.animate-fadeInUp{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) both;animation:fadeInUp .4s var(--ease) both}.animate-fadeInDown{animation:fadeInDown .4s cubic-bezier(.4,0,.2,1) both;animation:fadeInDown .4s var(--ease) both}.animate-scaleIn{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) both;animation:scaleIn .3s var(--ease-spring) both}.animate-slideLeft{animation:slideInLeft .35s cubic-bezier(.4,0,.2,1) both;animation:slideInLeft .35s var(--ease) both}.animate-slideRight{animation:slideInRight .35s cubic-bezier(.4,0,.2,1) both;animation:slideInRight .35s var(--ease) both}.animate-bounceIn{animation:bounce-in .5s cubic-bezier(.34,1.56,.64,1) both;animation:bounce-in .5s var(--ease-spring) both}.animate-float{animation:float 3s ease-in-out infinite}.stagger>:first-child{animation-delay:0ms}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.3s}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.w-full{width:100%}.text-center{text-align:center}.font-title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--font-ui)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1200px){.grid-6{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.main-content{margin-left:0}.topbar{left:0}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-content{padding:76px 16px 16px;padding-top:calc(var(--topbar-h) + 12px)}}.sidebar{background:#1a2e5a;background:var(--bg-sidebar,#fff);border-right:1px solid var(--border-color);bottom:0;display:flex;flex-direction:column;transition:transform .3s ease,width .3s ease;width:260px;z-index:1000}.mobile-header,.sidebar{left:0;position:fixed;top:0}.mobile-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:none;height:60px;justify-content:space-between;padding:0 20px;right:0;z-index:999}.mobile-toggle{background:none;border:none;cursor:pointer;font-size:1.5rem}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;inset:0;position:fixed;z-index:998}.role-badge{background:#00000008;border:1px solid #0000000d;border-radius:8px;margin-bottom:8px;padding:10px}.role-badge-label{color:#888;font-size:.7rem;margin-bottom:4px;text-transform:uppercase}.role-badge-value{font-size:.8rem;font-weight:700}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:280px}.sidebar.mobile-show{transform:translateX(0)}.mobile-header{display:flex}.main-content{margin-left:0!important;padding-top:70px}}.sidebar.collapsed{width:80px}@media (min-width:769px){.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-logo-sub,.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-section-title{display:none}}.muh-grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.muh-grid-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.muh-grid-4{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.muh-grid-5{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.muh-two-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(320px,400px)}.muh-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}@media (max-width:900px){.muh-grid-2,.muh-grid-3,.muh-grid-4,.muh-grid-5,.muh-two-col{grid-template-columns:1fr!important}.muh-filter-row{align-items:stretch;flex-direction:column}.muh-filter-row .btn,.muh-filter-row .form-input,.muh-filter-row .form-select{width:100%!important}}
/*# sourceMappingURL=main.effe4321.css.map*/