:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef4ff;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{min-height:100vh}button,input,select{font:inherit}h1,h2,h3,p{margin-top:0}.auth-page{background:radial-gradient(circle at top,#eff6ff 0%,#e0f2fe 30%,#f8fafc 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#ffffffeb;border:1px solid #94a3b833;border-radius:24px;width:min(100%,460px);padding:26px 24px 22px;box-shadow:0 28px 60px #0f172a1f}.auth-brand{border-bottom:0;justify-content:flex-start;margin-bottom:4px;padding-bottom:10px}.auth-card h1{margin:0 0 8px;font-size:2rem}.auth-subtitle{color:#64748b;margin:0 0 22px}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-form label{color:#1e293b;flex-direction:column;gap:8px;font-weight:600;display:flex}.auth-form input,.auth-form select{box-sizing:border-box;background:#fff;border:1px solid #94a3b847;border-radius:12px;width:100%;padding:12px 14px;font-size:1rem}.auth-error{color:#b91c1c;background:#fee2e2cc;border:1px solid #ef444440;border-radius:10px;padding:10px 12px;font-size:.85rem}.auth-btn{width:100%;padding:12px 16px;font-size:1rem}.loading-card{color:#334155;background:#ffffffb3;border:1px solid #94a3b833;border-radius:18px;place-items:center;min-height:220px;font-weight:600;display:grid}.optimix-shell{color:#122033;background:linear-gradient(135deg,#f3f7ff 0%,#eef8f5 100%);min-height:100vh;display:flex}.sidebar{color:#edf3ff;background:#08162bfa;flex-direction:column;gap:24px;width:270px;padding:28px 20px;display:flex}.brand-block{border-bottom:1px solid #ffffff14;align-items:center;gap:14px;padding:6px 8px 18px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#2dd4bf,#2563eb);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand-block h2{margin:0;font-size:1.35rem}.brand-block span{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;font-size:.72rem}.nav-section{flex-direction:column;gap:10px;display:flex}.nav-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.12em;margin:0 8px 4px;font-size:.7rem}.nav-item{color:#dfe9ff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:flex-start;align-items:center;padding:12px 14px;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{background:#4f46e52e;box-shadow:inset 0 0 0 1px #8b5cf642}.mini-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:12px 14px;font-size:.84rem;display:flex}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot.green{background:#34d399}.main-panel{flex:1;padding:28px 32px 32px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#72819e;margin:0 0 6px;font-size:.72rem}.topbar h1{color:#111827;margin:0;font-size:clamp(1.8rem,2vw,3rem)}.user-box{background:#ffffffbf;border:1px solid #94a3b833;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 18px 35px #0f172a0d}.user-avatar{color:#fff;background:linear-gradient(135deg,#0ea5e9,#14b8a6);border-radius:50%;place-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:grid}.user-box strong,.user-box small{display:block}.user-box small{color:#64748b}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px;display:grid}.stat-card{background:#fffc;border:1px solid #94a3b82e;border-radius:18px;padding:20px 18px;box-shadow:0 18px 35px #0f172a0a}.stat-card span{color:#64748b;margin-bottom:12px;font-size:.8rem;display:block}.stat-card strong{margin-bottom:8px;font-size:clamp(1.5rem,2vw,2rem);display:block}.stat-card em{color:#16a34a;font-style:normal;font-weight:600}.workspace-panel,.panel-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #94a3b82e;border-radius:20px;box-shadow:0 18px 35px #0f172a0a}.workspace-panel{margin-bottom:26px;padding:22px 20px 16px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-header h3{margin:0;font-size:1.1rem}.primary-btn,.link-btn{cursor:pointer;border:none;border-radius:10px;font-weight:600}.primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);padding:10px 14px}.link-btn{color:#2563eb;background:0 0;padding:0}.role-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.role-card{background:linear-gradient(135deg,#fff9,#f8fafce6);border:1px solid #0f172a0d;border-radius:16px;padding:18px 16px}.role-card.green{border-left:4px solid #22c55e}.role-card.blue{border-left:4px solid #3b82f6}.role-card.purple{border-left:4px solid #8b5cf6}.role-card.orange{border-left:4px solid #f59e0b}.role-card.teal{border-left:4px solid #14b8a6}.role-card.red{border-left:4px solid #ef4444}.role-card.yellow{border-left:4px solid #facc15}.role-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.role-badge{background:#2563eb;border-radius:50%;width:10px;height:10px;display:inline-block}.role-card p{color:#475569;margin:0 0 10px;font-size:.88rem}.role-card small{color:#0f172a;font-weight:700}.bottom-grid{grid-template-columns:1.4fr 1fr;gap:22px;display:grid}.panel-box{padding:18px 18px 12px}.small{margin-bottom:12px}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{background:#f8fafccc;border-radius:12px;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;padding:10px 8px;display:grid}.activity-dot{background:linear-gradient(135deg,#4f46e5,#22d3ee);border-radius:50%;width:10px;height:10px}.activity-item strong,.activity-item small{display:block}.activity-item small{color:#64748b;margin-top:4px}.status-pill{color:#047857;background:#ecfdf5;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.small-pill{padding:5px 8px;font-size:.68rem}.table-box{overflow-x:auto}.table-box table{border-collapse:collapse;width:100%}.table-box th,.table-box td{text-align:left;border-bottom:1px solid #94a3b82e;padding:12px 10px}.table-box th{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.table-box td{color:#0f172a;font-size:.9rem}.progress-stack{flex-direction:column;gap:18px;padding-top:8px;display:flex}.progress-stack label{color:#475569;margin-bottom:8px;font-weight:600;display:block}.progress{background:#e2e8f0;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#2563eb);height:100%;display:block}@media (width<=980px){.optimix-shell{flex-direction:column}.sidebar{width:100%}.stats-grid,.role-grid,.bottom-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.main-panel{padding:20px 14px 24px}.topbar{flex-direction:column;align-items:flex-start}.stats-grid,.role-grid,.bottom-grid{grid-template-columns:1fr}}