:root{--brand-earth-brown: #fdfcfb;--brand-veg-green: #2d4a3b;--brand-veg-green-hover: #1f352a;--brand-veg-green-light: #f1f5f2;--brand-water-blue: #3b6e8c;--brand-water-blue-hover: #2e5975;--brand-water-blue-light: #f0f5f7;--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-app: var(--brand-earth-brown);--bg-sidebar: #f5f2eb;--bg-card: #ffffff;--text-primary: #1c1713;--text-secondary: #4d433b;--text-muted: #94887b;--border-color: #ebdcd5;--border-focus: var(--brand-veg-green);--accent-color: var(--brand-veg-green);--accent-hover: var(--brand-veg-green-hover);--accent-light: var(--brand-veg-green-light);--secondary-color: var(--brand-water-blue);--secondary-hover: var(--brand-water-blue-hover);--secondary-light: var(--brand-water-blue-light);--color-success-bg: #f2f7f3;--color-success-text: #2d4a3b;--color-success-border: #d3e2d7;--color-error-bg: #faf5f5;--color-error-text: #962828;--color-error-border: #ebd5d5;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 3px 0 rgba(28, 23, 19, .05), 0 1px 2px -1px rgba(28, 23, 19, .03);--shadow-md: 0 4px 14px -2px rgba(28, 23, 19, .08), 0 2px 6px -2px rgba(28, 23, 19, .04);--shadow-lg: 0 12px 28px -4px rgba(28, 23, 19, .12), 0 4px 10px -4px rgba(28, 23, 19, .06);--color-slate-900: #1c1713;--color-slate-800: #2c241e;--color-slate-700: #4d433b;--color-slate-600: #5c5249;--color-slate-500: #7a6e64;--color-slate-400: #94887b;--color-slate-200: #ebdcd5;--color-slate-100: #f5f2eb}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var(--font-sans)}body{background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased}button,select,input{font-family:inherit;color:inherit}button,[role=button]{cursor:pointer}code{font-family:var(--font-mono);font-size:1em}img,svg{display:block}img,video{max-width:100%;height:auto}.theme-light{--bg-app: var(--brand-earth-brown);--bg-sidebar: #f5f2eb;--bg-card: #ffffff;--text-primary: #1c1713;--text-secondary: #4d433b;--text-muted: #94887b;--border-color: #ebdcd5;--border-focus: var(--brand-veg-green);--accent-color: var(--brand-veg-green);--accent-hover: var(--brand-veg-green-hover);--accent-light: var(--brand-veg-green-light);--secondary-color: var(--brand-water-blue);--secondary-hover: var(--brand-water-blue-hover);--secondary-light: var(--brand-water-blue-light);--color-slate-900: #1c1713;--color-slate-800: #2c241e;--color-slate-700: #4d433b;--color-slate-600: #5c5249;--color-slate-500: #7a6e64;--color-slate-400: #94887b;--color-slate-200: #ebdcd5;--color-slate-100: #f5f2eb}.theme-dark{--bg-app: #141210;--bg-sidebar: #1c1916;--bg-card: #1f1a17;--text-primary: #f5f2eb;--text-secondary: #c7bfae;--text-muted: #8f8576;--border-color: #2e2621;--border-focus: var(--brand-water-blue);--accent-color: var(--brand-veg-green);--accent-hover: var(--brand-veg-green-hover);--accent-light: #1c241e;--secondary-color: var(--brand-water-blue);--secondary-hover: var(--brand-water-blue-hover);--secondary-light: #141d24;--color-success-bg: #141c16;--color-success-text: #c3e2c9;--color-success-border: #233527;--color-error-bg: #211414;--color-error-text: #e2c3c3;--color-error-border: #352323;--color-slate-900: #f5f2eb;--color-slate-800: #e8e2d5;--color-slate-700: #c7bfae;--color-slate-600: #b5ac9d;--color-slate-500: #8f8576;--color-slate-400: #5e5449;--color-slate-200: #2e2621;--color-slate-100: #1c1916;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .35);--shadow-md: 0 4px 14px -2px rgba(0, 0, 0, .45), 0 2px 6px -1px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 28px -4px rgba(0, 0, 0, .55), 0 4px 10px -4px rgba(0, 0, 0, .35)}.alert-error{font-size:.75rem;color:var(--color-error-text);background-color:var(--color-error-bg);border:1px solid var(--color-error-border);padding:.5rem;border-radius:var(--radius-sm)}.alert-success{font-size:.75rem;color:var(--color-success-text);background-color:var(--color-success-bg);border:1px solid var(--color-success-border);padding:.5rem;border-radius:var(--radius-sm)}.btn-retry{display:block;margin-top:.5rem;text-decoration:underline;background:none;border:none;font-weight:600;padding:0}.badge-success{font-size:.7rem;color:var(--color-success-text);background-color:var(--color-success-bg);border:1px solid var(--color-success-border);padding:.25rem .5rem;border-radius:4px;display:inline-block;width:max-content;font-weight:500}.loading-dots{display:flex;gap:.35rem;align-items:center;height:20px}.loading-dots span{width:6px;height:6px;background-color:var(--text-muted);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.mode-selector{display:grid;grid-template-columns:1fr 1fr;background-color:var(--color-slate-100);padding:.2rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);gap:.15rem;margin-bottom:.5rem}.mode-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .5rem;font-size:.8rem;font-weight:500;border-radius:calc(var(--radius-sm) - 2px);border:none;background:transparent;color:var(--text-secondary);text-decoration:none;text-align:center;transition:color 75ms ease;cursor:pointer}.mode-btn:hover{color:var(--text-primary)}.mode-btn.active{background-color:var(--bg-card);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--color-slate-600)}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.form-input,.form-textarea,.form-select{width:100%;padding:.5rem .75rem;font-size:.85rem;background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);outline:none;transition:border-color .1s ease,box-shadow .1s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2d4a3b1f,var(--shadow-sm)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-elevated{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.transition-colors{transition-property:background-color,border-color,color;transition-duration:75ms;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hidden{display:none!important}.tabular-nums{font-variant-numeric:tabular-nums}.min-h-screen{min-height:100vh}.w-full{width:100%!important}.h-full{height:100%!important}.flex-grow{flex-grow:1!important}