:root{--background:#070a14;--background-2:#0a0f22;--surface-1:#0c1226;--surface-2:#0f1831;--surface-3:#111c3a;--border-color:#ffffff14;--border-strong:#ffffff24;--shadow:0 10px 30px #00000073;--text-primary:#eaf0ff;--text-secondary:#eaf0ffc7;--text-muted:#eaf0ff9e;--text-faint:#eaf0ff73;--primary:#4f7cff;--primary-foreground:#06102a;--radius:14px}*,:before,:after{box-sizing:border-box}html,body{color:var(--text-primary);background:radial-gradient(900px 500px at 25% 0%,#4f7cff2e,transparent 60%),radial-gradient(700px 500px at 80% 20%,#22c55e1a,transparent 60%),linear-gradient(180deg,var(--background),var(--background-2));margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.app-shell{min-height:100vh;display:flex}.app-sidebar{background:radial-gradient(circle at 0 0,#151b2f,#050814);border-right:1px solid #ffffff0f;flex-direction:column;gap:24px;width:260px;padding:32px 20px 24px;display:flex}.app-main{flex:1;padding:32px 40px}.app-sidebar-title{font-size:22px;font-weight:700}.app-sidebar-nav{flex-direction:column;gap:12px;display:flex}.app-sidebar-nav-item{background:#ffffff08;border:1px solid #ffffff12;border-radius:999px;align-items:center;gap:14px;padding:14px 18px;display:flex}.app-sidebar-nav-item:hover{background:#ffffff0d}.app-sidebar-nav-item--active{background:#4f7cff29;border-color:#4f7cff73}.card{background:linear-gradient(180deg,#ffffff08,transparent 40%),var(--surface-1);border-radius:var(--radius);border:1px solid var(--border-color);padding:1.25rem 1.5rem}.card p,.card label,.card .muted{color:var(--text-muted)}input,select,textarea{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#0000002e;border-radius:12px;padding:.7rem .9rem}input:focus,select:focus,textarea:focus{border-color:#4f7cff8c;box-shadow:0 0 0 4px #4f7cff1f}.primary-pill-button{background:#4f7cff29;border:1px solid #4f7cff73;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.primary-pill-button:hover{background:#4f7cff38}.app-main{background:linear-gradient(#020617d9,#020617)}.page-title{margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}.section-title{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-bottom:.75rem;font-size:.9rem}.card{color:#e5e7eb;background:#0b1220;border:1px solid #94a3b826}.card p,.card li,.card label{color:#cbd5f5}input,textarea,select{color:#e5e7eb;background:#0f172a;border:1px solid #94a3b840}input::placeholder,textarea::placeholder{color:#64748b}input:focus,textarea:focus,select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.app-sidebar{background:linear-gradient(#0b1220,#020617)}.app-sidebar-link{color:#e5e7eb;background:#ffffff08;border-radius:12px;align-items:center;gap:12px;margin-bottom:6px;padding:14px 16px;font-size:15px;font-weight:500;transition:background .2s;display:flex}.app-sidebar-link:hover{background:#ffffff14}.app-sidebar-link.active{background:#2563eb40;outline:1px solid #2563eb66}.logout-button{color:#fecaca;cursor:pointer;background:#ef444426;border:none;border-radius:12px;width:100%;padding:12px;font-weight:600}.logout-button:hover{background:#ef444440}.tabs button{border-radius:999px;padding:10px 16px;font-weight:600}.tabs button.active{color:#fff;background:#2563eb}.danger{color:#fecaca;background:#ef444426;font-weight:600}.detail-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.settings-tabs a,.settings-tabs button{color:#e5e7eb;background:0 0;border:1px solid #ffffff40;border-radius:999px;padding:10px 14px;font-size:14px}.settings-tabs a:hover,.settings-tabs button:hover{background:#ffffff14}.settings-tabs .active,.settings-tabs [aria-current=page]{color:#fff;background:#3b82f633;border-color:#3b82f6}.milestones-card,.milestones-list,.milestone-row{color:#e5e7eb}.milestone-row{background:#0f172abf;border:1px solid #ffffff14;border-radius:14px;margin-top:10px;padding:12px 14px}.milestone-row .muted,.milestone-row small,.milestone-row .secondary{color:#ffffffa6}.milestone-row button,.milestone-row .button{border-radius:999px;padding:8px 12px}.link-button{color:#f8fafceb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;padding:8px 12px}.link-button:hover{background:#ffffff1a}.link-button--danger{color:#fecaca;background:#ef444424;border-color:#ef444459}.link-button--danger:hover{background:#ef444438;border-color:#ef44448c}.template-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:22px;display:grid}.template-card{text-align:left;color:#e5e7eb;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b82e;border-radius:20px;min-height:130px;padding:20px}.template-card:hover{background:#1e293bd1;border-color:#60a5fa73}.template-card--active{background:linear-gradient(135deg,#2563eb6b,#7c3aed52);border-color:#60a5fabf;box-shadow:0 0 0 3px #60a5fa29}.template-card__title{margin-bottom:8px;font-size:18px;font-weight:800;display:block}.template-card__desc{color:#e2e8f0b8;font-size:14px;line-height:1.5;display:block}body.template-premium-glass .app-sidebar-link.active{background:linear-gradient(135deg,#2563ebd9,#a855f7b8)}body.template-premium-glass .card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff0e,#0000 42%),#0f172ac7}body.template-premium-office{color:#0f172a;background:radial-gradient(900px 500px at 15% 0,#3b82f629,#0000 65%),radial-gradient(760px 520px at 85% 10%,#a855f71a,#0000 65%),linear-gradient(#f8fafc 0%,#eef2ff 100%)}body.template-premium-office .app-shell{background:0 0}body.template-premium-office .app-main{color:#0f172a;background:0 0}body.template-premium-office .app-sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-right:1px solid #0f172a14;box-shadow:18px 0 60px #0f172a0f}body.template-premium-office .app-sidebar-title{color:#0f172a}body.template-premium-office .app-sidebar-title:after{color:#64748b}body.template-premium-office .app-sidebar-link{color:#1e293b;background:#ffffffbf;border:1px solid #0f172a14}body.template-premium-office .app-sidebar-link:hover{background:#eef6ff;border-color:#2563eb2e}body.template-premium-office .app-sidebar-link.active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000;box-shadow:0 14px 34px #2563eb38}body.template-premium-office .logout-button{color:#991b1b;background:#fee2e2;border:1px solid #ef44442e}body.template-premium-office .card,body.template-premium-office section,body.template-premium-office .client-card,body.template-premium-office .project-card,body.template-premium-office .offer-card,body.template-premium-office .invoice-card,body.template-premium-office .accounting-card{color:#0f172a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border:1px solid #0f172a1a;box-shadow:0 18px 50px #0f172a14}body.template-premium-office h1,body.template-premium-office h2,body.template-premium-office h3,body.template-premium-office .page-title{color:#0f172a}body.template-premium-office p,body.template-premium-office li,body.template-premium-office label{color:#334155}body.template-premium-office .muted,body.template-premium-office small{color:#64748b}body.template-premium-office input,body.template-premium-office textarea,body.template-premium-office select{color:#0f172a;background:#fffffff2;border:1px solid #0f172a24}body.template-premium-office input::placeholder,body.template-premium-office textarea::placeholder{color:#94a3b8}body.template-premium-office table{color:#0f172a}body.template-premium-office thead th{color:#64748b}body.template-premium-office tbody tr{background:#ffffffd1}body.template-premium-office .primary-pill-button,body.template-premium-office button[type=submit]{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000}body.template-premium-office .settings-tabs button,body.template-premium-office .settings-tab,body.template-premium-office .tabs button,body.template-premium-office .link-button{color:#1e293b;background:#fffc;border:1px solid #0f172a1f}body.template-premium-office .settings-tab--active,body.template-premium-office .tabs button.active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000}body.template-premium-office .template-card{color:#0f172a;background:#ffffffd1;border-color:#0f172a1a}body.template-premium-office .template-card__desc{color:#64748b}.system-card{background:linear-gradient(#ffffff0d,#0000 45%),#0f172ad1;border:1px solid #94a3b829;border-radius:24px;padding:24px;box-shadow:0 24px 70px #00000047}.system-card-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.system-card h2{margin:0 0 6px}.system-card p{color:#e2e8f0ad;margin:0}.system-pill,.system-status{color:#86efac;background:#22c55e1f;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:13px;font-weight:800;display:inline-flex}.system-status.danger{color:#fca5a5;background:#ef44441f}.system-dot{border-radius:999px;width:9px;height:9px;display:inline-block}.system-dot.ok{background:#22c55e;box-shadow:0 0 14px #22c55ecc}.system-dot.danger{background:#ef4444;box-shadow:0 0 14px #ef4444cc}.system-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.system-meter{background:#0f172aad;border:1px solid #94a3b81f;border-radius:18px;padding:16px}.system-meter-head{justify-content:space-between;margin-bottom:10px;display:flex}.system-meter-bar{background:#94a3b829;border-radius:999px;height:8px;margin-bottom:8px;overflow:hidden}.system-meter-bar div{background:linear-gradient(90deg,#60a5fa,#a855f7);border-radius:999px;height:100%;box-shadow:0 0 18px #60a5fa73}.system-meter small{color:#e2e8f094}.system-mini-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;display:grid}.system-mini-grid>div{background:#0f172a80;border:1px solid #94a3b81a;border-radius:18px;padding:14px 16px}.system-mini-grid span{color:#e2e8f08c;margin-bottom:4px;font-size:13px;display:block}.system-services{gap:10px;margin-top:18px;display:grid}.system-service-row{background:#0f172a85;border:1px solid #94a3b81a;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.system-service-row small{color:#e2e8f085;margin-top:3px;display:block}body.template-premium-office .system-card,body.template-premium-office .system-meter,body.template-premium-office .system-mini-grid>div,body.template-premium-office .system-service-row{color:#0f172a;background:#ffffffc7;border-color:#0f172a1a}body.template-premium-office .system-card p,body.template-premium-office .system-meter small,body.template-premium-office .system-mini-grid span,body.template-premium-office .system-service-row small{color:#64748b}@media (max-width:900px){.system-grid,.system-mini-grid{grid-template-columns:1fr}}.project-form-field--error input,.project-form-field--error select,.project-form-field--error textarea{box-shadow:0 0 0 2px #ef444440;border:2px solid #ef4444!important}.project-form-field--error span{font-weight:700;color:#f87171!important}.project-form-field--error small{color:#ef4444;margin-top:6px;font-size:13px;font-weight:700;display:block}
:root{--board-bg:#020617;--board-card-bg:#020617;--board-card-bg-soft:#020617;--board-border:#1e293b;--board-text-main:#f9fafb;--board-text-muted:#9ca3af;--board-accent:#3b82f6;--board-warning:#f97316;--board-danger:#ef4444;--board-success:#22c55e;--board-radius-lg:16px;--board-radius-md:12px}.board-page{max-width:1200px;color:var(--board-text-main);margin:0 auto;padding:32px 24px 64px}.board-header{margin-bottom:24px}.board-title{margin-bottom:4px;font-size:28px;font-weight:600}.board-subtitle{color:var(--board-text-muted);font-size:14px}.board-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:32px;display:grid}.board-stat-card{border-radius:var(--board-radius-lg);border:1px solid var(--board-border);background:#0f172ae6;flex-direction:column;justify-content:center;padding:16px 20px;display:flex}.board-stat-label{color:var(--board-text-muted);margin-bottom:8px;font-size:13px}.board-stat-value{font-size:22px;font-weight:600}.board-stat-value--warning{color:var(--board-warning)}.board-stat-value--danger{color:var(--board-danger)}.board-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.board-column{flex-direction:column;gap:12px;display:flex}.board-column-title{margin-bottom:8px;font-size:16px;font-weight:600}.board-card{border-radius:var(--board-radius-lg);border:1px solid var(--board-border);background:#0f172af2;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.board-card--warning{border-color:#ef444480;box-shadow:0 0 0 1px #ef444426}.board-card--success{border-color:#22c55e66;box-shadow:0 0 0 1px #22c55e1f}.board-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.board-card-title{font-size:15px;font-weight:500}.board-card-status{border:1px solid var(--board-border);color:var(--board-text-muted);background:#0f172ae6;border-radius:999px;padding:4px 10px;font-size:12px}.board-card-meta{color:var(--board-text-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.board-card-meta-row{justify-content:space-between;display:flex}.board-card-progress{margin-top:4px}.board-card-progress-label{color:var(--board-text-muted);margin-bottom:4px;font-size:11px}.board-card-progress-bar{background:#0f172ae6;border:1px solid #0f172ae6;border-radius:999px;width:100%;height:6px;overflow:hidden}.board-card-progress-bar-fill{background:linear-gradient(to right,var(--board-accent),var(--board-success));height:100%}.board-error{border-radius:var(--board-radius-md);border:1px solid var(--board-danger);color:#fecaca;background:#7f1d1d4d;margin-bottom:16px;padding:10px 14px;font-size:13px}@media (max-width:1024px){.board-page{padding:24px 16px 40px}.board-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.board-columns{grid-template-columns:1fr}}@media (max-width:640px){.board-page{padding:20px 12px 32px}.board-stat-card{padding:12px 14px}.board-card{padding:14px}}.danger-pill-button{color:#fee2e2f2;cursor:pointer;background:#0f172a59;border:1px solid #ef44448c;border-radius:999px;padding:10px 16px;font-weight:650;transition:background .15s,border-color .15s}.danger-pill-button:hover{background:#ef44442e;border-color:#ef4444cc}.settings-users-grid{grid-template-columns:minmax(180px,1.3fr) minmax(240px,2fr) minmax(120px,.9fr) minmax(140px,.9fr) auto;align-items:center;gap:16px;padding:12px 16px;display:grid}.settings-users-grid--head{letter-spacing:.06em;text-transform:uppercase;color:#e5e7eba6;border-bottom:1px solid #ffffff1f;margin-top:10px;padding-bottom:10px;font-size:12px}.settings-users-grid--row{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;margin-top:10px;transition:background .15s,border-color .15s}.settings-users-grid--row:hover{background:#ffffff0f;border-color:#ffffff24}.settings-users-cell{color:#e5e7ebf2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.settings-users-name{font-weight:650}.settings-users-email{color:#e5e7ebc7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px}.settings-users-actions{justify-self:end;align-items:center;gap:10px;display:flex}@media (max-width:900px){.settings-users-grid{grid-template-columns:1fr;gap:8px}.settings-users-grid--head{display:none}.settings-users-grid--row{padding:14px}.settings-users-actions{justify-self:start}.settings-users-cell{white-space:normal}.settings-users-email{word-break:break-all}}
.sidebar{background:radial-gradient(circle at 0 0,#151b2f,#050814);border-right:1px solid #ffffff0f;width:260px;padding:32px 20px 24px}.sidebar-link{background:#ffffff08;border:1px solid #ffffff12;border-radius:999px;align-items:center;gap:14px;padding:14px 18px;display:flex}.sidebar-link-active{background:#4f7cff29;border-color:#4f7cff73}
.projects-page{padding:2.5rem 2rem}.projects-header{justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}.projects-toolbar{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}.projects-toolbar-left,.projects-toolbar-right{align-items:center;gap:1rem;display:flex}.projects-search{background:#ffffff05;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:.75rem;padding:.5rem .9rem;display:flex}.projects-search-icon{opacity:.7;font-size:.9rem}.projects-search input{color:#fff;background:0 0;border:none;outline:none;width:220px;font-size:.9rem}.projects-select{color:#fff;background:#ffffff05;border:1px solid #ffffff0f;border-radius:999px;min-width:180px;padding:.4rem .9rem;font-size:.9rem}.projects-select:focus{border-color:#78b4ffcc;outline:none}.projects-table-wrapper{margin-top:.75rem;padding:0}.projects-table{border-collapse:collapse;width:100%;font-size:.9rem}.projects-table thead{border-bottom:1px solid #ffffff0f}.projects-table th,.projects-table td{text-align:left;white-space:nowrap;padding:.9rem 1.5rem}.projects-table th{text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.8rem;font-weight:500}.projects-table th.projects-table-actions{text-align:right;cursor:default}.projects-table td.projects-table-actions{text-align:right}.projects-table tbody tr:hover{background:#ffffff05}.projects-name-cell{max-width:260px}.projects-name-primary{font-weight:500}.projects-name-secondary{color:#ffffff8c;white-space:normal;margin-top:.1rem;font-size:.8rem}.projects-progress{min-width:120px}.projects-progress-label{color:#ffffffb3;font-size:.8rem}.projects-progress-bar{background:#ffffff0a;border-radius:999px;height:4px;margin-top:.25rem;overflow:hidden}.projects-progress-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#29d890,#2ea8ff);height:100%}.status-pill{color:#ffffffe6;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:.15rem .8rem;font-size:.8rem;display:inline-flex}.status-pill--active{color:#b9f5d4;border-color:#58c77ab3}.status-pill--blocked{color:#ffd1c9;border-color:#ff725ecc}.status-pill--done{color:#cfe9ff;border-color:#64c8ffcc}.status-pill--archived{color:#d0d0d0;border-color:#96969699}.table-action-link{color:#9ec5ff;font-size:.9rem}.table-action-link:hover{text-decoration:underline}.projects-empty{color:#ffffffb3;text-align:center;padding:1.5rem;font-size:.9rem}.project-detail-card--tasks{background:#0f172ae6;border:1px solid #94a3b833;border-radius:1rem;margin-top:1.5rem;padding:1.25rem 1.5rem}.project-detail-tasks-table{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.875rem}.project-detail-tasks-table th,.project-detail-tasks-table td{text-align:left;border-bottom:1px solid #94a3b826;padding:.5rem .75rem}.project-detail-tasks-table th{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:.75rem;font-weight:500}.project-detail-tasks-table td{color:#f8fafcf2}.project-detail-tasks-table tbody tr:hover{background:#0f172ae6}.project-detail-card--tasks{margin-top:1.5rem;padding:1.25rem 1.5rem}.project-detail-card-header-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.project-detail-card-header-row .project-detail-card-title{letter-spacing:.03em;text-transform:uppercase;font-size:.95rem;font-weight:600}.project-overview-tasks-list{flex-direction:column;gap:.5rem;display:flex}.project-overview-task-row{color:#e5e7eb;background:#111827;border-radius:999px;grid-template-columns:minmax(0,2fr) 110px 140px 140px;align-items:center;padding:.6rem 1rem;font-size:.85rem;display:grid}.project-overview-task-title{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.project-overview-task-col{text-align:center}.project-overview-task-status{color:#e5e7eb;background:#1f2937;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:.15rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.project-overview-task-status--done{background:#065f46}.project-overview-task-status--active{background:#1d4ed8}.project-overview-task-status--blocked{background:#b91c1c}.projects-page{color:#f5f5f7!important}.projects-toolbar{justify-content:space-between;align-items:center;display:flex;color:#f5f5f7!important}.projects-search input{background:#fff;border:1px solid #d0d3e0;border-radius:12px;padding:10px 14px;color:#0b1020!important}.projects-search input::placeholder{color:#666!important}.projects-select{border:1px solid #33384a;border-radius:12px;padding:8px 14px;color:#f5f5f7!important;background:#10141f!important}.projects-select option{color:#000!important;background:#fff!important}.projects-table th,.projects-table td{color:#f5f5f7!important}
.project-detail-page{max-width:1120px;margin:0 auto;padding:2rem 1.5rem 3rem}.project-detail-header{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.project-detail-back{color:var(--muted-foreground,#4b5563);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.9rem;transition:background .15s,color .15s,transform .1s;display:inline-flex}.project-detail-back:hover{color:#111827;background:#0f172a0f;transform:translate(-1px)}.project-detail-header-main{flex-direction:column;flex:1;gap:.25rem;display:flex}.project-detail-title{color:#111827;font-size:1.4rem;font-weight:600}.project-detail-client{color:#6b7280;font-size:.9rem}.project-detail-client span{color:#111827;font-weight:500}.project-detail-header-actions{align-items:center;gap:.5rem;display:flex}.primary-pill-button{cursor:pointer;color:#f9fafb;background:#111827;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.9rem;font-weight:500;display:inline-flex}.secondary-pill-button{cursor:pointer;color:#374151;background:0 0;border:1px solid #94a3b8b3;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.9rem;font-weight:500;display:inline-flex}.project-detail-tabs{border-bottom:1px solid #94a3b866;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding-bottom:.25rem;display:flex}.project-detail-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.5rem .9rem;font-size:.9rem;transition:background .15s,color .15s}.project-detail-tab--active{color:#111827;background:#0f172a14;font-weight:500}.project-detail-tab:disabled{opacity:.5;cursor:default}.project-detail-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.project-detail-main{flex-direction:column;gap:1.5rem;display:flex}.project-detail-top{grid-template-columns:minmax(0,2fr) minmax(0,1.1fr);gap:1.25rem;display:grid}.project-detail-card{background:#fff;border:1px solid #94a3b866;border-radius:1rem;padding:1.25rem 1.3rem;box-shadow:0 6px 18px #0f172a0a}.project-detail-card-title{color:#111827;margin-bottom:.9rem;font-size:1rem;font-weight:600}.project-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem 1.5rem;margin-bottom:1rem;display:grid}.project-detail-grid-item{flex-direction:column;gap:.2rem;display:flex}.project-detail-label{text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;font-size:.75rem}.project-detail-value{color:#111827;font-size:.95rem}.project-detail-description{border-top:1px dashed #94a3b8b3;margin-top:.75rem;padding-top:.75rem}.project-detail-description p{color:#4b5563;margin:.25rem 0 0;font-size:.9rem}.project-detail-card--progress{flex-direction:column;display:flex}.project-detail-progress-wrapper{align-items:center;gap:1.25rem;display:flex}.project-detail-progress-circle{background:conic-gradient(#111827 calc(var(--progress,0)*1%),#e5e7eb 0);border-radius:999px;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative}.project-detail-progress-inner{background:#fff;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;display:flex;box-shadow:0 0 0 6px #f3f4f6e6}.project-detail-progress-value{color:#f8fafcf2;letter-spacing:.2px;text-shadow:0 1px 10px #00000059;font-size:18px;font-weight:800}.project-detail-progress-sub{color:#6b7280;font-size:.8rem}.project-detail-progress-legend{color:#4b5563;margin:0;padding:0;font-size:.85rem;list-style:none}.project-detail-progress-legend li{align-items:center;gap:.4rem;margin-bottom:.4rem;display:flex}.legend-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.legend-dot--primary{background:#111827}.legend-dot--muted{background:#e5e7eb}.project-detail-card--tasks{margin-top:.25rem}.project-detail-card-header-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.project-detail-chip{color:#374151;background:#f3f4f6;border-radius:999px;padding:.2rem .5rem;font-size:.8rem}.project-detail-muted{color:#6b7280;font-size:.9rem}.project-detail-tasks-table{border-collapse:collapse;width:100%;margin-top:.4rem;font-size:.9rem}.project-detail-tasks-table thead{background:#f9fafb}.project-detail-tasks-table th,.project-detail-tasks-table td{text-align:left;padding:.5rem .6rem}.project-detail-tasks-table th{text-transform:uppercase;letter-spacing:.03em;color:#9ca3af;border-bottom:1px solid #e5e7eb;font-size:.8rem}.project-detail-tasks-table tbody tr:nth-child(2n){background:#f9fafb}.project-detail-tasks-table tbody tr:hover{background:#f3f4f6}@media (max-width:960px){.project-detail-top{grid-template-columns:minmax(0,1fr)}.project-detail-header{flex-direction:column;align-items:flex-start}.project-detail-header-actions{flex-wrap:wrap;justify-content:flex-start;align-self:stretch}}@media (max-width:600px){.project-detail-page{padding:1.5rem 1rem 2rem}.project-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail-progress-wrapper{flex-direction:column;align-items:flex-start}.project-detail-tabs{overflow-x:auto}}@media (max-width:768px){.project-milestones-form-grid{grid-template-columns:1fr}}@media (max-width:768px){.project-milestones-item{flex-direction:column}}@media (max-width:768px){.project-milestones-form-grid{grid-template-columns:1fr}}.project-milestones-form-field label{color:#4b5563;margin-bottom:.25rem;font-size:.8rem;font-weight:500;display:block}.project-milestones-form-field input,.project-milestones-form-field select{border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.45rem .6rem;font-size:.9rem}.project-milestones-form-actions{justify-content:flex-end;margin-top:.75rem;display:flex}.project-milestones-toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;margin-bottom:.5rem;display:flex}.project-milestones-select{border:1px solid #d1d5db;border-radius:999px;padding:.35rem .6rem;font-size:.85rem}.project-milestones-list{flex-direction:column;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.project-milestones-item{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;justify-content:space-between;gap:.75rem;padding:.75rem .75rem .6rem;display:flex}@media (max-width:768px){.project-milestones-item{flex-direction:column}}.project-milestones-title-row{align-items:center;gap:.5rem;display:flex}.project-milestones-title{font-weight:500}.project-milestones-description{color:#4b5563;margin:.25rem 0 0;font-size:.85rem}.project-milestones-meta{flex-direction:column;align-items:flex-end;gap:.35rem;min-width:160px;display:flex}.project-milestones-date{color:#6b7280;font-size:.8rem}.project-milestones-actions{flex-wrap:wrap;justify-content:flex-end;gap:.25rem .5rem;display:flex}.project-detail-card,.project-detail-card--summary,.project-detail-card--overview{color:#e5e7eb;background:#0b1220;border:1px solid #94a3b826;border-radius:16px}.project-detail-card h2,.project-detail-card h3,.project-detail-card-title{color:#e5e7eb;font-weight:700}.project-detail-label,.project-detail-meta-label,.project-detail-card small{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.project-detail-value,.project-detail-meta-value{color:#e5e7eb;font-size:1rem;font-weight:600}.project-detail-tabs,.project-tabs,.tabs{flex-wrap:wrap;gap:.5rem;margin-top:16px;margin-bottom:12px;display:flex}.project-detail-tabs a,.project-tabs a,.tabs a,.project-detail-tab,.tab{color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:.35rem .85rem;font-size:.85rem;text-decoration:none}.project-detail-tabs a:hover,.project-tabs a:hover,.tabs a:hover{border-color:#3b82f699}.project-detail-tabs a.active,.project-tabs a.active,.tabs a.active,.project-detail-tab--active,.tab--active{color:#fff;background:#2563eb;border-color:#2563eb}.project-detail-card input,.project-detail-card textarea,.project-detail-card select{color:#e5e7eb;background:#0f172a;border:1px solid #94a3b840}.project-detail-card input::placeholder,.project-detail-card textarea::placeholder{color:#64748b}.project-detail-card input:focus,.project-detail-card textarea:focus,.project-detail-card select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.project-detail-card.card{color:#e5e7eb!important;background:#0b1220!important}.project-detail-card.card *{color:inherit!important}.project-milestones-form{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:16px;margin-top:10px;padding:16px}.project-milestones-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (max-width:900px){.project-milestones-form-grid{grid-template-columns:1fr}}.project-milestones-form-field label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8eb;margin-bottom:6px;font-size:12px;display:block}.project-milestones-form-field input,.project-milestones-form-field select{color:#f8fafcf5;background:#0307128c;border:1px solid #94a3b842;border-radius:12px;padding:10px 12px}.project-milestones-toolbar{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;margin-top:14px;padding:10px 12px}.project-milestones-list li,.project-milestone-row,.project-milestone-item{background:#0f172abf;border:1px solid #ffffff14;border-radius:14px;margin-top:10px;padding:12px 14px}.project-detail-progress-label,.project-detail-progress-value,.project-detail-progress-percent{text-shadow:0 1px 10px #0000008c;font-weight:700;color:#f8fafcf2!important}
.system-card{background:radial-gradient(circle at 85% 15%,#22c55e24,#0000 32%),linear-gradient(#ffffff12,#ffffff06);border:1px solid #94a3b82e;border-radius:24px;margin-top:32px;padding:26px;box-shadow:0 24px 70px #00000047}.system-card-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.system-card h2{margin:0;font-size:26px}.system-card p{color:var(--text-muted);margin:6px 0 0}.system-pill,.system-status{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:800;display:inline-flex}.system-pill,.system-status.ok{color:#86efac;background:#22c55e24}.system-status.danger{color:#fecaca;background:#ef444424}.system-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.system-dot.ok{background:#4ade80;box-shadow:0 0 18px #4ade80b3}.system-dot.danger{background:#f87171;box-shadow:0 0 18px #f87171b3}.system-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.system-meter,.system-mini-grid>div,.system-service-row{background:#0f172a73;border:1px solid #94a3b824;border-radius:18px}.system-meter{padding:16px 18px}.system-meter-head{justify-content:space-between;font-size:16px;display:flex}.system-meter-head strong{font-size:22px}.system-meter-bar{background:#94a3b82e;border-radius:999px;height:8px;margin:12px 0 10px;overflow:hidden}.system-meter-bar>div{background:linear-gradient(90deg,#60a5fa,#8b5cf6,#22c55e);border-radius:999px;height:100%}.system-meter small,.system-service-row small,.system-mini-grid span{color:var(--text-muted);display:block}.system-mini-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;display:grid}.system-mini-grid>div{padding:16px 18px}.system-mini-grid strong{margin-top:5px;font-size:19px;display:block}.system-services{gap:10px;margin-top:20px;display:grid}.system-service-row{grid-template-columns:14px 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}@media (max-width:900px){.system-grid,.system-mini-grid{grid-template-columns:1fr}.system-card-head{flex-direction:column}}