@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--cyan-400:#22d3ee;--indigo-500:#6366f1;--violet-500:#8b5cf6;--emerald-500:#10b981;--amber-500:#f59e0b;--rose-500:#f43f5e;--ink-950:#080f1a;--ink-900:#0f172a;--ink-800:#1e293b;--ink-700:#334155;--ink-500:#64748b;--ink-400:#94a3b8;--ink-200:#e2e8f0;--bg:#f5f8fc;--surface:#fffc;--surface-solid:#fff;--surface-muted:#f8fafc;--border:#94a3b833;--border-strong:#2563eb38;--sidebar-w:260px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:22px;--r-2xl:28px;--sh-sm:0 1px 3px #0f172a0f;--sh-md:0 12px 32px #0f172a17;--sh-lg:0 28px 72px #0f172a2e;--ease:cubic-bezier(.2,.8,.2,1);--tr:160ms;--font:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{min-height:100%}button,input,select,textarea{font:inherit}button{border:none;cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{border-radius:6px;outline:3px solid #2563eb47;outline-offset:3px}body{-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse 900px 600px at -4% -8%,#2563eb33,#0000 52%),radial-gradient(ellipse 700px 500px at 104% 4%,#8b5cf629,#0000 48%),radial-gradient(ellipse 600px 500px at 50% 110%,#10b98112,#0000 55%),linear-gradient(180deg,#f7faff,#f5f8fc 35%,#f2f6fb);background:radial-gradient(ellipse 900px 600px at -4% -8%,#2563eb33,#0000 52%),radial-gradient(ellipse 700px 500px at 104% 4%,#8b5cf629,#0000 48%),radial-gradient(ellipse 600px 500px at 50% 110%,#10b98112,#0000 55%),linear-gradient(180deg,#f7faff 0,var(--bg) 35%,#f2f6fb 100%);color:#0f172a;color:var(--ink-900);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:14px;min-height:100vh;overflow-x:hidden}body:before{background-image:linear-gradient(#0f172a08 1px,#0000 0),linear-gradient(90deg,#0f172a08 1px,#0000 0);background-size:44px 44px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,#000 0,#0000 72%);mask-image:linear-gradient(180deg,#000 0,#0000 72%);opacity:.5;pointer-events:none;position:fixed;z-index:0}.app-layout{display:grid;grid-template-columns:1fr;min-height:100vh;position:relative;z-index:1}.sidebar{backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);background:#ffffffc2;border:1px solid #fff9;border-radius:28px;border-radius:var(--r-2xl);box-shadow:0 12px 32px #0f172a17,inset 0 1px 0 #fffc;box-shadow:var(--sh-md),inset 0 1px 0 #fffc;display:flex;flex-direction:column;gap:4px;inset:14px auto 14px 14px;overflow:hidden;padding:14px;position:fixed;transform:translateX(calc(-100% - 28px));transition:transform .24s cubic-bezier(.2,.8,.2,1);transition:transform .24s var(--ease);width:min(260px,calc(100vw - 28px));width:min(var(--sidebar-w),calc(100vw - 28px));z-index:50}.sidebar:after{background:radial-gradient(circle,#2563eb1a 0,#0000 65%);content:"";height:280px;left:-60px;pointer-events:none;position:absolute;top:-60px;width:280px}.sidebar.is-open{transform:translateX(0)}.sidebar-brand{align-items:center;border:none;display:flex;gap:11px;padding:6px 8px 16px;position:relative;z-index:1}.brand-logo{background:linear-gradient(135deg,#1d4ed8,#6366f1 55%,#22d3ee);background:linear-gradient(135deg,var(--blue-700),var(--indigo-500) 55%,var(--cyan-400));border-radius:14px;box-shadow:0 10px 28px #2563eb52,inset 0 1px 0 #ffffff38;color:#fff;display:grid;flex-shrink:0;font-size:15px;font-weight:800;height:40px;letter-spacing:-.04em;place-items:center;width:40px}.brand-name{color:#0f172a;color:var(--ink-900);font-size:14px;font-weight:800;letter-spacing:-.03em;line-height:1.2}.brand-sub{color:#64748b;color:var(--ink-500);font-size:11px;margin-top:1px}.nav-label{color:#94a3b8;color:var(--ink-400);font-size:10.5px;font-weight:700;letter-spacing:.08em;margin:10px 8px 5px;text-transform:uppercase}.nav-label,.sidebar-nav{position:relative;z-index:1}.sidebar-nav{grid-gap:3px;display:grid;flex:0 0 auto;gap:3px;padding:0}.nav-item{align-items:center;background:none;border:none;border-radius:14px;color:#64748b;color:var(--ink-500);cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:9px;min-height:40px;overflow:hidden;padding:9px 11px;position:relative;text-align:left;transition:color .16s cubic-bezier(.2,.8,.2,1),background .16s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1);transition:color var(--tr) var(--ease),background var(--tr) var(--ease),transform var(--tr) var(--ease);width:100%}.nav-item:before{background:linear-gradient(180deg,#22d3ee,#2563eb);background:linear-gradient(180deg,var(--cyan-400),var(--blue-600));border-radius:999px;content:"";inset:7px auto 7px 0;opacity:0;position:absolute;transform:scaleY(.4);transition:opacity .16s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1);transition:opacity var(--tr) var(--ease),transform var(--tr) var(--ease);width:3px}.nav-item:hover{background:#f8fafce6;color:#0f172a;color:var(--ink-900);transform:translateX(2px)}.nav-item.active{background:linear-gradient(135deg,#dbeafef2,#ffffffbf);box-shadow:inset 0 0 0 1px #2563eb1a;color:#1d4ed8;color:var(--blue-700)}.nav-item.active:before{opacity:1;transform:scaleY(1)}.nav-icon{background:#64748b17;border-radius:7px;color:#64748b;color:var(--ink-500);display:grid;flex-shrink:0;height:22px;place-items:center;transition:background .16s cubic-bezier(.2,.8,.2,1),color .16s cubic-bezier(.2,.8,.2,1);transition:background var(--tr) var(--ease),color var(--tr) var(--ease);width:22px}.nav-icon svg{height:14px;width:14px}.nav-item.active .nav-icon{background:linear-gradient(135deg,#2563eb,#6366f1);background:linear-gradient(135deg,var(--blue-600),var(--indigo-500));box-shadow:0 4px 12px #2563eb40;color:#fff}.nav-badge{background:linear-gradient(135deg,#f43f5e,#fb7185);background:linear-gradient(135deg,var(--rose-500),#fb7185);border-radius:999px;box-shadow:0 6px 16px #f43f5e47;color:#fff;display:grid;font-size:10.5px;font-weight:800;height:19px;margin-left:auto;min-width:20px;padding:0 6px;place-items:center}.sidebar-footer{border:none;margin-top:auto;padding:14px 0 0;position:relative;z-index:1}.user-info{align-items:center;background:linear-gradient(135deg,#fffc,#f8fafcb3);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:16px;display:flex;gap:10px;margin-bottom:0;padding:10px}.user-avatar{background:linear-gradient(135deg,#0f172a,#2563eb);background:linear-gradient(135deg,var(--ink-900),var(--blue-600));border-radius:50%;color:#fff;display:grid;flex-shrink:0;font-size:11.5px;font-weight:800;height:36px;place-items:center;width:36px}.user-text{flex:1 1;min-width:0}.user-name{color:#0f172a;color:var(--ink-900);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#64748b;color:var(--ink-500);font-size:11px;margin-top:1px;text-transform:capitalize}.logout-btn{background:#0000;border:none;border-radius:9px;color:#94a3b8;color:var(--ink-400);cursor:pointer;display:grid;flex-shrink:0;height:30px;place-items:center;transition:all .16s cubic-bezier(.2,.8,.2,1);transition:all var(--tr) var(--ease);width:30px}.logout-btn:hover{background:#f43f5e1a;color:#f43f5e;color:var(--rose-500)}.sidebar-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a4d;display:none;inset:0;opacity:0;position:fixed;transition:opacity .16s;transition:opacity var(--tr);z-index:40}.sidebar-overlay.is-open{display:block;opacity:1}.main-content{display:flex;flex-direction:column;gap:20px;min-width:0;overflow-y:auto;padding:18px;position:relative}.topbar{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f8fcd1;border-bottom:1px solid #94a3b833;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin:-18px -18px 0;padding:13px 18px;position:sticky;top:0;z-index:40}.topbar-brand{font-size:14px;font-weight:700;letter-spacing:-.02em}.icon-btn{background:#ffffffc2;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:11px;color:#334155;color:var(--ink-700);cursor:pointer;display:grid;height:36px;place-items:center;transition:all .16s cubic-bezier(.2,.8,.2,1);transition:all var(--tr) var(--ease);width:36px}.icon-btn:hover{background:#fff;box-shadow:0 1px 3px #0f172a0f;box-shadow:var(--sh-sm);transform:translateY(-1px)}.icon-btn:active{transform:scale(.97)}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.page-title{color:#0f172a;color:var(--ink-900);font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:-.03em}.hero{background:linear-gradient(135deg,#0f172af7,#1e40afeb 46%,#2563ebcc),radial-gradient(circle at 82% 18%,#22d3ee73,#0000 18rem);border:1px solid #ffffff8c;border-radius:28px;border-radius:var(--r-2xl);box-shadow:0 28px 72px #0f172a2e;box-shadow:var(--sh-lg);color:#fff;overflow:hidden;padding:26px 28px;position:relative}.hero:before{background:#22d3ee38;border-radius:50%;filter:blur(3px);height:250px;inset:-70px -70px auto auto;width:250px}.hero:after,.hero:before{content:"";pointer-events:none;position:absolute}.hero:after{background-image:linear-gradient(#ffffff12 1px,#0000 0),linear-gradient(90deg,#ffffff12 1px,#0000 0);background-size:36px 36px;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 75%);mask-image:linear-gradient(135deg,#000,#0000 75%)}.hero-inner{grid-gap:14px;display:grid;gap:14px;position:relative;z-index:1}.eyebrow{align-items:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;color:#ffffffd9;display:inline-flex;font-size:11.5px;font-weight:700;gap:8px;padding:5px 11px;width:fit-content}.live-dot{animation:pulse-live 1.9s ease-out infinite;background:#10b981;background:var(--emerald-500);border-radius:50%;box-shadow:0 0 0 0 #10b9818c;display:inline-block;height:7px;width:7px}.hero-title{font-size:clamp(22px,3.5vw,32px);font-weight:800;letter-spacing:-.04em;line-height:1.1;max-width:660px}.hero-sub{color:#ffffffb8;font-size:13.5px;line-height:1.62;max-width:580px}.btn-primary{align-items:center;background:linear-gradient(135deg,#2563eb,#6366f1);background:linear-gradient(135deg,var(--blue-600),var(--indigo-500));border:none;border-radius:11px;box-shadow:0 10px 26px #2563eb42;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:7px;justify-content:center;margin-top:4px;min-height:38px;padding:8px 18px;transition:all .16s cubic-bezier(.2,.8,.2,1);transition:all var(--tr) var(--ease);width:100%}.btn-primary:hover{box-shadow:0 16px 34px #2563eb57;transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-sm{align-items:center;background:#ffffffc2;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:9px;color:#334155;color:var(--ink-700);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:7px 13px;transition:all .16s cubic-bezier(.2,.8,.2,1);transition:all var(--tr) var(--ease)}.btn-sm:hover{background:#fff;box-shadow:0 1px 3px #0f172a0f;box-shadow:var(--sh-sm);transform:translateY(-1px)}.btn-sm:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-sm-blue{background:#eff6ff;background:var(--blue-50);border-color:#2563eb38;border-color:var(--border-strong);color:#1d4ed8;color:var(--blue-700)}.btn-sm-blue:hover{background:#dbeafe;background:var(--blue-100)}.btn-sm-green{background:#10b9811a;border-color:#10b98138;color:#047857}.btn-sm-green:hover{background:#10b98129}.metrics-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr}.metric-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,#fffffff0,#ffffffc2);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:22px;border-radius:var(--r-xl);box-shadow:0 12px 32px #0f172a17;box-shadow:var(--sh-md);overflow:hidden;padding:18px;position:relative;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1),border-color .2s cubic-bezier(.2,.8,.2,1);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.metric-card:before{background:linear-gradient(90deg,#0000,#fffffff2,#0000);content:"";height:1px;inset:0 0 auto;position:absolute}.metric-card:after{background:color-mix(in srgb,#3b82f6 14%,#0000);background:color-mix(in srgb,var(--accent,var(--blue-500)) 14%,#0000);border-radius:50%;bottom:-55px;content:"";filter:blur(2px);height:160px;position:absolute;right:-40px;width:160px}.metric-card:hover{border-color:color-mix(in srgb,#3b82f6 34%,#0000);border-color:color-mix(in srgb,var(--accent,var(--blue-500)) 34%,#0000);box-shadow:0 0 0 1px color-mix(in srgb,#3b82f6 12%,#0000),0 20px 56px #0f172a1f;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,var(--blue-500)) 12%,#0000),0 20px 56px #0f172a1f;transform:translateY(-4px)}.metric-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;position:relative;z-index:1}.metric-icon{background:linear-gradient(135deg,#3b82f6,color-mix(in srgb,#3b82f6 68%,#0f172a));background:linear-gradient(135deg,var(--accent,var(--blue-500)),color-mix(in srgb,var(--accent,var(--blue-500)) 68%,#0f172a));border-radius:13px;box-shadow:0 10px 24px color-mix(in srgb,#3b82f6 28%,#0000);box-shadow:0 10px 24px color-mix(in srgb,var(--accent,var(--blue-500)) 28%,#0000);color:#fff;display:grid;flex-shrink:0;height:38px;place-items:center;width:38px}.metric-icon svg{height:18px;width:18px}.metric-label{color:#64748b;color:var(--ink-500);font-size:11.5px;font-weight:700;letter-spacing:.05em;margin-top:16px;position:relative;text-transform:uppercase;z-index:1}.metric-value{font-feature-settings:"tnum";color:#0f172a;color:var(--ink-900);font-size:clamp(28px,4vw,38px);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.055em;line-height:1.05;margin-top:4px}.metric-sub,.metric-value{position:relative;z-index:1}.metric-sub{color:#64748b;color:var(--ink-500);font-size:12px;margin-top:6px}.card{backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);background:#fffc;background:var(--surface);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:22px;border-radius:var(--r-xl);box-shadow:0 12px 32px #0f172a17;box-shadow:var(--sh-md);overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #94a3b833;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:15px 18px}.card-title{color:#0f172a;color:var(--ink-900);font-size:15px;font-weight:800;letter-spacing:-.022em}.filters{align-items:center;background:#ffffff80;border-bottom:1px solid #94a3b833;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:7px;padding:12px 18px}.filter-btn{background:#ffffff9e;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:999px;color:#64748b;color:var(--ink-500);cursor:pointer;flex:0 0 auto;font-size:12px;font-weight:700;min-height:30px;padding:5px 12px;transition:all .16s cubic-bezier(.2,.8,.2,1);transition:all var(--tr) var(--ease);white-space:nowrap}.filter-btn:hover{border-color:#64748b59;color:#0f172a;color:var(--ink-900)}.filter-btn.active{background:#eff6ff;background:var(--blue-50);border-color:#2563eb38;border-color:var(--border-strong);color:#1d4ed8;color:var(--blue-700)}.search-bar{display:flex;gap:8px}.search-input{background:#fffc;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:12px;color:#0f172a;color:var(--ink-900);flex:1 1;font-size:13px;min-height:38px;padding:9px 13px;transition:all .16s cubic-bezier(.2,.8,.2,1);transition:all var(--tr) var(--ease);width:100%}.search-input::placeholder{color:#94a3b8;color:var(--ink-400)}.search-input:focus{background:#fff;border-color:#2563eb38;border-color:var(--border-strong);box-shadow:0 0 0 4px #2563eb17;outline:none}.status-select{appearance:none;background:#fffc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:11px;color:#0f172a;color:var(--ink-900);cursor:pointer;font-size:13px;min-height:38px;padding:7px 32px 7px 13px;transition:all .16s cubic-bezier(.2,.8,.2,1);transition:all var(--tr) var(--ease)}.status-select:focus{background-color:#fff;border-color:#2563eb38;border-color:var(--border-strong);box-shadow:0 0 0 4px #2563eb17;outline:none}.entry{align-items:flex-start;border-bottom:1px solid #94a3b833;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:13px 18px;transition:background .16s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1);transition:background var(--tr) var(--ease),transform var(--tr) var(--ease)}.entry:last-child{border-bottom:none}.entry:hover{background:#ffffffb8;transform:translateX(2px)}.entry-avatar{border-radius:50%;display:grid;flex-shrink:0;font-size:12px;font-weight:800;height:38px;place-items:center;width:38px}.entry-body{flex:1 1;min-width:0}.entry-name{color:#0f172a;color:var(--ink-900);font-size:13.5px;font-weight:700;letter-spacing:-.01em;margin-bottom:3px}.entry-meta{color:#64748b;color:var(--ink-500);font-size:12px;line-height:1.5}.entry-msg{color:#334155;color:var(--ink-700);font-size:12px;font-style:italic;margin-top:4px;max-width:460px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:5px;text-align:right}.entry-time{color:#94a3b8;color:var(--ink-400);font-size:11px}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;gap:5px;min-height:22px;padding:3px 9px}.badge-blue{background:#2563eb1a;color:#1d4ed8;color:var(--blue-700)}.badge-green{background:#10b9811f;color:#047857}.badge-amber{background:#f59e0b21;color:#92400e}.badge-red{background:#f43f5e1f;color:#9f1239}.badge-purple{background:#8b5cf61f;color:#5b21b6}.badge-gray{background:#64748b1f}.badge-gray,.empty-state{color:#64748b;color:var(--ink-500)}.empty-state{padding:56px 24px;text-align:center}.empty-icon{font-size:40px;margin-bottom:12px;opacity:.7}.empty-text{font-size:14px;font-weight:600}.loading{color:#64748b;color:var(--ink-500);font-size:13px;padding:48px;text-align:center}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;background:var(--surface-solid);border:1px solid #fff9;border-radius:28px;border-radius:var(--r-2xl);box-shadow:0 28px 72px #0f172a2e;box-shadow:var(--sh-lg);max-width:100%;padding:40px;width:380px}.login-logo{background:linear-gradient(135deg,#1d4ed8,#6366f1 55%,#22d3ee);background:linear-gradient(135deg,var(--blue-700),var(--indigo-500) 55%,var(--cyan-400));border-radius:16px;box-shadow:0 12px 32px #2563eb52,inset 0 1px 0 #ffffff38;color:#fff;display:grid;height:56px;margin:0 auto 20px;place-items:center;width:56px}.login-logo,.login-title{font-size:22px;font-weight:800}.login-title{color:#0f172a;color:var(--ink-900);letter-spacing:-.03em;margin-bottom:6px;text-align:center}.login-sub{color:#64748b;color:var(--ink-500);font-size:13px;margin-bottom:28px;text-align:center}.form-group{margin-bottom:16px}.form-label{color:#334155;color:var(--ink-700);display:block;font-size:12px;font-weight:700;margin-bottom:6px}.form-input{background:#ffffffd1;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:11px;color:#0f172a;color:var(--ink-900);font-size:14px;padding:10px 13px;transition:all .16s cubic-bezier(.2,.8,.2,1);transition:all var(--tr) var(--ease);width:100%}.form-input:focus{background:#fff;border-color:#2563eb38;border-color:var(--border-strong);box-shadow:0 0 0 4px #2563eb17;outline:none}.login-error{background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:9px;color:#9f1239;font-size:13px;margin-bottom:16px;padding:10px 14px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);background:#0f172a7a;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}.modal-box{animation:modalIn .24s cubic-bezier(.2,.8,.2,1);animation:modalIn .24s var(--ease);border:1px solid #fff9;border-radius:28px;border-radius:var(--r-2xl);box-shadow:0 28px 72px #0f172a2e;box-shadow:var(--sh-lg);flex-direction:column;max-height:calc(100vh - 40px);overflow-y:auto;width:100%}.modal-box,.modal-header{background:#fff;background:var(--surface-solid);display:flex}.modal-header{align-items:center;border-bottom:1px solid #94a3b833;border-bottom:1px solid var(--border);border-radius:28px 28px 0 0;border-radius:var(--r-2xl) var(--r-2xl) 0 0;gap:12px;justify-content:space-between;padding:18px 20px;position:sticky;top:0;z-index:1}.modal-title{color:#0f172a;color:var(--ink-900);font-size:15px;font-weight:800;letter-spacing:-.02em}.modal-close{background:#0000;border:none;border-radius:9px;color:#94a3b8;color:var(--ink-400);cursor:pointer;display:grid;height:30px;place-items:center;transition:all .16s cubic-bezier(.2,.8,.2,1);transition:all var(--tr) var(--ease);width:30px}.modal-close:hover{background:#64748b1a;color:#334155;color:var(--ink-700)}.modal-body{padding:20px}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:14px}.form-row.full{grid-template-columns:1fr}.form-field{display:flex;flex-direction:column;gap:5px}.form-field label{color:#334155;color:var(--ink-700);font-size:12px;font-weight:700}.form-field input,.form-field select,.form-field textarea{background:#ffffffd1;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:11px;color:#0f172a;color:var(--ink-900);font-family:inherit;font-size:14px;outline:none;padding:9px 12px;transition:all .16s cubic-bezier(.2,.8,.2,1);transition:all var(--tr) var(--ease)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:#fff;border-color:#2563eb38;border-color:var(--border-strong);box-shadow:0 0 0 4px #2563eb17}.form-field select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:34px}.form-field textarea{min-height:72px;resize:vertical}.modal-actions{border-top:1px solid #94a3b833;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:18px;padding-top:16px}.course-card{grid-gap:14px;border-bottom:1px solid #94a3b833;border-bottom:1px solid var(--border);cursor:pointer;display:grid;gap:14px;grid-template-columns:48px 1fr;padding:14px 18px;transition:background .16s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1);transition:background var(--tr) var(--ease),transform var(--tr) var(--ease)}.course-card:last-child{border-bottom:none}.course-card:hover{background:#ffffffb8;transform:translateX(2px)}.course-badge{background:linear-gradient(135deg,#2563eb,#0f172a);background:linear-gradient(135deg,var(--blue-600),var(--ink-900));border-radius:14px;box-shadow:0 8px 20px #2563eb40;color:#fff;display:grid;font-size:11px;font-weight:900;height:48px;letter-spacing:.02em;line-height:1.1;place-items:center;text-align:center;width:48px}.course-body{min-width:0}.course-name{color:#0f172a;color:var(--ink-900);font-size:13.5px;font-weight:800;letter-spacing:-.02em;margin-bottom:5px}.course-meta{align-items:center;color:#64748b;color:var(--ink-500);display:flex;flex-wrap:wrap;font-size:12px;gap:5px 12px}.course-capacity{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:5px}.capacity-bar{background:#94a3b82e;border-radius:999px;height:6px;overflow:hidden;width:100px}.capacity-fill{background:#10b981;background:var(--emerald-500);border-radius:inherit;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);transition:width .6s var(--ease)}.capacity-fill.high{background:#f59e0b;background:var(--amber-500)}.capacity-fill.full{background:#f43f5e;background:var(--rose-500)}.capacity-text{color:#64748b;color:var(--ink-500);font-size:11px;font-weight:600;white-space:nowrap}.participant-row{align-items:center;background:#ffffffb8;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:11px;display:flex;gap:10px;margin-bottom:6px;padding:10px 12px;transition:all .16s cubic-bezier(.2,.8,.2,1);transition:all var(--tr) var(--ease)}.participant-row:hover{background:#fff;border-color:#2563eb38;border-color:var(--border-strong)}.participant-avatar{background:#eff6ff;background:var(--blue-50);border-radius:50%;color:#1d4ed8;color:var(--blue-700);display:grid;flex-shrink:0;font-size:11px;font-weight:800;height:32px;place-items:center;width:32px}.participant-info{flex:1 1;min-width:0}.participant-name{color:#0f172a;color:var(--ink-900);font-size:13px;font-weight:700}.participant-email{color:#64748b;color:var(--ink-500);font-size:11px}.contact-search-wrap{position:relative}.contact-search-results{background:#fff;background:var(--surface-solid);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #0f172a17;box-shadow:var(--sh-md);left:0;max-height:240px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.contact-search-item{border-bottom:1px solid #94a3b833;border-bottom:1px solid var(--border);cursor:pointer;font-size:13px;padding:9px 12px;transition:background .1s}.contact-search-item:last-child{border-bottom:none}.contact-search-item:hover{background:#eff6ff;background:var(--blue-50)}.contact-search-item strong{color:#0f172a;color:var(--ink-900);font-weight:700}.contact-search-item span{color:#64748b;color:var(--ink-500);font-size:12px}@media (min-width:720px){.main-content{gap:24px;padding:24px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.course-card{grid-template-columns:48px 1fr 180px}}@media (min-width:1100px){.app-layout{grid-template-columns:260px 1fr;grid-template-columns:var(--sidebar-w) 1fr}.sidebar{height:calc(100vh - 28px);margin:14px 0 14px 14px;position:sticky;top:0;inset:auto;transform:none}.main-content{padding:28px 28px 40px}.topbar{display:none}.metrics-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:640px){.form-row{grid-template-columns:1fr}.modal-box{max-height:95vh}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;transition-duration:1ms!important}}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.main-content>*{animation:pageIn .35s cubic-bezier(.2,.8,.2,1) both;animation:pageIn .35s var(--ease) both}.main-content>:first-child{animation-delay:.05s}.main-content>:nth-child(2){animation-delay:.12s}.main-content>:nth-child(3){animation-delay:.19s}.main-content>:nth-child(4){animation-delay:.26s}@keyframes glowDrift{0%,to{opacity:.8;transform:translate(0) scale(1)}50%{opacity:1;transform:translate(20px,-10px) scale(1.1)}}.hero:before{animation:glowDrift 8s ease-in-out infinite}@keyframes titleReveal{0%{filter:blur(4px);opacity:0;transform:translateY(12px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.hero-title{animation:titleReveal .7s cubic-bezier(.2,.8,.2,1) .15s both;animation:titleReveal .7s var(--ease) .15s both}.hero-sub{animation:titleReveal .7s cubic-bezier(.2,.8,.2,1) .3s both;animation:titleReveal .7s var(--ease) .3s both}.eyebrow{animation:titleReveal .5s cubic-bezier(.2,.8,.2,1) both;animation:titleReveal .5s var(--ease) both}@keyframes metricIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.metric-card{animation:metricIn .5s cubic-bezier(.2,.8,.2,1) both;animation:metricIn .5s var(--ease) both}.metric-value{animation:valuePop .4s cubic-bezier(.2,.8,.2,1);animation:valuePop .4s var(--ease)}.metric-card .metric-icon{transition:transform .35s cubic-bezier(.2,.8,.2,1);transition:transform .35s var(--ease)}.metric-card:hover .metric-icon{transform:rotate(-6deg) scale(1.08)}@keyframes navSlideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.sidebar-nav .nav-item{animation:navSlideIn .4s cubic-bezier(.2,.8,.2,1) both;animation:navSlideIn .4s var(--ease) both}.sidebar-nav .nav-item:first-child{animation-delay:.05s}.sidebar-nav .nav-item:nth-child(2){animation-delay:.1s}.sidebar-nav .nav-item:nth-child(3){animation-delay:.15s}.sidebar-nav .nav-item:nth-child(4){animation-delay:.2s}.sidebar-nav .nav-item:nth-child(5){animation-delay:.25s}.sidebar-nav .nav-item:nth-child(6){animation-delay:.3s}@keyframes activePulse{0%,to{box-shadow:inset 0 0 0 1px #2563eb1a}50%{box-shadow:inset 0 0 0 1px #2563eb2e,0 0 0 4px #2563eb0a}}.nav-item.active{animation:activePulse 3s ease-in-out infinite}@keyframes badgeBounce{0%,to{transform:scale(1)}10%{transform:scale(1.18)}20%{transform:scale(.96)}30%{transform:scale(1.08)}40%{transform:scale(1)}}.nav-badge{animation:badgeBounce 2.4s ease-in-out infinite}@keyframes logoShimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.brand-logo,.login-logo{overflow:hidden;position:relative}.brand-logo:after,.login-logo:after{animation:logoShimmer 4s ease-in-out infinite;animation-delay:1s;background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);background-size:200% 100%;content:"";inset:0;pointer-events:none;position:absolute}@keyframes entryFadeIn{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}.entry{animation:entryFadeIn .35s cubic-bezier(.2,.8,.2,1) both;animation:entryFadeIn .35s var(--ease) both}.entry:first-child{animation-delay:.02s}.entry:nth-child(2){animation-delay:.06s}.entry:nth-child(3){animation-delay:.1s}.entry:nth-child(4){animation-delay:.14s}.entry:nth-child(5){animation-delay:.18s}.entry:nth-child(6){animation-delay:.22s}.entry:nth-child(7){animation-delay:.26s}.entry:nth-child(8){animation-delay:.3s}.entry:nth-child(9){animation-delay:.34s}.entry:nth-child(10){animation-delay:.38s}.entry-avatar,.participant-avatar{transition:transform .4s cubic-bezier(.2,.8,.2,1);transition:transform .4s var(--ease)}.entry:hover .entry-avatar{transform:scale(1.1) rotate(-4deg)}.course-card{animation:entryFadeIn .4s cubic-bezier(.2,.8,.2,1) both;animation:entryFadeIn .4s var(--ease) both}.course-card:first-child{animation-delay:.05s}.course-card:nth-child(2){animation-delay:.1s}.course-card:nth-child(3){animation-delay:.15s}.course-card:nth-child(4){animation-delay:.2s}.course-card:nth-child(5){animation-delay:.25s}.course-badge{transition:transform .35s cubic-bezier(.2,.8,.2,1);transition:transform .35s var(--ease)}.course-card:hover .course-badge{transform:scale(1.06) rotate(-3deg)}@keyframes capacityShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.capacity-fill{animation:capacityShimmer 3s ease-in-out infinite;background-image:linear-gradient(90deg,color-mix(in srgb,currentColor 90%,#0000),#fff6 50%,color-mix(in srgb,currentColor 90%,#0000));background-size:200% 100%}.btn-primary,.btn-sm{overflow:hidden;position:relative}.btn-primary:after,.btn-sm:after{opacity:1;transition:width .5s cubic-bezier(.2,.8,.2,1),height .5s cubic-bezier(.2,.8,.2,1),opacity .5s;transition:width .5s var(--ease),height .5s var(--ease),opacity .5s}.btn-primary:active:after,.btn-sm:active:after{height:240px;opacity:0;width:240px}@keyframes overlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);opacity:1}}.modal-overlay{animation:overlayFadeIn .25s cubic-bezier(.2,.8,.2,1);animation:overlayFadeIn .25s var(--ease)}@keyframes loadingPulse{0%,to{opacity:.6}50%{opacity:1}}.loading{animation:loadingPulse 1.4s ease-in-out infinite}.filter-btn{overflow:hidden;position:relative}.filter-btn.active{animation:filterActiveIn .3s cubic-bezier(.2,.8,.2,1);animation:filterActiveIn .3s var(--ease)}@keyframes filterActiveIn{0%{transform:scale(.92)}to{transform:scale(1)}}@keyframes focusGlow{0%{box-shadow:0 0 0 0 #2563eb00}to{box-shadow:0 0 0 4px #2563eb17}}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.form-input:focus,.search-input:focus,.status-select:focus{animation:focusGlow .25s cubic-bezier(.2,.8,.2,1);animation:focusGlow .25s var(--ease)}@keyframes badgeIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.badge{animation:badgeIn .3s cubic-bezier(.2,.8,.2,1);animation:badgeIn .3s var(--ease)}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.logout-btn:hover svg{animation:wiggle .4s ease-in-out}.participant-row{animation:entryFadeIn .3s cubic-bezier(.2,.8,.2,1) both;animation:entryFadeIn .3s var(--ease) both}.participant-row:first-child{animation-delay:.03s}.participant-row:nth-child(2){animation-delay:.06s}.participant-row:nth-child(3){animation-delay:.09s}.participant-row:nth-child(4){animation-delay:.12s}.participant-row:nth-child(5){animation-delay:.15s}.main-content,html{scroll-behavior:smooth}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#94a3b84d;background-clip:content-box;border:2px solid #0000;border-radius:999px;-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#2563eb66;background-clip:content-box}.card{transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1);transition:transform var(--tr) var(--ease),box-shadow var(--tr) var(--ease)}.card:hover{box-shadow:0 16px 40px #0f172a1a}.live-dot:after{animation:ringPulse 2s ease-out infinite;border:1.5px solid #10b98140;border-radius:50%;content:"";inset:-3px;position:absolute}@keyframes ringPulse{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}.nav-item:not(.active){background-position:100% 0;background-size:200% 100%;transition:background-position .4s cubic-bezier(.2,.8,.2,1),color .16s,transform .16s;transition:background-position .4s var(--ease),color var(--tr),transform var(--tr)}.nav-item:not(.active):hover{background-image:linear-gradient(90deg,#f8fafcf2,#f8fafc80);background-position:0 0}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.main-content>*{animation:pageEnter .45s cubic-bezier(.2,.8,.2,1) backwards;animation:pageEnter .45s var(--ease) backwards}.main-content>:first-child{animation-delay:0ms}.main-content>:nth-child(2){animation-delay:60ms}.main-content>:nth-child(3){animation-delay:.12s}.main-content>:nth-child(4){animation-delay:.18s}.main-content>:nth-child(5){animation-delay:.24s}@keyframes heroShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero{animation:heroShimmer 18s ease infinite,pageEnter .5s cubic-bezier(.2,.8,.2,1) backwards;animation:heroShimmer 18s ease infinite,pageEnter .5s var(--ease) backwards;background-size:200% 200%}@keyframes heroGlow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}.hero:before{animation:heroGlow 6s ease-in-out infinite}@keyframes pulse-live{0%{box-shadow:0 0 0 0 #10b9818c;transform:scale(1)}70%{box-shadow:0 0 0 10px #10b98100;transform:scale(1.1)}to{box-shadow:0 0 0 0 #10b98100;transform:scale(1)}}@keyframes metricEnter{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.metric-card{animation:metricEnter .55s cubic-bezier(.2,.8,.2,1) backwards;animation:metricEnter .55s var(--ease) backwards}.metric-card:first-child{animation-delay:.1s}.metric-card:nth-child(2){animation-delay:.18s}.metric-card:nth-child(3){animation-delay:.26s}.metric-card:nth-child(4){animation-delay:.34s}@keyframes valuePop{0%{opacity:0;transform:scale(.85)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.metric-value{animation:valuePop .7s cubic-bezier(.2,.8,.2,1) backwards;animation:valuePop .7s var(--ease) backwards;animation-delay:.5s}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.metric-card:hover .metric-icon{animation:iconFloat 2s ease-in-out infinite}@keyframes cardGlowPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.metric-card:hover:after{animation:cardGlowPulse 3s ease-in-out infinite}@keyframes navIconBounce{0%,to{transform:scale(1) rotate(0deg)}30%{transform:scale(1.15) rotate(-8deg)}60%{transform:scale(1.05) rotate(4deg)}}.nav-item.active .nav-icon{animation:navIconBounce .6s cubic-bezier(.2,.8,.2,1);animation:navIconBounce .6s var(--ease)}@keyframes navEnter{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.nav-item{animation:navEnter .35s cubic-bezier(.2,.8,.2,1) backwards;animation:navEnter .35s var(--ease) backwards}.nav-item:first-child{animation-delay:80ms}.nav-item:nth-child(2){animation-delay:.12s}.nav-item:nth-child(3){animation-delay:.16s}.nav-item:nth-child(4){animation-delay:.2s}.nav-item:nth-child(5){animation-delay:.24s}.nav-item:nth-child(6){animation-delay:.28s}@keyframes brandPulse{0%,to{box-shadow:0 10px 28px #2563eb52,inset 0 1px 0 #ffffff38}50%{box-shadow:0 14px 36px #2563eb7a,inset 0 1px 0 #ffffff4d}}.brand-logo,.login-logo{animation:brandPulse 4s ease-in-out infinite}@keyframes entryEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.course-card,.entry{animation:entryEnter .4s cubic-bezier(.2,.8,.2,1) backwards;animation:entryEnter .4s var(--ease) backwards}.course-card:first-child,.entry:first-child{animation-delay:50ms}.course-card:nth-child(2),.entry:nth-child(2){animation-delay:.1s}.course-card:nth-child(3),.entry:nth-child(3){animation-delay:.15s}.course-card:nth-child(4),.entry:nth-child(4){animation-delay:.2s}.course-card:nth-child(5),.entry:nth-child(5){animation-delay:.25s}.course-card:nth-child(6),.entry:nth-child(6){animation-delay:.3s}.course-card:nth-child(7),.entry:nth-child(7){animation-delay:.35s}.course-card:nth-child(8),.entry:nth-child(8){animation-delay:.4s}.entry:hover .entry-avatar{transform:rotate(-5deg) scale(1.08)}.course-card:hover .course-badge,.entry .entry-avatar,.entry:hover .entry-avatar{transition:transform .25s cubic-bezier(.2,.8,.2,1);transition:transform .25s var(--ease)}.course-card:hover .course-badge{transform:rotate(-6deg) scale(1.05)}.course-card .course-badge{transition:transform .25s cubic-bezier(.2,.8,.2,1);transition:transform .25s var(--ease)}@keyframes progressFill{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.capacity-fill{animation:progressFill .8s cubic-bezier(.2,.8,.2,1) .3s backwards;animation:progressFill .8s var(--ease) .3s backwards}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes overlayIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);opacity:1}}.modal-overlay{animation:overlayIn .3s ease}.modal-box{animation:modalIn .35s cubic-bezier(.2,.8,.2,1);animation:modalIn .35s var(--ease)}@keyframes actionEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-actions>*{animation:actionEnter .35s cubic-bezier(.2,.8,.2,1) backwards;animation:actionEnter .35s var(--ease) backwards}.modal-actions>:first-child{animation-delay:.2s}.modal-actions>:nth-child(2){animation-delay:.26s}.modal-actions>:nth-child(3){animation-delay:.32s}.modal-actions>:nth-child(4){animation-delay:.38s}.modal-actions>:nth-child(5){animation-delay:.44s}.btn-primary,.btn-sm,.filter-btn,.icon-btn,.logout-btn,.modal-close{overflow:hidden;position:relative}.btn-primary:after,.btn-sm:after{background:#fff6;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;width:0}.btn-primary:active:after,.btn-sm:active:after{height:200px;transition:0s;width:200px}@keyframes filterPop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.filter-btn.active{animation:filterPop .3s cubic-bezier(.2,.8,.2,1);animation:filterPop .3s var(--ease)}@keyframes searchFocus{0%{box-shadow:0 0 0 0 #2563eb00}to{box-shadow:0 0 0 4px #2563eb17}}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.form-input:focus,.search-input:focus{animation:searchFocus .25s ease forwards}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-icon{animation:emptyFloat 3s ease-in-out infinite;display:inline-block}@keyframes loadingShimmer{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.loading{animation:loadingShimmer 1.5s ease-in-out infinite}.badge{transition:transform .2s cubic-bezier(.2,.8,.2,1);transition:transform .2s var(--ease)}.course-card:hover .badge,.entry:hover .badge{transform:scale(1.05)}.user-info{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.user-info:hover{box-shadow:0 6px 16px #0f172a14;transform:translateY(-2px)}@keyframes logoutWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.logout-btn:hover svg{animation:logoutWiggle .4s ease}.card-header{overflow:hidden;position:relative}.card-header:after{animation:borderSweep 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3b82f6,#0000);background:linear-gradient(90deg,#0000,var(--blue-500),#0000);bottom:0;content:"";height:1px;left:-100%;position:absolute;width:100%}@keyframes borderSweep{0%{left:-100%}50%{left:100%}to{left:100%}}.metric-value{display:inline-block}.topbar{animation:pageEnter .4s cubic-bezier(.2,.8,.2,1);animation:pageEnter .4s var(--ease)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}
/*# sourceMappingURL=main.0ccbc617.css.map*/