.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--c-sidebar-bg);color:var(--c-sidebar-item);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 18px;color:#fff;font-weight:700;font-size:16px;letter-spacing:-.2px}.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--c-primary);display:flex;align-items:center;justify-content:center;color:#fff}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:6px 10px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;color:var(--c-sidebar-item);font-size:14px;font-weight:500;text-decoration:none;transition:background .12s ease,color .12s ease}.nav-item:hover{background:var(--c-sidebar-item-active-bg);color:#fff;text-decoration:none}.nav-item-active{background:var(--c-sidebar-item-active-bg);color:var(--c-sidebar-item-active)}.nav-item-active:before{content:"";position:absolute;left:0;width:3px;height:20px;border-radius:2px;background:var(--c-primary);margin-left:-10px}.nav-label{flex:1}.nav-pill{font-size:11px;font-weight:600;background:#334155;color:#cbd5e1;border-radius:999px;min-width:20px;height:18px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center}.nav-pill-green{background:var(--c-success);color:#fff}.nav-dot{width:8px;height:8px;border-radius:50%;background:var(--c-danger)}.sidebar-footer{border-top:1px solid var(--c-sidebar-border);padding:12px}.footer-user{display:flex;align-items:center;gap:10px;padding:6px;border-radius:8px;text-decoration:none}.footer-user:hover{background:var(--c-sidebar-item-active-bg);text-decoration:none}.footer-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.footer-initials{background:var(--c-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.footer-meta{display:flex;flex-direction:column;min-width:0}.footer-name{color:#fff;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.footer-email{color:#64748b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.footer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:0 6px}.footer-li{display:flex;align-items:center;gap:7px;background:transparent;border:none;color:#94a3b8;font-size:12px;cursor:pointer;padding:4px}.footer-li-dot{width:8px;height:8px;border-radius:50%}.footer-li-dot.is-on{background:var(--c-success)}.footer-li-dot.is-off{background:var(--c-danger)}.footer-help{color:#94a3b8;display:inline-flex;padding:4px}.content{flex:1;min-width:0;display:flex;flex-direction:column}.content-inner{padding:var(--content-pad);flex:1}.content-mobile .content-inner{padding-top:16px}.banner-stack{display:flex;flex-direction:column;gap:8px;padding:var(--content-pad) var(--content-pad) 0}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;height:56px;padding:0 12px;background:var(--c-surface-raised);border-bottom:1px solid var(--c-border)}.topbar-btn{background:transparent;border:none;color:var(--c-neutral-dark);cursor:pointer;display:inline-flex;padding:6px}.topbar-title{flex:1;font-weight:600;color:var(--c-neutral-dark)}.topbar-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:inline-flex}.topbar-avatar img{width:100%;height:100%;object-fit:cover}.topbar-avatar .footer-initials{width:32px;height:32px;border-radius:50%}.drawer-scrim{position:fixed;inset:0;z-index:200;background:#0f172a73}.drawer{height:100%;width:var(--sidebar-w);animation:drawer-in .2s ease}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer .sidebar{position:static;height:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-size:14px;font-weight:600;line-height:1;border-radius:var(--radius-control);border:1px solid transparent;padding:0 16px;height:38px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;white-space:nowrap;user-select:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--c-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--c-primary-hover)}.btn-secondary{background:var(--c-surface-raised);color:var(--c-neutral-dark);border-color:var(--c-border)}.btn-secondary:hover:not(:disabled){background:var(--c-surface);border-color:var(--c-border-strong)}.btn-ghost{background:transparent;color:var(--c-neutral-mid)}.btn-ghost:hover:not(:disabled){background:var(--c-surface)}.btn-danger{background:var(--c-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--c-danger-hover)}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn-lg{height:44px;padding:0 22px;font-size:15px}.btn-block{width:100%}.spinner{display:inline-block;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:gq-spin .7s linear infinite;width:16px;height:16px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;letter-spacing:.3px;border-radius:999px;padding:3px 10px;line-height:1;white-space:nowrap}.badge-md{font-size:13px;padding:5px 12px}.badge-dot{width:7px;height:7px;border-radius:50%}.badge-draft{border:1px solid var(--c-border);color:var(--c-neutral-mid);background:transparent}.badge-inactive{background:#f1f5f9;color:var(--c-neutral-light)}.badge-inactive .badge-dot{background:var(--c-neutral-light)}.badge-active{background:var(--c-success-soft);color:#047857}.badge-active .badge-dot{background:var(--c-success)}.badge-info{background:var(--c-primary-soft);color:var(--c-primary)}.badge-info-clear{cursor:pointer;display:inline-flex;margin-left:2px;opacity:.7}.badge-info-clear:hover{opacity:1}.card{background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--sp-5)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--c-neutral-dark)}.field-hint{font-size:12px;color:var(--c-neutral-light)}.field-error{font-size:12px;color:var(--c-danger)}.input,.textarea,.select{font-family:inherit;font-size:14px;color:var(--c-neutral-dark);background:var(--c-surface-raised);border:1px solid var(--c-border-strong);border-radius:var(--radius-control);padding:9px 12px;width:100%;transition:border-color .12s ease,box-shadow .12s ease}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--c-primary);box-shadow:var(--focus-ring)}.input::placeholder,.textarea::placeholder{color:var(--c-neutral-light)}.input-invalid{border-color:var(--c-danger)}.textarea{resize:vertical;min-height:72px;line-height:1.5}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);padding:var(--sp-12) var(--sp-6);color:var(--c-neutral-light)}.empty-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--c-surface);color:var(--c-neutral-light);border:1px solid var(--c-border)}.empty-title{font-size:16px;font-weight:600;color:var(--c-neutral-dark)}.empty-body{font-size:14px;max-width:380px}.modal-scrim{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sp-4)}.modal{background:var(--c-surface-raised);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);width:100%;max-width:460px;animation:gq-toast-in .15s ease}.modal-head{padding:var(--sp-5) var(--sp-5) var(--sp-2)}.modal-title{font-size:18px;font-weight:700}.modal-body{padding:var(--sp-2) var(--sp-5);color:var(--c-neutral-mid)}.modal-foot{padding:var(--sp-4) var(--sp-5) var(--sp-5);display:flex;justify-content:flex-end;gap:var(--sp-2)}.banner{display:flex;align-items:center;gap:var(--sp-3);padding:12px 16px;border-radius:var(--radius-control);font-size:14px;font-weight:500;border:1px solid transparent}.banner-danger{background:var(--c-danger-soft);color:#991b1b;border-color:#fecaca}.banner-warning{background:var(--c-warning-soft);color:#92400e;border-color:#fde68a}.banner-info{background:var(--c-primary-soft);color:var(--c-primary);border-color:#c7d2fe}.banner-spacer{flex:1}.toast-stack{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:1100;max-width:380px}.toast{display:flex;align-items:flex-start;gap:10px;background:var(--c-surface-raised);border:1px solid var(--c-border);border-left-width:4px;border-radius:var(--radius-control);box-shadow:var(--shadow-md);padding:12px 14px;animation:gq-toast-in .15s ease}.toast-success{border-left-color:var(--c-success)}.toast-info{border-left-color:var(--c-primary)}.toast-error{border-left-color:var(--c-danger)}.toast-msg{font-size:14px;color:var(--c-neutral-dark);flex:1}.toast-meta{display:flex;gap:12px;margin-top:6px;font-size:12px}.toast-close{background:transparent;border:none;color:var(--c-neutral-light);cursor:pointer;padding:2px;display:inline-flex}.row{display:flex;align-items:center}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.spin-overlay{position:relative}:root{--c-primary: #4f46e5;--c-primary-hover: #4338ca;--c-primary-soft: #eef2ff;--c-success: #10b981;--c-success-soft: #ecfdf5;--c-warning: #f59e0b;--c-warning-soft: #fffbeb;--c-danger: #ef4444;--c-danger-hover: #dc2626;--c-danger-soft: #fef2f2;--c-neutral-dark: #0f172a;--c-neutral-mid: #334155;--c-neutral-light: #64748b;--c-surface: #f8fafc;--c-surface-raised: #ffffff;--c-border: #e2e8f0;--c-border-strong: #cbd5e1;--c-sidebar-bg: #0f172a;--c-sidebar-item: #94a3b8;--c-sidebar-item-active: #ffffff;--c-sidebar-item-active-bg: #1e293b;--c-sidebar-border: #1e293b;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sidebar-w: 240px;--content-pad: 24px;--radius-card: 12px;--radius-control: 8px;--card-gap: 16px;--max-content: 1200px;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px -2px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 32px -8px rgba(15, 23, 42, .16);--focus-ring: 0 0 0 3px rgba(79, 70, 229, .35)}@media (min-width: 1280px){:root{--content-pad: 32px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--c-neutral-mid);background:var(--c-surface);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{color:var(--c-neutral-dark);margin:0}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-control)}.mono{font-family:var(--font-mono);font-size:13px}@keyframes gq-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.gq-skeleton{background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7 400px);background-size:800px 100%;animation:gq-shimmer 1.4s ease infinite;border-radius:6px}@keyframes gq-spin{to{transform:rotate(360deg)}}@keyframes gq-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:6px;border:2px solid transparent;background-clip:content-box}