@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-page: #F2F5F2;--bg-card: #FFFFFF;--bg-elevated: #F7FAF7;--bg-selected: #F0FDF4;--bg-sidebar: #134832;--sku-bg: #F2F5F2;--text-primary: #134832;--text-dark: #2A3B2A;--text-body: #3D3935;--text-secondary: #5A7A5A;--text-tertiary: #6A826A;--text-muted: #8A9A8A;--text-placeholder: #A8BBA8;--text-disabled: #C0D0C0;--text-on-accent: #FFFFFF;--border-default: #E0EAE0;--border-input: #D6E5D6;--border-light: #EDF2ED;--border-row: #F0F5F0;--primary: #134832;--primary-hover: #1A5C40;--accent: #61AB28;--accent-hover: #4D8A20;--accent-fg: #FFFFFF;--accent-subtle-bg: #F2FAF0;--accent-border: #86EFAC;--focus-ring: rgba(97,171,40,.12);--focus-ring-strong:rgba(97,171,40,.3);--cta: #FFA700;--cta-hover: #E89600;--cta-fg: #1A1A1A;--cta-shadow: rgba(255,167,0,.35);--cta-shadow-hover: rgba(255,167,0,.45);--success: #16A34A;--success-hover: #15803D;--success-bg: #F0FDF4;--success-border: #86EFAC;--success-dark: #166534;--success-light: #DCFCE7;--warning: #D97706;--warning-bg: #FFF7ED;--warning-bg-alt: #FFF7E6;--warning-border: #FCD34D;--warning-light: #FEF3C7;--warning-dark: #92400E;--danger: #DC2626;--danger-hover: #B91C1C;--danger-bg: #FEF2F2;--danger-border: #FCA5A5;--info: #1D4ED8;--info-hover: #1E40AF;--info-bg: #EFF6FF;--info-border: #BFDBFE;--neutral: #6B7280;--neutral-bg: #F3F4F6;--neutral-border: #D1D5DB;--neutral-strong: #374151;--neutral-darker: #111827;--neutral-mid: #9CA3AF;--badge-draft-bg: #F0F0EE;--badge-draft-text: #7A7A72;--badge-active-bg: #DFF0CF;--badge-active-text: #2E6B0F;--sidebar-text: rgba(255,255,255,.72);--sidebar-text-active: #FFFFFF;--sidebar-hover: rgba(255,255,255,.14);--sidebar-group-label: rgba(255,255,255,.55);--sidebar-user-role: rgba(255,255,255,.55);--sidebar-logout-text: rgba(255,255,255,.65);--sidebar-divider: rgba(255,255,255,.12);--overlay: rgba(0,0,0,.45);--shadow-sm: 0 1px 4px rgba(19,72,50,.05);--shadow-md: 0 2px 8px rgba(19,72,50,.08);--shadow-lg: 0 4px 16px rgba(19,72,50,.12);--shadow-xl: 0 8px 32px rgba(19,72,50,.18);--shadow-focus: 0 0 0 3px rgba(97,171,40,.3);--shadow-input-focus: 0 0 0 3px rgba(97,171,40,.12);--shadow-cta: 0 2px 8px rgba(255,167,0,.35);--shadow-cta-hover: 0 3px 12px rgba(255,167,0,.45);--toast-bg: #0F0F0F;--toast-text: #F8F7F4}[data-theme=dark]{--bg-page: #0F1A14;--bg-card: #1A2A22;--bg-elevated: #22332A;--bg-selected: #1F3A2A;--bg-sidebar: #0B2A1E;--sku-bg: #22332A;--text-primary: #E6F0E6;--text-dark: #E6F0E6;--text-body: #D2D8D2;--text-secondary: #A0B5A0;--text-tertiary: #93A893;--text-muted: #7B8C7B;--text-placeholder: #5A6A5A;--text-disabled: #4A5A4A;--text-on-accent: #FFFFFF;--border-default: #243528;--border-input: #2C3F35;--border-light: #1E2A23;--border-row: #1E2A23;--primary: #4D8A20;--primary-hover: #61AB28;--accent: #7BC93F;--accent-hover: #61AB28;--accent-fg: #0F1A14;--accent-subtle-bg: #1F3A2A;--accent-border: #4D8A20;--focus-ring: rgba(123,201,63,.18);--focus-ring-strong:rgba(123,201,63,.45);--cta: #FFB733;--cta-hover: #FFA51A;--cta-fg: #0F1A14;--cta-shadow: rgba(255,183,51,.3);--cta-shadow-hover: rgba(255,183,51,.45);--success: #4CAF50;--success-hover: #66BB6A;--success-bg: #1F3A2A;--success-border: #4D8A20;--success-dark: #6FCF6F;--success-light: #1F3A2A;--warning: #F2A030;--warning-bg: #3A2D1F;--warning-bg-alt: #3A2D1F;--warning-border: #FCD34D;--warning-light: #3A2D1F;--warning-dark: #FCD34D;--danger: #F26D6D;--danger-hover: #E55050;--danger-bg: #3A1F1F;--danger-border: #6E3030;--info: #6FA1FF;--info-hover: #8FB7FF;--info-bg: #1F2937;--info-border: #2E3A50;--neutral: #9098A0;--neutral-bg: #2A2F35;--neutral-border: #3D434A;--neutral-strong: #D2D8D2;--neutral-darker: #E6F0E6;--neutral-mid: #7B8C7B;--badge-draft-bg: #2A2F35;--badge-draft-text: #A0B5A0;--badge-active-bg: #1F3A2A;--badge-active-text: #6FCF6F;--sidebar-text: rgba(255,255,255,.72);--sidebar-text-active: #FFFFFF;--sidebar-hover: rgba(255,255,255,.14);--sidebar-group-label: rgba(255,255,255,.55);--sidebar-user-role: rgba(255,255,255,.55);--sidebar-logout-text: rgba(255,255,255,.65);--sidebar-divider: rgba(255,255,255,.12);--overlay: rgba(0,0,0,.65);--shadow-sm: 0 1px 4px rgba(0,0,0,.2);--shadow-md: 0 2px 8px rgba(0,0,0,.3);--shadow-lg: 0 4px 16px rgba(0,0,0,.4);--shadow-xl: 0 8px 32px rgba(0,0,0,.5);--shadow-focus: 0 0 0 3px rgba(123,201,63,.45);--shadow-input-focus: 0 0 0 3px rgba(123,201,63,.18);--shadow-cta: 0 2px 8px rgba(255,183,51,.3);--shadow-cta-hover: 0 3px 12px rgba(255,183,51,.45);--toast-bg: #F8F7F4;--toast-text: #0F0F0F;color-scheme:dark}@layer base{*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background-color:var(--bg-page);font-family:Ubuntu,sans-serif;color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:CoconPro,Ubuntu,sans-serif;font-weight:700}}@layer components{.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background-color:var(--cta);color:var(--cta-fg);font-family:CoconPro,sans-serif;font-weight:700;font-size:14px;border-radius:8px;border:none;cursor:pointer;box-shadow:var(--shadow-cta);transition:background-color .15s,box-shadow .15s;white-space:nowrap;text-decoration:none}.btn-primary:hover:not(:disabled){background-color:var(--cta-hover);box-shadow:var(--shadow-cta-hover)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--bg-card);color:var(--text-body);font-family:Ubuntu,sans-serif;font-weight:500;font-size:14px;border-radius:8px;border:1.5px solid var(--border-input);cursor:pointer;transition:border-color .15s,background-color .15s;white-space:nowrap}.btn-secondary:hover:not(:disabled){border-color:var(--primary);background-color:var(--bg-page)}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--danger);color:var(--text-on-accent);font-family:Ubuntu,sans-serif;font-weight:600;font-size:14px;border-radius:8px;border:none;cursor:pointer;transition:background-color .15s}.btn-danger:hover{background-color:var(--danger-hover)}.input{width:100%;padding:9px 12px;background-color:var(--bg-card);border:1.5px solid var(--border-input);border-radius:8px;font-family:Ubuntu,sans-serif;font-size:14px;color:var(--text-body);outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-placeholder)}.input:focus{border-color:var(--accent);box-shadow:var(--shadow-input-focus)}.label{display:block;font-family:Ubuntu,sans-serif;font-weight:700;font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}.card{background-color:var(--bg-card);border:1.5px solid var(--border-default);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm)}.badge-draft{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500;background-color:var(--badge-draft-bg);color:var(--badge-draft-text)}.badge-active{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;background-color:var(--badge-active-bg);color:var(--badge-active-text)}.badge-archived{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500;background-color:var(--warning-light);color:var(--warning-dark)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:16px;flex-wrap:wrap}@media (max-width: 720px){.page-header>div:last-child{flex-wrap:wrap;width:100%}.page-header>div:first-child{padding-left:56px}}.page-title{font-family:CoconPro,sans-serif;font-size:22px;color:var(--text-primary);line-height:1.15;margin:0;white-space:nowrap}.page-subtitle{font-family:Ubuntu,sans-serif;font-size:13px;color:var(--text-muted);margin:3px 0 0}.section-title{font-family:CoconPro,sans-serif;font-size:15px;color:var(--text-primary);margin:0 0 12px;padding-bottom:10px;border-bottom:1.5px solid var(--border-light)}}@keyframes spin{to{transform:rotate(360deg)}}.json-highlight-overlay .json-key{color:var(--accent)}.json-highlight-overlay .json-string{color:var(--success)}.json-highlight-overlay .json-number{color:var(--warning-dark)}.json-highlight-overlay .json-literal{color:var(--danger);font-weight:600}