:root{--color-bg: #f7f5f2;--color-bg-2: #efede9;--color-surface: #ffffff;--color-surface-2: #f2f0ec;--color-border: rgba(0, 0, 0, .07);--color-text: #1a1814;--color-text-2: #6b6660;--color-text-3: #9e9894;--color-accent: #e8521a;--color-accent-2: #ff7a45;--color-accent-soft: rgba(232, 82, 26, .1);--color-success: #22c55e;--color-warning: #f59e0b;--color-ai: #8b5cf6;--radius-card: 20px;--radius-input: 12px;--shadow-sm: 0 2px 12px rgba(0, 0, 0, .06);--gradient-cta: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-2) 100%)}:root[data-theme=dark]{--color-bg: #0f0e0c;--color-bg-2: #181614;--color-surface: #1e1c19;--color-surface-2: #252320;--color-border: rgba(255, 255, 255, .07);--color-text: #f0ede8;--color-text-2: #a09890;--color-text-3: #6b6460;--color-accent: #ff6b35;--color-accent-2: #ff8c5a;--color-accent-soft: rgba(255, 107, 53, .15)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:DM Sans,sans-serif}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4{font-family:Syne,sans-serif;margin:0}a{color:var(--color-accent)}button,input,textarea,select{font-family:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.page{max-width:1100px;margin:0 auto;padding:24px}.app-shell{display:grid;min-height:100vh;grid-template-columns:180px 1fr}.app-sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);padding:16px 12px}.app-main{min-width:0}.app-nav{display:grid;gap:8px}.app-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);text-decoration:none;padding:0 10px;font-size:14px}.status{border-radius:10px;border:1px solid var(--color-border);padding:10px}.status-error{border-color:var(--color-accent);color:var(--color-accent)}.status-success{border-color:var(--color-success)}.status-muted{color:var(--color-text-2)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:20px}.input,textarea{width:100%;border-radius:var(--radius-input);border:1px solid var(--color-border);background:var(--color-surface-2);padding:12px;color:var(--color-text)}.btn{border:0;border-radius:14px;padding:12px 18px;cursor:pointer;font-weight:500}.btn-primary{color:#fff;background:var(--gradient-cta)}.btn-ghost{color:var(--color-text);background:transparent;border:1px solid var(--color-border)}.grid{display:grid;gap:12px}@media(min-width:1024px){.grid-two{grid-template-columns:2fr 1fr}}@media(max-width:900px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.app-sidebar{border-right:0;border-bottom:1px solid var(--color-border);padding:10px}.app-nav{grid-auto-flow:column;grid-auto-columns:minmax(110px,auto);overflow-x:auto;padding-bottom:4px}.page{padding:16px}}