@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700;800&display=swap";:root{--background: 0 0% 98%;--foreground: 0 0% 13%;--card: 0 0% 100%;--card-foreground: 0 0% 13%;--primary: 221 83% 53%;--primary-foreground: 0 0% 100%;--secondary: 240 5% 96%;--secondary-foreground: 0 0% 13%;--muted: 240 5% 96%;--muted-foreground: 0 0% 45%;--accent: 240 5% 96%;--destructive: 0 84% 60%;--border: 0 0% 90%;--input: 0 0% 90%;--ring: 221 83% 53%;--success: 142 76% 36%;--warning: 38 92% 50%;--commission: 262 83% 58%;--hot: 0 84% 60%;--radius: .75rem;--c-bg: hsl(var(--background));--c-fg: hsl(var(--foreground));--c-card: hsl(var(--card));--c-primary: hsl(var(--primary));--c-muted: hsl(var(--muted));--c-muted-fg: hsl(var(--muted-foreground));--c-border: hsl(var(--border));--c-success: hsl(var(--success));--c-warning: hsl(var(--warning));--c-danger: hsl(var(--destructive));--font-body: "Noto Sans SC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "Noto Sans SC", "JetBrains Mono", "Fira Code", Consolas, monospace;--shadow-card: 0 10px 30px rgba(0, 0, 0, .05);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .08);--primary-color: hsl(var(--primary));--primary-hover: hsl(221 83% 47%);--primary-light: hsl(var(--primary) / .1);--accent-subtle: hsl(var(--primary) / .1);--accent-glow: hsl(var(--primary) / .25);--ok: hsl(var(--success));--ok-subtle: hsl(var(--success) / .1);--warn: hsl(var(--warning));--warn-subtle: hsl(var(--warning) / .1);--danger: hsl(var(--destructive));--danger-subtle: hsl(var(--destructive) / .1);--info: hsl(var(--primary));--info-subtle: hsl(var(--primary) / .1);--success-color: hsl(var(--success));--warning-color: hsl(var(--warning));--error: hsl(var(--destructive));--text-primary: hsl(var(--foreground));--text-secondary: hsl(var(--foreground));--text-strong: hsl(var(--foreground));--text-placeholder: hsl(var(--muted-foreground));--muted: hsl(var(--muted-foreground));--muted-strong: hsl(var(--muted-foreground));--bg: hsl(var(--background));--bg-page: hsl(var(--background));--bg-card: hsl(var(--card));--bg-accent: hsl(var(--card));--bg-elevated: hsl(var(--card));--bg-hover: hsl(var(--muted));--border-strong: hsl(0 0% 84%);--accent: hsl(var(--primary));--accent-hover: hsl(221 83% 47%);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: var(--shadow-elevated);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s}:root.dark,:root[data-theme=dark]{--background: 240 10% 4%;--foreground: 0 0% 98%;--card: 240 10% 7%;--card-foreground: 0 0% 98%;--secondary: 240 5% 15%;--muted: 240 5% 15%;--muted-foreground: 0 0% 64%;--accent: 240 5% 15%;--border: 240 5% 18%;--input: 240 5% 18%;--border-strong: hsl(240 5% 26%)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);font-weight:500;font-size:14px;line-height:1.5;color:hsl(var(--foreground));background:hsl(var(--background));text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:hsl(var(--primary));text-decoration:none}a:hover{text-decoration:underline}::selection{background:hsl(var(--primary) / .15);color:hsl(var(--foreground))}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#b3b3b3}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}button{font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 24px;font-size:14px;font-weight:600;border:1px solid transparent;border-radius:12px;background:hsl(var(--secondary));color:hsl(var(--foreground));transition:all var(--duration-fast) ease}button:hover:not(:disabled){opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:hsl(var(--primary));color:#fff;border-color:transparent}.btn-primary:hover:not(:disabled){opacity:.9}.btn-default{background:transparent;color:hsl(var(--foreground));border:2px solid hsl(var(--foreground))}.btn-default:hover:not(:disabled){background:hsl(var(--foreground));color:hsl(var(--background));opacity:1}.btn-text{background:transparent;border-color:transparent;color:hsl(var(--primary));height:auto;padding:6px 10px;font-weight:600;border-radius:8px}.btn-text:hover:not(:disabled){background:hsl(var(--primary) / .08);opacity:1}.btn-danger{background:hsl(var(--destructive));color:#fff}.btn-success{background:hsl(var(--success));color:#fff}.btn-sm{height:36px;padding:0 16px;font-size:13px;border-radius:10px}input,select,textarea{font-family:inherit;font-size:14px;font-weight:400;height:44px;padding:0 16px;border:1px solid hsl(var(--border));border-radius:12px;outline:none;width:100%;background:hsl(var(--background));color:hsl(var(--foreground));transition:all var(--duration-fast) ease}textarea{height:auto;padding:12px 16px;resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:hsl(var(--muted-foreground))}input:focus,select:focus,textarea:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;box-shadow:var(--shadow-card);padding:24px;animation:rise .5s var(--ease-out) backwards;transition:transform var(--duration-normal) ease,box-shadow var(--duration-normal) ease,border-color var(--duration-normal) ease}.card:hover{box-shadow:var(--shadow-elevated);border-color:#dedede}.page-title{font-size:24px;font-weight:700;letter-spacing:-.01em;color:hsl(var(--foreground));margin-bottom:20px}.card-title{font-size:16px;font-weight:700;color:hsl(var(--foreground));margin-bottom:16px}table{width:100%;border-collapse:collapse}th{text-align:left;font-weight:600;font-size:12px;color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .5);padding:14px 16px;white-space:nowrap;border-bottom:1px solid hsl(var(--border))}td{padding:16px;border-bottom:1px solid hsl(var(--border));color:hsl(var(--foreground))}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:hsl(var(--muted) / .4)}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700}.tag-blue{background:hsl(var(--primary) / .1);color:hsl(var(--primary))}.tag-green{background:hsl(var(--success) / .12);color:hsl(var(--success))}.tag-orange{background:hsl(var(--warning) / .14);color:#ce8509}.tag-red{background:hsl(var(--destructive) / .1);color:hsl(var(--destructive))}.tag-gray{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.row{display:flex;gap:16px}.col{flex:1}.muted{color:hsl(var(--muted-foreground))}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.form-item{margin-bottom:18px}.form-item label{display:block;margin-bottom:8px;color:hsl(var(--foreground));font-size:13px;font-weight:600}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:hsl(var(--foreground) / .4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:16px;padding:28px;width:480px;max-width:92vw;max-height:88vh;overflow:auto;box-shadow:0 20px 60px #0003;animation:rise .3s var(--ease-out)}.modal-title{font-size:18px;font-weight:700;color:hsl(var(--foreground));margin-bottom:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%);background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 20px 60px #00000026;padding:14px 24px;border-radius:12px;z-index:2000;font-size:14px;font-weight:500;color:hsl(var(--foreground));border-left:4px solid hsl(var(--primary));animation:rise .3s var(--ease-out)}.toast.error{border-left-color:hsl(var(--destructive))}.toast.success{border-left-color:hsl(var(--success))}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.stat-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;box-shadow:var(--shadow-card);padding:22px 24px;animation:rise .5s var(--ease-out) backwards;transition:transform var(--duration-normal) ease,box-shadow var(--duration-normal) ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.stat-card .label{color:hsl(var(--muted-foreground));font-size:13px;font-weight:500}.stat-card .value{font-size:28px;font-weight:800;margin-top:10px;letter-spacing:-.02em;line-height:1.1;color:hsl(var(--foreground))}.stat-card .value.mono{font-size:24px;font-family:var(--mono)}.empty{text-align:center;color:hsl(var(--muted-foreground));padding:48px 0}.oa-shell{display:flex;min-height:100vh;background:hsl(var(--background))}.oa-sidebar{width:240px;flex-shrink:0;background:hsl(var(--card));border-right:1px solid hsl(var(--border));display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:40;transition:transform var(--duration-normal) var(--ease-out)}.oa-body{flex:1;min-width:0;margin-left:240px;display:flex;flex-direction:column}.oa-header{height:64px;background:hsl(var(--card) / .8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.oa-main{padding:40px;flex:1}.oa-hamburger,.oa-overlay{display:none}@media (max-width: 1024px){.oa-main{padding:24px}.oa-header{padding:0 20px}}@media (max-width: 768px){.oa-sidebar{transform:translate(-100%);box-shadow:var(--shadow-lg)}.oa-sidebar.open{transform:translate(0)}.oa-body{margin-left:0}.oa-main{padding:16px}.oa-hamburger{display:inline-flex;align-items:center;justify-content:center;height:40px;width:40px;padding:0;border-radius:12px;background:transparent;border:1px solid hsl(var(--border));font-size:18px}.oa-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:30}}@media (max-width: 480px){.stat-grid{grid-template-columns:1fr 1fr;gap:12px}.oa-header-user-name{display:none}}.login-wrap{min-height:100vh;display:flex;background:hsl(var(--background));position:relative;overflow:hidden}.login-hero{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:80px;position:relative;z-index:1}.login-hero h1{font-size:56px;margin-bottom:24px;font-weight:800;letter-spacing:-2px;line-height:1.1;color:hsl(var(--foreground));text-shadow:4px 4px 0px rgba(0,0,0,.06)}.login-panel{width:480px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;padding:0 56px;position:relative;z-index:1}@media (max-width: 1100px){.login-hero{padding:48px}.login-hero h1{font-size:44px}}@media (max-width: 860px){.login-hero{display:none}.login-panel{width:100%;padding:24px;align-items:center}.login-panel>.card{width:100%;max-width:420px}}:focus-visible{outline:none}