:root{--color-bg: #ffffff;--color-surface: #fff7ed;--color-surface-muted: #f7e9d3;--color-primary: #e86a33;--color-primary-dark: #c2531f;--color-primary-soft: #fbe1cc;--color-secondary: #4f9d69;--color-secondary-dark: #3d7d53;--color-secondary-soft: #dff1e4;--color-accent: #f4b942;--color-accent-dark: #ce9724;--color-accent-soft: #fcedc7;--color-accent-contrast: #7a5a08;--color-ai: #6d5df5;--color-ai-dark: #5646d2;--color-ai-soft: #eae6fd;--color-error: #c23a3a;--color-error-soft: #fce3e3;--color-error-text: #8f2a2a;--color-text: #26211f;--color-text-muted: #7c6f63;--color-border: #f0dfc8;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 2px 8px rgba(38, 33, 31, .08);--shadow-md: 0 8px 24px rgba(38, 33, 31, .12);--font-heading: "Poppins", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif}:root[data-theme=dark]{--color-bg: #17130f;--color-surface: #241e19;--color-surface-muted: #2c2520;--color-primary: #f0824b;--color-primary-dark: #ff9a63;--color-primary-soft: #442a19;--color-secondary: #6fc48c;--color-secondary-dark: #8fdca9;--color-secondary-soft: #1e3225;--color-accent: #f6c665;--color-accent-dark: #ffda8c;--color-accent-soft: #3b2e14;--color-accent-contrast: #ffe9b0;--color-ai: #8c7fff;--color-ai-dark: #a79cff;--color-ai-soft: #2a2557;--color-error: #ff6b6b;--color-error-soft: #3a1e1e;--color-error-text: #ffd0d0;--color-text: #f7eee3;--color-text-muted: #bbaa9b;--color-border: #3b322a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);margin:0 0 .4em;line-height:1.2}p{margin:0 0 .75em;color:var(--color-text-muted)}a{color:var(--color-primary)}button{font-family:var(--font-body);cursor:pointer}input,textarea,select{font-family:var(--font-body)}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);padding:24px 16px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px}.brand-mark{font-size:28px}.brand-name{font-family:var(--font-heading);font-weight:700;font-size:20px;color:var(--color-primary-dark)}.brand-tag{font-size:11px;color:var(--color-text-muted);margin-top:-4px}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);font-size:14px;font-weight:500;transition:background .15s ease}.nav-link:hover{background:var(--color-surface-muted)}.nav-link.active{background:var(--color-primary-soft);color:var(--color-primary-dark)}.nav-icon{font-size:16px;width:20px;text-align:center}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid var(--color-border)}.sidebar-footer-label{font-size:13px;font-weight:500;color:var(--color-text-muted)}.theme-toggle{border:none;background:none;padding:0;display:inline-flex;align-items:center}.theme-toggle-track{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:52px;height:26px;padding:0 6px;border-radius:999px;background:var(--color-surface-muted);border:1px solid var(--color-border);transition:background .2s ease}.theme-toggle-icon{font-size:11px;line-height:1;z-index:1;opacity:.8}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--color-primary);box-shadow:var(--shadow-sm);transition:transform .2s ease,background .2s ease}.theme-toggle-thumb.is-dark{transform:translate(26px);background:var(--color-ai)}.main-content{flex:1;padding:32px 40px;max-width:1100px;margin:0 auto;width:100%}.page-header{margin-bottom:24px}.page-title{font-size:28px;font-weight:700}.page-subtitle{color:var(--color-text-muted);font-size:15px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;border:none;font-weight:600;font-size:14px;transition:transform .1s ease,box-shadow .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface-muted);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-primary-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.textarea,.select{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:14px}.input:focus,.textarea:focus,.select:focus{outline:2px solid var(--color-primary-soft);border-color:var(--color-primary)}.textarea{resize:vertical;min-height:80px}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:12px;font-weight:600}.tag-secondary{background:var(--color-secondary-soft);color:var(--color-secondary)}.tag-accent{background:var(--color-accent-soft);color:var(--color-accent-contrast)}.tag-ai{background:var(--color-ai-soft);color:var(--color-ai)}.macro-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.macro-pill{font-size:12px;color:var(--color-text-muted);background:var(--color-surface-muted);border-radius:999px;padding:4px 10px}.section{margin-bottom:32px}.form-row{display:flex;gap:10px;align-items:center}.empty-state{text-align:center;padding:40px 20px;color:var(--color-text-muted)}.score-ring-wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.spinner{width:16px;height:16px;border:2px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.badge-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.badge{border-radius:var(--radius-md);padding:16px;border:1px solid var(--color-border);background:var(--color-surface)}.badge.locked{opacity:.5}.badge-icon{font-size:24px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--color-border)}.list-item:last-child{border-bottom:none}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:8px 14px;border-radius:999px;font-size:13px}.chip-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:16px}.alert-info{background:var(--color-accent-soft);color:var(--color-accent-contrast)}.alert-ai{background:var(--color-ai-soft);color:var(--color-ai-dark);border:1px solid var(--color-ai-soft)}.alert-error{background:var(--color-error-soft);color:var(--color-error-text)}.card-ai{background:var(--color-ai-soft);border-color:var(--color-ai)}.card-ai strong,.card-ai .ai-icon{color:var(--color-ai-dark)}@media (max-width: 800px){.app-shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;overflow-x:auto;align-items:center}.nav-list{flex-direction:row}.main-content{padding:20px}}