:root{--ycn-red: #e31023;--ycn-black: #000000;--ycn-white: #ffffff;--color-primary: var(--ycn-red);--color-text: #1a1a1a;--color-muted: #6b7280;--color-bg: #f7f7f8;--color-surface: #ffffff;--color-border: #e5e7eb;--color-ok: #16a34a;--color-error: #dc2626;--font-base: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius: 10px;--space: 16px;--shadow: 0 1px 3px rgba(0, 0, 0, .08)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-base);color:var(--color-text);background:var(--color-bg)}.container{max-width:900px;margin:0 auto;padding:var(--space)}.app-header{background:var(--color-primary);color:var(--ycn-white);padding:var(--space);border-radius:var(--radius);margin:var(--space) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space)}.app-header h1{margin:0;font-size:1.3rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space);margin-bottom:var(--space)}.btn{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:8px 14px;border-radius:var(--radius);cursor:pointer}.btn:hover{border-color:var(--color-muted)}.btn-primary{background:var(--color-primary);color:var(--ycn-white);border-color:var(--color-primary)}.btn-danger{color:var(--color-error);border-color:var(--color-error);background:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}label{display:block;font-size:.85rem;color:var(--color-muted);margin-bottom:4px}input,select,textarea{font:inherit;width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text)}.field{margin-bottom:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--color-border)}th{font-size:.8rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em}.row-link{cursor:pointer}.row-link:hover td{background:var(--color-bg)}.badge{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:999px;background:var(--color-bg);border:1px solid var(--color-border)}.muted{color:var(--color-muted)}.error{color:var(--color-error)}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}