:root{--bg: #f4f7fb;--panel: #ffffff;--line: #dbe4f0;--text: #1f2a44;--muted: #667085;--primary: #4f46e5;--primary-soft: #eef2ff;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--info: #0284c7;--shadow: 0 10px 30px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#eff4ff,#f8fbff);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}#root{min-height:100vh}.legacy-shell{width:100%;min-height:100vh}.legacy-frame{width:100%;min-height:100vh;border:0;display:block;background:#f4f7fb}.landing-page{min-height:100vh}.landing-navbar,.top-navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e8eef7;position:sticky;top:0;z-index:60}.landing-brand,.nav-left,.nav-right,.hero-actions,.nav-tabs,.inline-actions,.form-toggle-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand-logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#312e81,#4f46e5 55%,#60a5fa);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.brand-copy,.brand-text{display:flex;flex-direction:column}.brand-copy strong,.brand-text strong{font-size:15px}.brand-copy span,.brand-text span{font-size:12px;color:#667085}.landing-hero{max-width:1400px;margin:0 auto;padding:56px 24px}.hero-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eef2ff;color:#4338ca;font-weight:700;font-size:12px;margin-bottom:14px}.landing-hero-left h1{font-size:44px;margin:0 0 18px}.landing-hero-left p,.section-heading p,.panel-header p,.small-muted{color:#667085;line-height:1.6}.login-section{max-width:1400px;margin:0 auto;padding:24px}.login-panel,.panel{background:#fff;border:1px solid #e5edf6;border-radius:24px;box-shadow:var(--shadow)}.login-panel{padding:24px}.section-heading h2,.panel-header h2,.import-card h3,.project-card h3,.focus-column-head h3{margin:0 0 8px}.auth-grid,.import-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:16px;margin-top:16px}.login-form,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.auth-card,.import-card,.project-card{background:#fcfdff;border:1px solid #e5edf6;border-radius:16px;padding:16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field.full{grid-column:1 / -1}.field label{font-size:13px;font-weight:700}.field input{border:1px solid #d9e2ec;border-radius:12px;padding:11px 12px;font-size:14px;background:#fff;color:var(--text)}.login-actions{grid-column:1 / -1}.login-note{grid-column:1 / -1;color:#667085;font-size:13px;line-height:1.6;background:#f8fbff;border:1px dashed #dbe7f4;border-radius:14px;padding:12px 14px}.auth-status{grid-column:1 / -1;font-size:13px;min-height:20px;color:#475467}.auth-status.error{color:#b91c1c}.workspace-shell{min-height:100vh}.role-badge{display:inline-flex;align-items:center;padding:10px 14px;border-radius:12px;background:#e0f2fe;color:#075985;border:1px solid #bae6fd;font-weight:700;font-size:13px}.nav-logout{border:none;background:#eef2ff;color:#4338ca;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:700}.app{max-width:1880px;margin:0 auto;padding:18px}.hero{background:linear-gradient(135deg,#312e81,#4f46e5 55%,#60a5fa);color:#fff;border-radius:24px;padding:22px;box-shadow:var(--shadow);margin-bottom:16px}.hero-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}.hero h1{margin:0 0 8px;font-size:30px}.hero p{margin:0;max-width:1050px;color:#ffffffeb;line-height:1.55;font-size:14px}.btn{border:none;cursor:pointer;border-radius:12px;padding:11px 15px;font-size:14px;font-weight:700}.btn-light{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.18)}.btn-primary{background:#fff;color:#312e81}.btn-solid{background:var(--primary);color:#fff}.btn-outline{background:#fff;color:var(--text);border:1px solid #d7deea}.nav-tabs{margin-top:18px}.nav-tab{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 16px;cursor:pointer;font-weight:700}.nav-tab.active{background:#ffffff47}.stats-tabs{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-top:16px}.stat-tab{background:#ffffff1f;border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:18px;padding:14px;text-align:left}.stat-tab.active{background:#ffffff3d}.stat-tab .label{font-size:12px;text-transform:uppercase;opacity:.82}.stat-tab .value{margin-top:10px;font-size:24px;font-weight:700}.stat-tab .value-small{font-size:16px}.content-page.active{display:block}.panel-header{padding:16px 18px 10px;border-bottom:1px solid #edf2f7}.panel-body{padding:16px 18px 18px}.projects-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.project-card p{margin:0 0 8px;color:#667085;font-size:13px}.project-meta{font-size:12px;color:#667085;line-height:1.5;margin-bottom:10px}.focus-rail{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:14px;margin-bottom:16px}.focus-column{border:1px solid #e5edf6;border-radius:18px;padding:14px;background:linear-gradient(180deg,#fcfdff,#f8fbff)}.focus-column.focus-high{background:linear-gradient(180deg,#fff7f7,#fffdfd);border-color:#fecaca}.focus-column.focus-week{background:linear-gradient(180deg,#f5faff,#fbfdff);border-color:#bfdbfe}.focus-column.focus-delay{background:linear-gradient(180deg,#fff8f1,#fffdf9);border-color:#fed7aa}.focus-column-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.focus-column-head p{margin:0;color:#667085;font-size:12px;line-height:1.5}.focus-count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:999px;background:#fff;border:1px solid #d9e2ec;font-weight:700;color:#1f2a44}.focus-scroll{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow:auto;padding-right:4px}.focus-item{width:100%;text-align:left;border:1px solid #e6edf5;border-radius:14px;background:#fff;padding:12px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.focus-item:hover{transform:translateY(-1px);border-color:#c7d2fe;box-shadow:0 8px 18px #4f46e514}.focus-item-top,.focus-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.focus-item strong{display:block;margin-bottom:6px;font-size:14px;color:#1f2a44}.focus-meta{margin-top:8px;font-size:12px;color:#667085}.focus-deadline{font-weight:700;color:#2563eb}.focus-deadline.overdue{color:#b91c1c}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.pill.priority-high,.pill.challenge-open,.pill.status-delayed{background:#fee2e2;color:#b91c1c}.pill.status-progress{background:#dbeafe;color:#1d4ed8}.pill.status-planned{background:#f3e8ff;color:#7c3aed}.pill.challenge-na{background:#f8fafc;color:#475467}@media (max-width: 1450px){.focus-rail{grid-template-columns:1fr}}@media (max-width: 900px){.stats-tabs,.login-form,.auth-grid,.import-grid{grid-template-columns:1fr}.focus-meta{flex-direction:column;align-items:flex-start}.landing-hero-left h1{font-size:34px}}