:root{--brand: #10b981;--brand-hover: #059669;--brand-light: #ecfdf5;--brand-dark: #047857;--page-bg: #f7f9f8;--card-bg: #ffffff;--sidebar-bg: #ffffff;--appbar-bg: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--text-disabled: #c5ccd4;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--border: #e5e7eb;--border-strong: #d1d5db;--radius-btn: 8px;--radius-card: 12px;--radius-chip: 16px;--radius-input: 8px;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--shadow-card: 0 1px 3px rgba(0,0,0,.05);--shadow-sidebar: 1px 0 3px rgba(0,0,0,.05);--shadow-appbar: 0 1px 3px rgba(0,0,0,.05);--shadow-modal: 0 4px 16px rgba(0,0,0,.15);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font);color:var(--text-primary);background:var(--page-bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}::-moz-selection{background:var(--brand);color:#fff}::selection{background:var(--brand);color:#fff}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-btn);font:500 14px/1 var(--font);cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover:not(:disabled){background:var(--brand-hover)}.btn--ghost{background:transparent;color:var(--text-primary);border-color:var(--border)}.btn--ghost:hover:not(:disabled){background:var(--page-bg)}.btn--text{background:transparent;color:var(--text-secondary)}.btn--text:hover:not(:disabled){color:var(--text-primary)}.btn--danger{background:var(--error);color:#fff}.btn--lg{height:44px;padding:0 24px;font-size:15px}.btn--block{width:100%}.input,.select,.textarea{width:100%;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-input);background:#fff;font:14px var(--font);color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s}.textarea{height:auto;padding:10px 12px;min-height:80px}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #10b98126}.label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.hint{font-size:12px;color:var(--text-secondary);margin-top:4px}.error-text{font-size:12px;color:var(--error);margin-top:4px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px;box-shadow:var(--shadow-card)}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-chip);font-size:12px;font-weight:500}.chip--success{background:#d1fae5;color:#047857}.chip--warning{background:#fef3c7;color:#92400e}.chip--error{background:#fee2e2;color:#b91c1c}.chip--info{background:#dbeafe;color:#1e40af}.chip--muted{background:var(--page-bg);color:var(--text-secondary)}