:root{--c-ink: #0f1729;--c-ink-light: #1e293b;--c-ink-muted: #475569;--c-surface: #f8f6f1;--c-surface-raised: #ffffff;--c-border: rgba(15, 23, 41, .08);--c-border-strong: rgba(15, 23, 41, .15);--c-primary: #2563eb;--c-primary-hover: #1d4ed8;--c-primary-soft: rgba(37, 99, 235, .08);--c-accent: #d97706;--c-accent-soft: rgba(217, 119, 6, .1);--c-success: #059669;--c-success-soft: rgba(5, 150, 105, .1);--c-danger: #dc2626;--c-danger-soft: rgba(220, 38, 38, .08);--c-warning: #d97706;--c-info: #2563eb;--c-info-soft: rgba(37, 99, 235, .06);--font-display: "DM Sans", "Zen Kaku Gothic New", sans-serif;--font-body: "Zen Kaku Gothic New", "DM Sans", "PingFang TC", sans-serif;--font-mono: "DM Mono", ui-monospace, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 41, .04);--shadow-md: 0 2px 8px rgba(15, 23, 41, .06), 0 1px 2px rgba(15, 23, 41, .04);--shadow-lg: 0 8px 24px rgba(15, 23, 41, .08), 0 2px 8px rgba(15, 23, 41, .04);--shadow-xl: 0 16px 48px rgba(15, 23, 41, .1), 0 4px 12px rgba(15, 23, 41, .06);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--c-surface);color:var(--c-ink);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(37,99,235,.04),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(217,119,6,.03),transparent);pointer-events:none}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.25;letter-spacing:-.01em}.page-shell{max-width:1120px;margin:0 auto;padding:var(--space-lg) var(--space-md) var(--space-2xl);display:grid;gap:var(--space-lg)}.card{background:var(--c-surface-raised);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md)}.top-bar{background:var(--c-ink);color:#fff;padding:0 var(--space-md);display:flex;align-items:center;justify-content:space-between;height:56px;position:sticky;top:0;z-index:100;box-shadow:0 1px #ffffff0f}.top-bar-brand{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:-.01em;color:#fff;text-decoration:none}.top-bar-brand svg{width:22px;height:22px;opacity:.9}.top-bar-right{display:flex;align-items:center;gap:var(--space-md)}.top-bar-role{font-size:.8rem;padding:3px 10px;border-radius:var(--r-full);background:#ffffff1a;color:#ffffffd9;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);font-family:var(--font-display);font-weight:600;font-size:.875rem;padding:.6rem 1.2rem;border:none;border-radius:var(--r-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out);text-decoration:none;line-height:1.4}.btn:active{transform:scale(.97)}.btn-primary{background:var(--c-primary);color:#fff;box-shadow:0 1px 3px #2563eb40}.btn-primary:hover{background:var(--c-primary-hover);box-shadow:0 2px 8px #2563eb4d}.btn-ghost{background:transparent;color:var(--c-ink-muted);border:1px solid var(--c-border-strong)}.btn-ghost:hover{background:var(--c-primary-soft);color:var(--c-primary);border-color:var(--c-primary)}.btn-danger{background:var(--c-danger-soft);color:var(--c-danger)}.btn-danger:hover{background:var(--c-danger);color:#fff}.btn-nav{background:#ffffff14;color:#ffffffd9;font-size:.8rem;padding:.4rem .9rem;border-radius:var(--r-sm)}.btn-nav:hover{background:#ffffff26;color:#fff}.field{display:grid;gap:6px}.field-label{font-size:.8rem;font-weight:600;color:var(--c-ink-muted);text-transform:uppercase;letter-spacing:.04em}.field-input{font-family:var(--font-body);font-size:.95rem;padding:.65rem .85rem;border:1.5px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface-raised);color:var(--c-ink);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);outline:none}.field-input::placeholder{color:var(--c-ink-muted);opacity:.5}.field-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}.data-table thead th{background:var(--c-surface);font-family:var(--font-display);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--c-ink-muted);padding:.7rem .85rem;text-align:left;border-bottom:1.5px solid var(--c-border-strong);position:sticky;top:56px}.data-table thead th:first-child{border-radius:var(--r-md) 0 0 0}.data-table thead th:last-child{border-radius:0 var(--r-md) 0 0}.data-table tbody td{padding:.7rem .85rem;border-bottom:1px solid var(--c-border);color:var(--c-ink-light);vertical-align:middle}.data-table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.data-table tbody tr:hover{background:var(--c-primary-soft)}.data-table tbody tr:last-child td{border-bottom:none}.msg{min-height:1.4rem;font-size:.875rem;color:var(--c-info)}.msg-success{color:var(--c-success)}.msg-danger{color:var(--c-danger)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp var(--duration-slow) var(--ease-out) both}.animate-in:nth-child(1){animation-delay:0ms}.animate-in:nth-child(2){animation-delay:80ms}.animate-in:nth-child(3){animation-delay:.16s}.animate-in:nth-child(4){animation-delay:.24s}.animate-in:nth-child(5){animation-delay:.32s}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--c-border) 25%,rgba(255,255,255,.5) 50%,var(--c-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}[hidden]{display:none!important}@media (max-width: 640px){.page-shell{padding:var(--space-md) var(--space-sm) var(--space-xl);gap:var(--space-md)}.card{padding:var(--space-md);border-radius:var(--r-md)}.top-bar{height:48px}.data-table thead th{top:48px}}