:root{--bg: oklch(.97 .005 80);--bg-elev: #ffffff;--bg-soft: oklch(.94 .006 80);--surface: #ffffff;--surface-2: oklch(.96 .005 80);--fg: oklch(.2 .01 240);--fg-soft: oklch(.42 .012 240);--fg-muted: oklch(.58 .012 240);--fg-faint: oklch(.72 .01 240);--border: oklch(.9 .006 80);--border-strong: oklch(.82 .008 80);--accent: oklch(.62 .13 60);--accent-fg: #ffffff;--accent-soft: oklch(.94 .04 70);--accent-soft-fg: oklch(.4 .1 60);--steel: oklch(.4 .04 240);--steel-soft: oklch(.92 .015 240);--steel-soft-fg: oklch(.3 .04 240);--danger: oklch(.55 .18 25);--danger-soft: oklch(.94 .04 25);--danger-soft-fg: oklch(.4 .15 25);--success: oklch(.55 .12 145);--success-soft: oklch(.94 .04 145);--success-soft-fg: oklch(.35 .1 145);--warning: oklch(.72 .15 75);--warning-soft: oklch(.95 .05 80);--warning-soft-fg: oklch(.4 .12 70);--info: oklch(.55 .1 240);--info-soft: oklch(.94 .03 240);--info-soft-fg: oklch(.35 .1 240);--shadow-sm: 0 1px 2px rgba(20, 22, 28, .04);--shadow-md: 0 2px 8px rgba(20, 22, 28, .06), 0 1px 2px rgba(20, 22, 28, .04);--shadow-lg: 0 12px 32px rgba(20, 22, 28, .12), 0 2px 8px rgba(20, 22, 28, .06);--r-xs: 2px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}[data-theme=dark]{--bg: oklch(.16 .008 240);--bg-elev: oklch(.2 .008 240);--bg-soft: oklch(.18 .008 240);--surface: oklch(.2 .008 240);--surface-2: oklch(.23 .008 240);--fg: oklch(.96 .005 80);--fg-soft: oklch(.78 .008 80);--fg-muted: oklch(.62 .01 240);--fg-faint: oklch(.48 .01 240);--border: oklch(.28 .008 240);--border-strong: oklch(.34 .01 240);--accent: oklch(.72 .14 65);--accent-fg: oklch(.18 .01 240);--accent-soft: oklch(.3 .06 65);--accent-soft-fg: oklch(.8 .1 70);--steel-soft: oklch(.28 .02 240);--steel-soft-fg: oklch(.8 .02 240);--danger-soft: oklch(.3 .08 25);--danger-soft-fg: oklch(.85 .1 25);--success-soft: oklch(.28 .06 145);--success-soft-fg: oklch(.82 .1 145);--warning-soft: oklch(.32 .08 75);--warning-soft-fg: oklch(.86 .12 80);--info-soft: oklch(.3 .06 240);--info-soft-fg: oklch(.84 .08 240);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 2px 8px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.25);--shadow-lg: 0 12px 32px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.3)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);font-size:14px;line-height:1.45;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv01","cv05"}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.num{font-variant-numeric:tabular-nums}.app-shell{display:grid;grid-template-columns:248px 1fr;grid-template-rows:100vh;min-height:100vh;background:var(--bg)}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-brand{padding:18px 18px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-brand .mark{width:32px;height:32px;background:var(--fg);color:var(--bg-elev);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:-.5px;border-radius:2px}.sidebar-brand .brand-name{font-weight:600;font-size:14px;letter-spacing:-.01em}.sidebar-brand .brand-sub{font-size:11px;color:var(--fg-muted);font-family:var(--mono);letter-spacing:.02em;margin-top:1px;text-transform:uppercase}.sidebar-section{padding:14px 12px 6px}.sidebar-section-label{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint);padding:0 8px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;color:var(--fg-soft);font-size:13px;font-weight:500;border-radius:var(--r-sm);cursor:pointer;border:none;background:transparent;text-align:left;width:100%;font-family:inherit;text-decoration:none}.nav-item:hover{background:var(--bg-soft);color:var(--fg)}.nav-item.active{background:var(--fg);color:var(--bg-elev)}.nav-item.active svg{color:inherit}.nav-item .nav-badge{margin-left:auto;font-family:var(--mono);font-size:10px;background:var(--bg-soft);color:var(--fg-muted);padding:1px 6px;border-radius:2px}.nav-item.active .nav-badge{background:#ffffff1f;color:var(--bg-elev)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding:12px;display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:2px;background:var(--steel-soft);color:var(--steel-soft-fg);display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:11px;flex-shrink:0}.avatar.lg{width:40px;height:40px;font-size:13px}.avatar.sm{width:24px;height:24px;font-size:9.5px}.user-block{display:flex;flex-direction:column;min-width:0}.user-block .name{font-size:13px;font-weight:500;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-block .role{font-size:11px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{overflow:auto;display:flex;flex-direction:column}.main-header{display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:30;min-height:60px}.crumbs{display:flex;align-items:center;gap:8px;color:var(--fg-muted);font-size:13px}.crumbs .sep{opacity:.5}.crumbs .crumb{color:var(--fg-muted);cursor:pointer}.crumbs .crumb:hover{color:var(--fg)}.crumbs .crumb.current{color:var(--fg);font-weight:500}.header-search{margin-left:auto;width:280px;position:relative}.header-search input{width:100%;background:var(--surface);border:1px solid var(--border);padding:7px 10px 7px 32px;border-radius:var(--r-sm);font-size:13px;color:var(--fg);font-family:inherit}.header-search svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--fg-muted)}.header-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.header-actions{display:flex;align-items:center;gap:6px}.main-content{padding:24px;flex:1}.main-content.flush{padding:0}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--r-sm);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--fg);transition:background .12s,border-color .12s,color .12s;white-space:nowrap;line-height:1.2;text-decoration:none}.btn:hover{background:var(--bg-soft)}.btn.primary{background:var(--fg);color:var(--bg-elev);border-color:var(--fg)}.btn.primary:hover{background:var(--fg-soft);border-color:var(--fg-soft)}.btn.accent{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.accent:hover{filter:brightness(.95)}.btn.outline{border-color:var(--border-strong);background:var(--surface)}.btn.outline:hover{background:var(--bg-soft)}.btn.ghost{color:var(--fg-soft)}.btn.ghost:hover{background:var(--bg-soft);color:var(--fg)}.btn.danger{color:var(--danger);border-color:var(--danger-soft);background:transparent}.btn.danger:hover{background:var(--danger-soft)}.btn.sm{padding:4px 8px;font-size:12px;gap:4px}.btn.lg{padding:10px 16px;font-size:14px}.btn.icon{padding:6px;width:30px;height:30px;justify-content:center}.btn.icon.sm{width:26px;height:26px;padding:4px}.btn.block{display:flex;width:100%;justify-content:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.card-pad{padding:18px}.card-pad-lg{padding:24px}.card-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.card-header h3{margin:0;font-size:14px;font-weight:600;letter-spacing:-.01em}.card-header .card-sub{font-size:12px;color:var(--fg-muted);font-family:var(--mono)}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 18px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.kpi-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);display:flex;align-items:center;gap:6px}.kpi-value{font-family:var(--mono);font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--fg);line-height:1.1;font-variant-numeric:tabular-nums}.kpi-value.danger{color:var(--danger)}.kpi-value.success{color:var(--success-soft-fg)}.kpi-sub{font-size:11.5px;color:var(--fg-muted);display:flex;align-items:center;gap:4px}.kpi-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.kpi-bar.steel{background:var(--steel)}.kpi-bar.success{background:var(--success)}.kpi-bar.danger{background:var(--danger)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:500;color:var(--fg-soft);display:flex;align-items:center;gap:4px}.field-label .req{color:var(--danger)}.field-hint{font-size:11px;color:var(--fg-muted);font-family:var(--mono)}input,textarea,select{font-family:inherit;font-size:13px;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 10px;width:100%;transition:border-color .12s,box-shadow .12s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{min-height:80px;resize:vertical;font-family:inherit}input[type=date]{font-family:var(--mono)}.input-prefix{position:relative}.input-prefix>input{padding-left:32px}.input-prefix>.prefix{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--fg-muted);font-family:var(--mono);font-size:12px;pointer-events:none}.form-row{display:grid;gap:14px}.form-row.cols-2{grid-template-columns:1fr 1fr}.form-row.cols-3{grid-template-columns:1fr 1fr 1fr}.tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-family:var(--mono);padding:2px 6px;border-radius:2px;letter-spacing:.01em;background:var(--bg-soft);color:var(--fg-soft);white-space:nowrap;line-height:1.4;border:1px solid var(--border)}.tag.steel{background:var(--steel-soft);color:var(--steel-soft-fg);border-color:transparent}.tag.accent{background:var(--accent-soft);color:var(--accent-soft-fg);border-color:transparent}.tag.success{background:var(--success-soft);color:var(--success-soft-fg);border-color:transparent}.tag.danger{background:var(--danger-soft);color:var(--danger-soft-fg);border-color:transparent}.tag.warning{background:var(--warning-soft);color:var(--warning-soft-fg);border-color:transparent}.tag.info{background:var(--info-soft);color:var(--info-soft-fg);border-color:transparent}.tag.solid-dark{background:var(--fg);color:var(--bg-elev);border-color:transparent}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-weight:500;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.table td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--fg-soft);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr.clickable:hover td{background:var(--bg-soft);cursor:pointer}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);padding:0 24px;background:var(--bg);position:sticky;top:60px;z-index:20}.tab{background:none;border:none;font-family:inherit;font-size:13px;color:var(--fg-muted);padding:12px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500;display:flex;align-items:center;gap:8px}.tab:hover{color:var(--fg)}.tab.active{color:var(--fg);border-bottom-color:var(--fg)}.tab .tab-count{font-family:var(--mono);font-size:10.5px;background:var(--bg-soft);padding:1px 6px;border-radius:2px;color:var(--fg-muted)}.tab.active .tab-count{background:var(--fg);color:var(--bg-elev)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a1066;z-index:100;display:grid;place-items:center;padding:24px;animation:fadeIn .15s ease}[data-theme=dark] .modal-backdrop{background:#000000a6}.modal{background:var(--bg-elev);border-radius:var(--r-md);box-shadow:var(--shadow-lg);max-width:880px;width:100%;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .18s cubic-bezier(.2,.7,.3,1)}.modal.narrow{max-width:560px}.modal-backdrop.top-align{align-items:flex-start;padding-top:48px;padding-bottom:48px;overflow-y:auto}.modal.auto-height{max-height:none;overflow:visible}.modal.auto-height .modal-body{overflow:visible;flex:none}.modal-header{padding:16px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px}.modal-header h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em;flex:1}.modal-body{padding:22px;overflow:auto;flex:1}.modal-footer{padding:14px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;background:var(--bg-soft)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;padding:2px 8px 2px 6px;border-radius:999px;background:var(--bg-soft);color:var(--fg-soft)}.status-pill .dot{width:6px;height:6px}.status-pill.success{background:var(--success-soft);color:var(--success-soft-fg)}.status-pill.success .dot{background:var(--success)}.status-pill.warning{background:var(--warning-soft);color:var(--warning-soft-fg)}.status-pill.warning .dot{background:var(--warning)}.status-pill.danger{background:var(--danger-soft);color:var(--danger-soft-fg)}.status-pill.danger .dot{background:var(--danger)}.status-pill.info{background:var(--info-soft);color:var(--info-soft-fg)}.status-pill.info .dot{background:var(--info)}.status-pill.muted .dot{background:var(--fg-faint)}.section-title{display:flex;align-items:baseline;gap:12px;margin:0 0 14px}.section-title h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.015em}.section-title .sub{font-size:12px;color:var(--fg-muted);font-family:var(--mono)}.section-title .right{margin-left:auto}.row{display:flex;align-items:center;gap:8px}.row.gap-2{gap:4px}.row.gap-4{gap:8px}.row.gap-6{gap:12px}.row.spread{justify-content:space-between}.col{display:flex;flex-direction:column}.col.gap-2{gap:4px}.col.gap-4{gap:8px}.col.gap-6{gap:12px}.col.gap-8{gap:16px}.flex-1{flex:1}.text-muted{color:var(--fg-muted)}.text-faint{color:var(--fg-faint)}.text-soft{color:var(--fg-soft)}.text-sm{font-size:12px}.text-xs{font-size:11px}.fw-500{font-weight:500}.fw-600{font-weight:600}.divider{height:1px;background:var(--border);margin:16px 0}.divider-v{width:1px;background:var(--border);align-self:stretch}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--fg-faint)}.blueprint-bg{background-color:var(--bg);background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px}.photo-placeholder{background:repeating-linear-gradient(135deg,var(--bg-soft),var(--bg-soft) 6px,var(--surface-2) 6px,var(--surface-2) 12px);border:1px solid var(--border);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--fg-muted);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;text-align:center;padding:8px;aspect-ratio:4 / 3}.bar{height:4px;background:var(--bg-soft);border-radius:999px;overflow:hidden;position:relative}.bar>span{display:block;height:100%;background:var(--fg);border-radius:999px;transition:width .3s}.bar.accent>span{background:var(--accent)}.bar.success>span{background:var(--success)}.bar.danger>span{background:var(--danger)}.bar.tall{height:6px}.popover{position:absolute;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:50;min-width:220px;padding:4px}.popover .item{display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:13px;color:var(--fg-soft);cursor:pointer;border-radius:var(--r-xs)}.popover .item:hover{background:var(--bg-soft);color:var(--fg)}.popover .item.danger{color:var(--danger)}.popover .item.danger:hover{background:var(--danger-soft)}.popover .sep{height:1px;background:var(--border);margin:4px 0}.gantt-shell{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column}.gantt-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.gantt-zoom{display:inline-flex;border:1px solid var(--border);background:var(--bg-elev);border-radius:var(--r-sm);overflow:hidden}.gantt-zoom button{border:none;background:transparent;padding:5px 10px;font-family:var(--mono);font-size:11px;color:var(--fg-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;border-right:1px solid var(--border)}.gantt-zoom button:last-child{border-right:none}.gantt-zoom button:hover{background:var(--bg-soft);color:var(--fg)}.gantt-zoom button.active{background:var(--fg);color:var(--bg-elev)}.gantt-legend{display:flex;align-items:center;gap:14px;margin-left:auto;font-size:11px;color:var(--fg-muted);font-family:var(--mono)}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:14px;height:8px;border-radius:2px;background:var(--steel)}.legend-swatch.accent{background:var(--accent)}.legend-swatch.success{background:var(--success)}.legend-swatch.danger{background:var(--danger)}.legend-arrow{width:18px;height:12px}.gantt-body{display:grid;grid-template-columns:320px 1fr;position:relative;overflow:hidden}.gantt-tasks{border-right:1px solid var(--border);background:var(--surface);position:relative;z-index:2}.gantt-tasks-header{height:48px;display:grid;grid-template-columns:1fr 60px 50px;align-items:center;gap:0;padding:0 14px;border-bottom:1px solid var(--border);background:var(--bg-soft);font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted)}.gantt-task-row{display:grid;grid-template-columns:1fr 60px 50px;align-items:center;gap:0;padding:0 14px;height:56px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.gantt-task-row:hover{background:var(--bg-soft)}.gantt-task-row .task-name{display:flex;flex-direction:column;gap:2px;overflow:hidden}.gantt-task-row .task-name strong{font-size:13px;font-weight:500;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.gantt-task-row .task-name .meta{font-size:11px;color:var(--fg-muted);font-family:var(--mono);display:flex;align-items:center;gap:6px}.gantt-task-row .task-prog{font-family:var(--mono);font-size:11px;color:var(--fg-muted);text-align:right}.gantt-task-row .task-resp{display:flex;justify-content:flex-end}.gantt-canvas{position:relative;overflow-x:auto;overflow-y:hidden;-webkit-user-select:none;user-select:none}.gantt-canvas-inner{position:relative;min-width:100%}.gantt-header{position:sticky;top:0;height:48px;background:var(--bg-soft);border-bottom:1px solid var(--border);z-index:3}.gantt-header-months{display:flex;height:24px;border-bottom:1px solid var(--border)}.gantt-month{border-right:1px solid var(--border);font-family:var(--mono);font-size:11px;font-weight:500;color:var(--fg-soft);letter-spacing:.04em;padding:4px 8px;text-transform:uppercase;display:flex;align-items:center;white-space:nowrap;flex-shrink:0}.gantt-header-days{display:flex;height:24px}.gantt-day{border-right:1px solid var(--border);font-family:var(--mono);font-size:10px;color:var(--fg-muted);text-align:center;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gantt-day.weekend{background:var(--bg-soft)}.gantt-day.today{color:var(--accent);font-weight:600;background:var(--accent-soft)}.gantt-rows{position:relative;z-index:1}.gantt-row{height:56px;border-bottom:1px solid var(--border);position:relative}.gantt-row.alt{background:var(--bg-soft)}.gantt-grid-day{position:absolute;top:0;bottom:0;width:1px;background:var(--border);opacity:.7}.gantt-grid-day.weekend{background:var(--bg-soft);width:var(--day-w, 24px);opacity:.5}.gantt-grid-day.month{background:var(--border-strong);opacity:1;width:1px}.gantt-today-line{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);z-index:4;pointer-events:none}.gantt-today-line:before{content:"HOJE";position:absolute;top:4px;left:4px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--accent);background:var(--bg-elev);padding:1px 4px;border:1px solid var(--accent);border-radius:2px}.gantt-bar{position:absolute;height:22px;top:50%;transform:translateY(-50%);border-radius:3px;display:flex;align-items:center;padding:0 8px;font-family:var(--mono);font-size:10.5px;font-weight:500;color:var(--fg);cursor:pointer;white-space:nowrap;overflow:visible;z-index:5;transition:transform .1s,box-shadow .1s;background:var(--steel-soft);border:1px solid var(--steel)}.gantt-bar:hover{z-index:6;box-shadow:var(--shadow-md)}.gantt-bar.in-progress{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-soft-fg)}.gantt-bar.completed{background:var(--success-soft);border-color:var(--success);color:var(--success-soft-fg)}.gantt-bar.delayed{background:var(--danger-soft);border-color:var(--danger);color:var(--danger-soft-fg)}.gantt-bar.not-started{background:var(--bg-soft);border-color:var(--border-strong);border-style:dashed;color:var(--fg-muted)}.gantt-bar.group-bar{height:10px;background:var(--accent);border-color:var(--accent);color:#fff;border-radius:2px;opacity:.85}.gantt-bar.group-bar:hover{opacity:1}.gantt-bar.group-bar.delayed{background:var(--danger-soft);border-color:var(--danger);color:var(--danger-soft-fg)}.gantt-bar.group-bar .bar-label{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.gantt-bar .bar-fill{position:absolute;left:0;top:0;bottom:0;background:currentColor;opacity:.18;border-radius:2px;pointer-events:none}.gantt-bar.completed .bar-fill{opacity:.25}.gantt-bar .bar-label{position:relative;z-index:1}.gantt-bar .delay-badge{position:absolute;right:-6px;top:-8px;background:var(--danger);color:#fff;font-family:var(--mono);font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:2px;display:flex;align-items:center;gap:3px;letter-spacing:.04em;border:1.5px solid var(--bg-elev);z-index:2}.gantt-bar .phase-marker{position:absolute;top:-3px;width:1px;height:calc(100% + 6px);background:currentColor;opacity:.3}.gantt-bar.ghost{background:transparent;border:1.5px dashed var(--fg-muted);opacity:.4;pointer-events:none;z-index:3;cursor:default}.gantt-deps{position:absolute;top:0;left:0;pointer-events:none;z-index:3}.gantt-deps path{fill:none;stroke:var(--fg-muted);stroke-width:1.5;stroke-dasharray:4 3;opacity:.7}.gantt-deps path.highlight{stroke:var(--accent);opacity:1;stroke-width:2}.gantt-deps marker path{fill:var(--fg-muted);stroke:none;stroke-dasharray:none;opacity:1}.empty-state{padding:60px 24px;text-align:center;color:var(--fg-muted)}.empty-state svg{color:var(--fg-faint);margin-bottom:12px}.empty-state h3{margin:0 0 4px;font-size:15px;color:var(--fg-soft);font-weight:600}.empty-state p{margin:0;font-size:13px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}.login-art{background:var(--fg);color:var(--bg-elev);position:relative;overflow:hidden;display:flex;flex-direction:column;padding:48px}.login-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.login-art-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.login-art-brand .mark{width:36px;height:36px;background:var(--accent);color:var(--fg);display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:16px;border-radius:2px}.login-art-brand .name{font-size:14px;font-weight:600}.login-art-brand .sub{font-family:var(--mono);font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em}.login-art-quote{margin-top:auto;position:relative;z-index:2;max-width:460px}.login-art-quote h1{font-size:36px;font-weight:600;letter-spacing:-.025em;line-height:1.1;margin:0 0 16px}.login-art-quote h1 em{font-style:normal;color:var(--accent)}.login-art-quote p{font-size:14px;color:#ffffffb3;line-height:1.55;margin:0;max-width:420px}.login-art-stats{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;position:relative;z-index:2;max-width:460px}.login-art-stat .v{font-family:var(--mono);font-size:22px;font-weight:600;letter-spacing:-.02em}.login-art-stat .l{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin-top:2px}.login-form-side{display:grid;place-items:center;padding:48px}.login-form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:20px}.login-form h2{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0 0 4px}.login-form .sub{color:var(--fg-muted);font-size:13px;margin:0}.login-form .form-fields{display:flex;flex-direction:column;gap:12px}.login-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-muted)}.login-row .checkbox{display:flex;align-items:center;gap:6px;cursor:pointer}.login-row .checkbox input{width:auto}.login-link{color:var(--fg-soft);text-decoration:none;cursor:pointer}.login-link:hover{color:var(--accent)}.login-divider{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:10px;color:var(--fg-muted);letter-spacing:.08em;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-foot{font-size:12px;color:var(--fg-muted);text-align:center;margin-top:24px;font-family:var(--mono)}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.proj-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:18px;cursor:pointer;display:flex;flex-direction:column;gap:14px;transition:border-color .12s}.proj-card:hover{border-color:var(--fg-faint)}.proj-card .code{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--fg-muted);text-transform:uppercase}.proj-card h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.015em;line-height:1.25}.proj-card .desc{font-size:12.5px;color:var(--fg-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.proj-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:12px;border-top:1px dashed var(--border);font-size:11px}.proj-card-meta .l{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted)}.proj-card-meta .v{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--fg);margin-top:2px}.proj-header{padding:20px 24px 0;background:var(--bg)}.proj-header-top{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}.proj-header h1{margin:4px 0;font-size:22px;font-weight:600;letter-spacing:-.02em}.proj-header .proj-sub{display:flex;align-items:center;gap:12px;color:var(--fg-muted);font-size:12px}.proj-header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.proj-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:0}.notif-panel{position:absolute;top:100%;right:24px;margin-top:6px;width:380px;max-height:460px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:100;display:flex;flex-direction:column;overflow:hidden}.notif-panel header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}.notif-list{overflow:auto}.notif-item{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px}.notif-item:hover{background:var(--bg-soft)}.notif-item:last-child{border-bottom:none}.notif-icon{width:28px;height:28px;border-radius:var(--r-sm);background:var(--bg-soft);color:var(--fg-soft);display:grid;place-items:center;flex-shrink:0}.notif-icon.danger{background:var(--danger-soft);color:var(--danger-soft-fg)}.notif-icon.warning{background:var(--warning-soft);color:var(--warning-soft-fg)}.notif-icon.info{background:var(--info-soft);color:var(--info-soft-fg)}.notif-icon.accent{background:var(--accent-soft);color:var(--accent-soft-fg)}.notif-item .body{flex:1;min-width:0}.notif-item .body .title{font-size:13px;font-weight:500;margin-bottom:2px}.notif-item .body .msg{font-size:12px;color:var(--fg-muted);line-height:1.4}.notif-item .body .when{font-size:10.5px;color:var(--fg-faint);font-family:var(--mono);margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.chart-tabular{display:grid;grid-template-columns:80px 1fr 100px;gap:10px;align-items:center;font-size:12px;margin-bottom:6px}.chart-tabular .label{font-family:var(--mono);font-size:11px;color:var(--fg-muted);text-align:right;letter-spacing:.04em}.chart-tabular .track{height:18px;background:var(--bg-soft);border-radius:2px;position:relative;overflow:hidden}.chart-tabular .fill-in{height:100%;background:var(--success);position:absolute;left:0;border-radius:2px}.chart-tabular .fill-out{height:100%;background:var(--danger);position:absolute;border-radius:2px}.chart-tabular .v{font-family:var(--mono);font-size:12px;text-align:right;color:var(--fg);font-weight:500}.sparkline{display:block}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.photo-item{aspect-ratio:4 / 3;border-radius:var(--r-sm);overflow:hidden;position:relative;cursor:pointer;border:1px solid var(--border)}.photo-item .photo-placeholder{aspect-ratio:auto;height:100%;border:none;border-radius:0}.photo-item .photo-overlay{position:absolute;bottom:0;left:0;right:0;padding:6px 8px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:6px}.photo-item .comment-badge{background:#00000080;padding:1px 6px;border-radius:999px;font-family:var(--mono);font-size:10px;display:flex;align-items:center;gap:3px}.photo-viewer{display:grid;grid-template-columns:1fr 320px;height:70vh}.photo-viewer-img{background:#0a0a0a;display:grid;place-items:center;position:relative}.photo-viewer-img .photo-placeholder{aspect-ratio:auto;width:100%;height:100%;border:none;border-radius:0;color:#ffffff80}.photo-viewer-side{border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column}.photo-viewer-comments{flex:1;overflow:auto;padding:14px 16px}.comment{display:flex;gap:10px;margin-bottom:14px}.comment .comment-body{flex:1}.comment .comment-head{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.comment .comment-author{font-weight:500;font-size:12.5px}.comment .comment-date{font-family:var(--mono);font-size:10px;color:var(--fg-muted);text-transform:uppercase}.comment .comment-text{font-size:12.5px;color:var(--fg-soft);line-height:1.45}.photo-viewer-input{border-top:1px solid var(--border);padding:10px 12px;display:flex;gap:8px}.photo-viewer-input input{flex:1;font-size:12.5px;padding:6px 10px}.dep-card{border:1px solid var(--border);border-radius:var(--r-sm);padding:12px;background:var(--bg-soft);display:flex;align-items:center;gap:12px}.dep-card .dep-meta{flex:1;font-size:12px;color:var(--fg-muted)}.dep-card .dep-name{font-size:13px;color:var(--fg);font-weight:500}.cashflow-chart{position:relative;height:220px;padding:12px 0}.cashflow-chart .axis-y{position:absolute;left:0;top:12px;bottom:24px;width:50px;font-family:var(--mono);font-size:10px;color:var(--fg-muted);display:flex;flex-direction:column;justify-content:space-between;text-align:right;padding-right:6px}.cashflow-chart .plot{position:absolute;left:50px;right:12px;top:12px;bottom:24px;border-bottom:1px solid var(--border);border-left:1px solid var(--border)}.cashflow-chart .gridline{position:absolute;left:0;right:0;height:1px;background:var(--border);opacity:.5}.cashflow-chart svg{display:block}.cashflow-chart .axis-x{position:absolute;left:50px;right:12px;bottom:0;height:24px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--fg-muted);padding-top:4px}.chip{padding:4px 10px;font-size:11.5px;font-family:var(--mono);background:var(--bg-soft);color:var(--fg-soft);border:1px solid var(--border);border-radius:999px;cursor:pointer;letter-spacing:.02em;text-transform:uppercase}.chip:hover{background:var(--bg-elev);border-color:var(--fg-faint)}.chip.active{background:var(--fg);color:var(--bg-elev);border-color:var(--fg)}.theme-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;background:var(--surface)}.theme-toggle button{background:transparent;border:none;padding:5px 9px;cursor:pointer;color:var(--fg-muted)}.theme-toggle button.active{background:var(--fg);color:var(--bg-elev)}