@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#0f1014;--panel-bg:#1a1c23;--panel-bg-hover:#23252e;--border-color:#ffffff14;--text-main:#fff;--text-muted:#8f93a2;--accent-color:#6c5ce7;--accent-hover:#8073f0;--accent-glow:#6c5ce766;--success-color:#00b894;--warning-color:#fdcb6e;--danger-color:#ff7675}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s}a{color:inherit;text-decoration:none}.glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#1a1c23b3;border-radius:12px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333644;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4d5c}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-color);background-color:#131419;flex-direction:column;width:280px;display:flex}.main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.top-bar{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0f1014cc;align-items:center;height:60px;padding:0 24px;display:flex}.content-area{flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.btn-primary{background:linear-gradient(135deg, var(--accent-color), #8b7eff);color:#fff;box-shadow:0 4px 15px var(--accent-glow);border-radius:8px;padding:10px 20px;font-weight:600}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6c5ce799}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);background:#ffffff0d;border-radius:8px;padding:10px 20px;font-weight:500}.btn-secondary:hover{background:#ffffff1a}.status-badge{border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-planning{color:var(--warning-color);background:#fdcb6e33}.status-generating{color:var(--accent-hover);background:#6c5ce733}.status-completed{color:var(--success-color);background:#00b89433}.mobile-nav-container{display:none}@media (max-width:1200px){.sidebar{display:none!important}.mobile-nav-container{display:block}}@media (max-width:900px){.mobile-hide{display:none!important}.mobile-full-width{flex:1;width:100%!important;max-width:none!important}}.card{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0006}.input-field{border:1px solid var(--border-color);width:100%;color:var(--text-main);background:#0003;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.input-field:focus{border-color:var(--accent-color);outline:none}