:root{--primary: #ff6b00;--primary-dark: #a04100;--primary-soft: rgba(255, 107, 0, .08);--primary-border: rgba(255, 107, 0, .25);--surface: #ffffff;--surface-low: #f7f6f5;--surface-container: #efeded;--on-surface: #1b1c1c;--on-surface-variant: #6b6664;--outline: #e5e2e0;--outline-soft: #f0eeec;--success: #12805c;--success-soft: #e6f5ef;--warning: #a86100;--warning-soft: #fdf3e3;--error: #ba1a1a;--error-soft: #ffeceb;--radius: 4px;--radius-lg: 8px;--radius-pill: 999px;--xs: 4px;--sm: 8px;--md: 16px;--lg: 24px;--xl: 40px;--xxl: 80px;--font-ui: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--surface-low);color:var(--on-surface);font-family:var(--font-ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;letter-spacing:-.01em;line-height:1.25}h1{font-size:32px;font-weight:800;letter-spacing:-.02em}h2{font-size:22px;font-weight:700}h3{font-size:18px;font-weight:700}h4{font-size:15px;font-weight:700}p{margin:0}a{color:var(--primary-dark)}.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.05em}.label{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}.muted{color:var(--on-surface-variant)}.small{font-size:14px}.tiny{font-size:13px}.strong{font-weight:700}.center{text-align:center}.nowrap{white-space:nowrap}.right{text-align:right}:root{--sidebar-w: 268px;--sidebar-w-collapsed: 76px;--ease: cubic-bezier(.32, .72, 0, 1)}.shell{display:flex;min-height:100vh}.main-col{flex:1;min-width:0;margin-left:var(--sidebar-w);transition:margin-left .24s var(--ease)}body.sidebar-collapsed .main-col{margin-left:var(--sidebar-w-collapsed)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--outline);z-index:50;transition:width .24s var(--ease),transform .24s var(--ease)}.sidebar:before{content:"";position:absolute;inset:0 0 auto 0;height:220px;background:linear-gradient(180deg,rgba(255,107,0,.05),transparent);pointer-events:none}.sidebar-head{display:flex;align-items:center;gap:var(--sm);height:64px;padding:0 14px 0 18px;border-bottom:1px solid var(--outline-soft);position:relative}.brand{font-weight:800;font-size:16px;letter-spacing:-.02em;text-decoration:none;color:var(--on-surface);display:flex;align-items:center;gap:9px;min-width:0;flex:1}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--primary);flex:none;box-shadow:0 0 0 3px var(--primary-soft)}.brand-text{white-space:nowrap;overflow:hidden}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--on-surface-variant);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.icon-btn:hover{background:var(--surface-low);color:var(--on-surface);border-color:var(--outline)}.icon-btn .icon{width:18px;height:18px}.sidebar-collapse .icon{transition:transform .24s var(--ease)}.sidebar-close{display:none}.sidebar-role{display:block;margin:14px 18px 0;padding:4px 9px;border-radius:var(--radius);background:var(--primary-soft);border:1px solid var(--primary-border);color:var(--primary-dark);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-align:center}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:18px 12px;display:flex;flex-direction:column;gap:22px}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-variant);opacity:.75;padding:0 10px 6px;white-space:nowrap}.nav-item{position:relative;display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border:none;border-radius:var(--radius);background:transparent;color:var(--on-surface-variant);font-family:inherit;font-size:14px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease}.nav-item:before{content:"";position:absolute;left:-12px;top:50%;width:3px;height:0;border-radius:0 2px 2px 0;background:var(--primary);transform:translateY(-50%);transition:height .22s var(--ease)}.nav-item:hover{background:var(--surface-low);color:var(--on-surface)}.nav-item.is-active{background:var(--primary-soft);color:var(--primary-dark)}.nav-item.is-active:before{height:22px}.nav-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--primary)}.nav-item .icon{width:19px;height:19px}.nav-icon{display:inline-flex;flex:none}.nav-item.is-active .nav-icon{color:var(--primary)}.nav-label{flex:1;white-space:nowrap;overflow:hidden}.nav-item-quiet{font-weight:500}.nav-badge{flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--primary);color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.nav-badge[hidden]{display:none}.sidebar-foot{border-top:1px solid var(--outline-soft);padding:12px;display:flex;flex-direction:column;gap:4px}.user-chip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);min-width:0}.avatar{width:30px;height:30px;flex:none;border-radius:var(--radius);background:var(--primary-soft);border:1px solid var(--primary-border);color:var(--primary-dark);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}.user-meta{display:flex;flex-direction:column;min-width:0;line-height:1.35}.user-meta strong{font-size:13px}.user-meta span{font-size:11px;color:var(--on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.is-collapsed{width:var(--sidebar-w-collapsed)}.sidebar.is-collapsed .brand-text,.sidebar.is-collapsed .nav-label,.sidebar.is-collapsed .nav-group-label,.sidebar.is-collapsed .user-meta,.sidebar.is-collapsed .sidebar-role{display:none}.sidebar.is-collapsed .sidebar-head{padding:0 14px;justify-content:center}.sidebar.is-collapsed .brand{flex:none}.sidebar.is-collapsed .sidebar-collapse{position:absolute;right:-15px;background:var(--surface);border-color:var(--outline);z-index:1}.sidebar.is-collapsed .sidebar-collapse .icon{transform:rotate(180deg)}.sidebar.is-collapsed .nav-item,.sidebar.is-collapsed .user-chip{justify-content:center;padding-left:0;padding-right:0}.sidebar.is-collapsed .nav-group{gap:4px}.sidebar.is-collapsed .nav-group+.nav-group{border-top:1px solid var(--outline-soft);padding-top:12px}.sidebar.is-collapsed .nav-badge{position:absolute;top:5px;right:12px;min-width:8px;width:8px;height:8px;padding:0;font-size:0;border:2px solid var(--surface);box-sizing:content-box}.sidebar.is-collapsed [data-tip]{position:relative}.sidebar.is-collapsed [data-tip]:hover:after,.sidebar.is-collapsed [data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);background:var(--on-surface);color:#fff;padding:6px 10px;border-radius:var(--radius);font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none;z-index:70}.mobile-bar{display:none;align-items:center;gap:var(--sm);height:56px;padding:0 var(--md);background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--outline);position:sticky;top:0;z-index:30}.mobile-title{font-weight:700;font-size:15px}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b1c1c73;z-index:45}.sidebar-scrim[hidden]{display:none}body.no-scroll{overflow:hidden}.page{max-width:1180px;margin:0 auto;padding:var(--lg) var(--lg) var(--xxl)}.page-narrow{max-width:760px}.page-head{margin-bottom:var(--lg)}.page-head h1{margin-bottom:4px}.row{display:flex;align-items:center;gap:var(--sm)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--md)}.row-wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--md)}.stack-sm{display:flex;flex-direction:column;gap:var(--sm)}.grid{display:grid;gap:var(--md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.mt-md{margin-top:var(--md)}.mt-lg{margin-top:var(--lg)}.mb-md{margin-bottom:var(--md)}.grow{flex:1}@media (max-width: 1100px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.grid-3{grid-template-columns:repeat(2,1fr)}.main-col,body.sidebar-collapsed .main-col{margin-left:0}.mobile-bar{display:flex}.sidebar{width:min(var(--sidebar-w),84vw);transform:translate(-102%);box-shadow:0 0 40px #1b1c1c29}.sidebar.is-open{transform:translate(0)}.sidebar.is-collapsed{width:min(var(--sidebar-w),84vw)}.sidebar.is-collapsed .brand-text,.sidebar.is-collapsed .nav-label,.sidebar.is-collapsed .nav-group-label,.sidebar.is-collapsed .user-meta,.sidebar.is-collapsed .sidebar-role{display:revert}.sidebar.is-collapsed .sidebar-head{padding:0 14px 0 18px;justify-content:flex-start}.sidebar.is-collapsed .brand{flex:1}.sidebar.is-collapsed .nav-item,.sidebar.is-collapsed .user-chip{justify-content:flex-start;padding-left:10px;padding-right:10px}.sidebar.is-collapsed .nav-group+.nav-group{border-top:none;padding-top:0}.sidebar.is-collapsed .nav-badge{position:static;width:auto;min-width:20px;height:20px;padding:0 6px;font-size:11px;border:none}.sidebar.is-collapsed [data-tip]:hover:after{display:none}.sidebar-collapse,.sidebar.is-collapsed .sidebar-collapse{display:none}.sidebar-close{display:inline-flex}}@media (max-width: 640px){.page{padding:var(--md) var(--md) var(--xl)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:26px}}.card{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-lg);padding:var(--lg)}.card-tight{padding:var(--md)}.card-head{background:var(--surface-low);border-bottom:1px solid var(--outline);margin:calc(var(--lg) * -1) calc(var(--lg) * -1) var(--lg);padding:12px var(--lg);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card-accent{border-color:var(--primary-border);background:var(--primary-soft)}.card-link{text-decoration:none;color:inherit;display:block;transition:border-color .2s ease}.card-link:hover{border-color:var(--primary)}.stat .stat-value{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.stat .stat-value.accent{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--radius);border:1px solid transparent;font-family:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 20px #ff6b0047}.btn-ghost{background:transparent;color:var(--on-surface);border-color:var(--outline)}.btn-ghost:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-danger{background:transparent;color:var(--error);border-color:#ba1a1a4d}.btn-danger:hover:not(:disabled){background:var(--error-soft)}.btn-sm{padding:6px 12px;font-size:13px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field label{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}input[type=text],input[type=email],input[type=password],input[type=tel],textarea,select{width:100%;padding:10px 12px;background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius);font-family:inherit;font-size:15px;color:var(--on-surface);transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}textarea{resize:vertical;min-height:96px;line-height:1.5}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.badge-plain:before{display:none}.badge-ok{background:var(--success-soft);color:var(--success)}.badge-warn{background:var(--warning-soft);color:var(--warning)}.badge-err{background:var(--error-soft);color:var(--error)}.badge-neutral{background:var(--surface-container);color:var(--on-surface-variant)}.badge-accent{background:var(--primary-soft);color:var(--primary-dark)}.table-wrap{overflow-x:auto;border:1px solid var(--outline);border-radius:var(--radius-lg);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:14px}thead th{background:var(--surface-low);text-align:left;padding:10px var(--md);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);font-weight:600;border-bottom:1px solid var(--outline);white-space:nowrap}tbody td{padding:12px var(--md);border-bottom:1px solid var(--outline-soft);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-low)}.secret{display:flex;align-items:center;gap:var(--sm);background:var(--surface-low);border:1px solid var(--outline);border-radius:var(--radius);padding:10px 12px;font-family:var(--font-mono);font-size:13px;letter-spacing:0;word-break:break-all}.secret .secret-value{flex:1;min-width:0}.secret.is-revealed{border-color:var(--primary-border);background:var(--primary-soft)}.code{background:#1b1c1c;color:#f2f0f0;border-radius:var(--radius);padding:12px 14px;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;overflow-x:auto;white-space:pre;margin:0}.code-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sm);margin-bottom:6px}.steps{counter-reset:step;display:flex;flex-direction:column;gap:var(--md)}.step{position:relative;padding-left:52px;counter-increment:step}.step:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:var(--radius);background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:700}.step:after{content:"";position:absolute;left:17px;top:42px;bottom:calc(var(--md) * -1);width:1px;background:var(--outline)}.step:last-child:after{display:none}.step h3{margin-bottom:4px}.alert{padding:12px var(--md);border-radius:var(--radius);border:1px solid;font-size:14px;display:flex;gap:var(--sm);align-items:flex-start}.alert-ok{background:var(--success-soft);border-color:#12805c40;color:#0c5c42}.alert-warn{background:var(--warning-soft);border-color:#a8610040;color:#7a4600}.alert-err{background:var(--error-soft);border-color:#ba1a1a40;color:#8c1414}.alert-info{background:var(--primary-soft);border-color:var(--primary-border);color:var(--primary-dark)}.alert[hidden]{display:none}.empty{text-align:center;padding:var(--xl) var(--md);color:var(--on-surface-variant);border:1px dashed var(--outline);border-radius:var(--radius-lg);background:var(--surface)}.tab-panel[hidden]{display:none}.msg{border:1px solid var(--outline);border-radius:var(--radius-lg);padding:var(--md);background:var(--surface)}.msg-admin{background:var(--primary-soft);border-color:var(--primary-border)}.msg-head{display:flex;justify-content:space-between;gap:var(--sm);margin-bottom:6px}.msg-body{white-space:pre-wrap;font-size:15px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b1c1c73;display:flex;align-items:center;justify-content:center;padding:var(--md);z-index:60}.modal-backdrop[hidden]{display:none}.modal{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--outline);padding:var(--lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--md);background:radial-gradient(1000px 500px at 15% -10%,rgba(255,107,0,.07),transparent 60%),var(--surface-low)}.auth-card{width:100%;max-width:420px}.spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--surface-container) 25%,var(--surface-low) 50%,var(--surface-container) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius);height:14px}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.btn-primary:hover:not(:disabled){transform:none}}