:root{--brand-primary:#FDA42E;--brand-secondary:#E8861B;--brand-deep:#7A4D0B;--brand-primary-hover:#FFC061;--brand-primary-active:#E8890F;--brand-subtle:rgba(253,164,46,0.14);--brand-gradient:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));--bg:#07070A;--bg-2:#0C0C12;--surface:#0F0F14;--surface-2:#1E1E26;--surface-3:#24242C;--line:rgba(245,244,250,0.08);--line-strong:rgba(245,244,250,0.15);--text:#F4F3F8;--muted:#9797A0;--muted-2:#6B6B75;--success:#3BC48B;--success-soft:rgba(59,196,139,0.12);--warning:#E8A33D;--warning-soft:rgba(232,163,61,0.12);--danger:#E62B34;--danger-soft:rgba(230,43,52,0.12);--radius:16px;--radius-sm:10px;--radius-xs:7px;--radius-pill:999px;--sidebar-w:240px;--topbar-h:60px;--font-sans:"DM Sans","Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-display:"Space Grotesk","DM Sans",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-mono:"Geist Mono","SF Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--shadow-sm:0 2px 8px rgba(0,0,0,0.15);--shadow-md:0 8px 24px rgba(0,0,0,0.25);--shadow-lg:0 20px 50px rgba(0,0,0,0.4);--shadow-brand:0 16px 32px -14px rgba(253,164,46,0.5);--canvas-bg:rgba(7,7,10,0.5);--transition-fast:120ms ease;--transition-base:200ms ease;--transition-slow:350ms ease}[data-theme=light]{--bg:#ffffff;--bg-2:#f5f5fa;--surface:#ffffff;--surface-2:#f0f0f7;--surface-3:#e8e8f2;--line:rgba(16,14,26,0.09);--line-strong:rgba(16,14,26,0.16);--text:#1a1830;--muted:#6f6b8a;--muted-2:#9894b0;--success:#0f9d63;--success-soft:rgba(15,157,99,0.14);--warning:#b97b13;--warning-soft:rgba(185,123,19,0.14);--danger:#C72B32;--danger-soft:rgba(230,43,52,0.14);--shadow-sm:0 2px 8px rgba(16,14,26,0.06);--shadow-md:0 8px 24px rgba(16,14,26,0.10);--shadow-lg:0 20px 50px rgba(16,14,26,0.16);--canvas-bg:rgba(240,240,247,0.7)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body,html{height:100%}body{overflow:hidden;font-family:var(--font-sans);font-size:14px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-slow),color var(--transition-slow)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}img{display:block;max-width:100%}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{padding:0;font-family:var(--font-display);letter-spacing:-.01em}p{margin:0}::selection{background:var(--brand-subtle);color:var(--text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px rgba(253,164,46,.5);border-radius:var(--radius-xs)}.auth-scope{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;background:radial-gradient(circle at 16% 8%,rgba(253,164,46,.2),transparent 44%),radial-gradient(circle at 84% 90%,rgba(126,86,14,.22),transparent 48%),var(--bg)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:36px 32px;animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-brand{display:flex;align-items:center;gap:9px;margin-bottom:26px}.auth-mark{width:32px;height:32px;border-radius:10px;background:var(--brand-gradient);flex-shrink:0}.auth-word{font-weight:800;font-size:18px;letter-spacing:-.01em}.auth-h1{font-size:24px;font-weight:700;line-height:1.28;margin-bottom:5px}.auth-sub{font-size:13.5px;color:var(--muted);margin-bottom:24px;line-height:1.5}.field-label{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin:0 0 6px}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .input{padding-left:38px;padding-right:38px}.input-icon{position:absolute;left:12px;width:16px;height:16px;stroke:var(--muted-2);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.input{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:14px;color:var(--text);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--muted-2)}.input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-subtle)}.btn-cta{width:100%;border:none;border-radius:14px;padding:13px 0;background:var(--brand-gradient);color:#fff;font-weight:700;font-size:14.5px;box-shadow:var(--shadow-brand);display:flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.btn-cta:hover{transform:translateY(-1px);box-shadow:0 24px 48px -18px rgba(253,164,46,.6)}.btn-cta:active{transform:translateY(0)}.btn-cta:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-oauth{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--bg-2);color:var(--text);border-radius:12px;padding:11px 0;font-weight:600;font-size:13.5px;transition:background var(--transition-fast),border-color var(--transition-fast)}.btn-oauth:hover{background:var(--surface);border-color:var(--line-strong)}.divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--muted-2);font-size:12px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-2);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:16px 12px;z-index:30}.sidebar__brand{display:flex;align-items:center;gap:9px;padding:4px 8px 18px}.mark{width:26px;height:26px;border-radius:8px;background:var(--brand-gradient);flex-shrink:0}.wordmark{font-weight:800;font-size:16px;letter-spacing:-.01em}.sidebar__badge,.wordmark .dot{color:var(--brand-primary)}.sidebar__badge{display:inline-flex;align-items:center;gap:4px;background:var(--brand-subtle);font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--radius-pill);margin-left:4px}.sidebar__nav{flex:1 1;overflow-y:auto;padding:0 4px}.nav-group{margin-bottom:4px}.nav-group__label{font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--muted-2);padding:14px 10px 5px}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-xs);color:var(--muted);font-size:13.5px;font-weight:500;cursor:pointer;margin-bottom:1px;transition:background var(--transition-fast),color var(--transition-fast)}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.is-active{background:var(--brand-subtle);color:var(--brand-primary);font-weight:600}.nav-ic{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;color:var(--muted-2)}.nav-item:hover .nav-ic{color:var(--text)}.nav-item.is-active .nav-ic{color:var(--brand-primary)}.sidebar__footer{margin-top:auto;padding-top:8px;border-top:1px solid var(--line)}.main{flex:1 1;display:flex;flex-direction:column;min-width:0;height:100vh}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--line);background:var(--bg-2);justify-content:space-between;padding:0 24px;flex-shrink:0;gap:16px}.topbar,.topbar__left{display:flex;align-items:center}.topbar__left{gap:10px;min-width:0}.page-title{font-weight:700;font-size:16px;white-space:nowrap}.topbar__right{gap:8px;flex-shrink:0}.icon-btn,.topbar__right{display:flex;align-items:center}.icon-btn{width:34px;height:34px;justify-content:center;border-radius:var(--radius-xs);color:var(--muted);transition:background var(--transition-fast),color var(--transition-fast)}.icon-btn:hover{background:var(--surface);color:var(--text)}.avatar-btn{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary),var(--brand-deep));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;transition:opacity var(--transition-fast)}.avatar-btn:hover{opacity:.85}.canvas{flex:1 1;overflow-y:auto;background:var(--canvas-bg)}.content{padding:28px;max-width:1200px;width:100%;margin:0 auto}.page-view{display:none;animation:fadeUp .3s ease}.page-view.active{display:block}.view-title{font-size:20px;font-weight:700;margin-bottom:18px;letter-spacing:-.01em}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:14px;gap:14px;margin-bottom:28px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.stat-card .num{font-family:var(--font-mono);font-weight:700;font-size:28px;line-height:1.2}.stat-card .lbl{font-size:12px;color:var(--muted);margin-top:4px}.stat-card .icon-wrap{width:36px;height:36px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.stat-card .icon-wrap.brand{background:var(--brand-subtle);color:var(--brand-primary)}.stat-card .icon-wrap.success{background:var(--success-soft);color:var(--success)}.stat-card .icon-wrap.warning{background:var(--warning-soft);color:var(--warning)}.stat-card .icon-wrap.danger{background:var(--danger-soft);color:var(--danger)}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);gap:12px;flex-wrap:wrap}.table-header h3{font-size:15px;font-weight:700}.table-actions{display:flex;gap:8px;align-items:center}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;font-size:11.5px;font-weight:600;color:var(--muted-2);padding:10px 16px;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.admin-table td,.admin-table th{border-bottom:1px solid var(--line)}.admin-table td{padding:12px 16px;font-size:13px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:rgba(245,244,250,.03)}[data-theme=light] .admin-table tr:hover td{background:rgba(16,14,26,.03)}.admin-table .mono{font-family:var(--font-mono);font-size:12px}.admin-table .truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--radius-pill)}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.brand{background:var(--brand-subtle);color:var(--brand-primary)}.badge.muted{background:var(--surface-2);color:var(--muted)}.search-bar{position:relative;display:flex;align-items:center}.search-bar .input{padding-left:36px;min-width:220px}.search-bar .search-icon{position:absolute;left:12px;width:16px;height:16px;stroke:var(--muted-2);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.modal-overlay{position:fixed;inset:0;background:rgba(16,14,26,.7);z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius);padding:28px;width:90%;max-width:440px;z-index:71;box-shadow:var(--shadow-lg)}.modal h3{font-size:16px;font-weight:700;margin-bottom:6px}.modal p{font-size:13px;color:var(--muted);margin-bottom:20px;line-height:1.5}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;transition:all var(--transition-fast)}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 24px 48px -18px rgba(253,164,46,.6)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-ghost{background:var(--bg-2);border:1px solid var(--line);color:var(--text)}.btn-ghost:hover{background:var(--surface)}.btn-sm{padding:6px 14px;font-size:12.5px}.btn-sm,.btn-xs{border-radius:var(--radius-xs)}.btn-xs{padding:5px 10px;font-size:11.5px}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;font-weight:500;color:var(--text);box-shadow:var(--shadow-md);animation:toastIn .3s ease forwards;max-width:360px}.toast.success{border-color:var(--success);background:var(--success-soft);color:var(--success)}.toast.error{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.toast.info{border-color:var(--brand-primary);background:var(--brand-subtle);color:var(--brand-primary)}.toast.leaving{animation:toastOut .25s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes toastOut{to{opacity:0;transform:translateX(40px)}}.empty-state{border:1.5px dashed var(--line-strong);border-radius:var(--radius);padding:48px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}.empty-state h3{font-size:14px;font-weight:700}.empty-state p{font-size:12.5px;color:var(--muted);margin-bottom:12px}.loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--muted);font-size:13px;gap:8px}.spinner{width:18px;height:18px;border:2px solid var(--line-strong);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .6s linear infinite}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 0}.pagination button{padding:6px 14px;border-radius:var(--radius-xs);font-size:12.5px;font-weight:600;background:var(--surface);border:1px solid var(--line);color:var(--muted);transition:all var(--transition-fast)}.pagination button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button.active{background:var(--brand-subtle);color:var(--brand-primary);border-color:transparent}.pagination .page-info{font-size:12px;color:var(--muted)}.select{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-xs);font-size:12.5px;font-weight:600;color:var(--text);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23726f8c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding:7px 28px 7px 12px}.detail-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:20px}.detail-card h3{font-size:15px;font-weight:700;margin-bottom:14px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.detail-row:last-child{border-bottom:none}.detail-row .k{font-size:12px;color:var(--muted)}.detail-row .v{font-size:13px;font-weight:600;font-family:var(--font-mono)}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translateX(-100%);transition:transform .25s ease;box-shadow:var(--shadow-lg);z-index:30}.sidebar.is-open{transform:translateX(0)}.content{padding:18px 14px}.stat-grid{grid-template-columns:1fr 1fr}.table-header{flex-direction:column;align-items:stretch}}@media(max-width:480px){.stat-grid{grid-template-columns:1fr}}