:root{color-scheme:dark;--bg:#0b0d12;--panel:#10131a;--card:#151923;--card-hover:#1a1f2b;--line:#232837;--line-soft:#1c2130;--ink:#e8ebf2;--muted:#8b93a7;--faint:#5b6275;--accent:#5b8cff;--accent-bg:rgba(91,140,255,0.12);--teal:#2dd4bf;--teal-bg:rgba(45,212,191,0.1);--green:#34d399;--green-bg:rgba(52,211,153,0.1);--amber:#fbbf24;--amber-bg:rgba(251,191,36,0.1);--red:#f87171;--red-bg:rgba(248,113,113,0.1);--violet:#a78bfa;--violet-bg:rgba(167,139,250,0.12);--radius:12px}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-color:#2a3040 transparent}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line-soft);padding:20px 12px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.logo{display:flex;align-items:center;gap:10px;padding:2px 10px 18px}.logo .mark{width:30px;height:30px;border-radius:8px;flex-shrink:0;background:linear-gradient(135deg,#5b8cff,#a78bfa);display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff}.logo b{font-size:15px;letter-spacing:-.01em}.logo small{display:block;color:var(--faint);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.nav-section{margin-top:14px}.nav-section>span{display:block;padding:0 10px 6px;color:var(--faint);font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;color:var(--muted);font-weight:500;font-size:13.5px}.nav-item:hover{background:var(--card);color:var(--ink);text-decoration:none}.nav-item.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.nav-item .ico{width:18px;text-align:center;opacity:.9}.sidebar-foot{margin-top:auto;padding:12px 10px 0;border-top:1px solid var(--line-soft)}.sidebar-foot .who{font-size:12px;color:var(--muted);word-break:break-all;margin-bottom:8px}.sidebar-foot button{width:100%}.content{flex:1 1;min-width:0;padding:26px 32px 80px;max-width:1400px}h1{font-size:22px;letter-spacing:-.02em;font-weight:700}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.page-head p{font-size:13px;margin-top:4px}.page-head p,h2{color:var(--muted)}h2{font-size:11.5px;text-transform:uppercase;letter-spacing:.09em;margin:30px 0 12px;font-weight:700}h2:first-child{margin-top:0}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.grid-2{grid-template-columns:1fr 1fr;grid-gap:14px}.grid-2,.grid-3{display:grid;gap:14px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:14px}@media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.kpi b{font-size:26px;display:block;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi span{color:var(--muted);font-size:12px;font-weight:500}.kpi .delta{font-size:11px;margin-top:4px;display:block}.pill{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--accent-bg);color:var(--accent);white-space:nowrap}.pill.teal{background:var(--teal-bg);color:var(--teal)}.pill.green{background:var(--green-bg);color:var(--green)}.pill.amber{background:var(--amber-bg);color:var(--amber)}.pill.red{background:var(--red-bg);color:var(--red)}.pill.violet{background:var(--violet-bg);color:var(--violet)}.pill.gray{background:rgba(139,147,167,.12);color:var(--muted)}.dot{width:8px;height:8px;border-radius:999px;display:inline-block;flex-shrink:0}.dot.green{background:var(--green)}.dot.amber{background:var(--amber)}.dot.red{background:var(--red)}.prio{font-size:10px;font-weight:800;padding:2px 6px;border-radius:5px;letter-spacing:.02em}.prio.P0{background:var(--red-bg);color:var(--red);border:1px solid rgba(248,113,113,.3)}.prio.P1{background:var(--amber-bg);color:var(--amber);border:1px solid rgba(251,191,36,.25)}.prio.P2{background:var(--accent-bg);color:var(--accent);border:1px solid rgba(91,140,255,.25)}.prio.P3{background:rgba(139,147,167,.1);color:var(--muted);border:1px solid var(--line)}button,input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:var(--panel);color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-bg);border-color:var(--accent)}input[type=date],input[type=datetime-local]{color-scheme:dark}button{cursor:pointer;font-weight:600}button:hover{background:var(--card-hover)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{opacity:.9;background:var(--accent)}.small-select{font-size:11.5px;padding:3px 6px;border-radius:6px}.danger{color:var(--red);border-color:rgba(248,113,113,.35)}.danger:hover{background:var(--red-bg)}.form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.form h3{font-size:13px;margin-bottom:12px;font-weight:600}.form .row{margin-bottom:8px}.form input,.form select,.form textarea{flex:1 1;min-width:0}.forms{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:760px){.forms{grid-template-columns:1fr}}.table{width:100%;border-collapse:collapse;background:var(--card)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.table-wrap .table{min-width:760px}.table th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:700;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--panel)}.table td{padding:11px 14px;border-bottom:1px solid var(--line-soft);font-size:13px;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--card-hover)}.table td .sub{color:var(--muted);font-size:11.5px;display:block;margin-top:1px}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);grid-gap:12px;gap:12px;overflow-x:auto;padding-bottom:8px}.col{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);padding:10px;min-height:80px}.col>h3{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin:2px 4px 10px;display:flex;justify-content:space-between;font-weight:700}.col>h3 span{color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.client{border:1px solid var(--line);border-radius:10px;padding:11px 12px;margin-bottom:8px;background:var(--card)}.client:hover{background:var(--card-hover);border-color:#2c3345}.client b{font-size:13px;display:block;line-height:1.35}.client small{color:var(--muted);display:block;font-size:11.5px;margin-top:2px}.client .meta{margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}.draggable{cursor:-webkit-grab;cursor:grab;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.draggable:active{cursor:-webkit-grabbing;cursor:grabbing}.draggable.dragging{opacity:.45;transform:rotate(1.5deg) scale(.98)}.col.drop{transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.col.drop-over{border-color:var(--accent);background:rgba(91,140,255,.05);box-shadow:inset 0 0 0 1px var(--accent)}.grip{font-size:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.05em}.ghost-x,.grip{color:var(--faint)}.ghost-x{border:none;background:transparent;font-size:12px;padding:0 4px;line-height:1;opacity:0;flex-shrink:0}.client:hover .ghost-x,.feed-item:hover .ghost-x{opacity:1}.ghost-x:hover{color:var(--red);background:transparent}.dropzones{position:-webkit-sticky;position:sticky;bottom:12px;display:flex;gap:12px;margin-top:12px;opacity:0;pointer-events:none;transform:translateY(6px);transition:all .15s ease}.dropzones.visible{opacity:1;pointer-events:auto;transform:none}.dropzone{flex:1 1;text-align:center;padding:18px;border-radius:var(--radius);font-weight:800;font-size:13px;letter-spacing:.03em;border:2px dashed var(--line);background:var(--panel)}.dropzone.win{color:var(--green);border-color:rgba(52,211,153,.4)}.dropzone.lose{color:var(--red);border-color:rgba(248,113,113,.35)}.dropzone.drop-over.win{background:var(--green-bg);border-style:solid;box-shadow:0 0 24px rgba(52,211,153,.25)}.dropzone.drop-over.lose{background:var(--red-bg);border-style:solid;box-shadow:0 0 24px rgba(248,113,113,.2)}.quick-add{display:flex;gap:6px;margin:0 2px 10px}.quick-add input{flex:1 1;min-width:0;font-size:12.5px;padding:6px 9px}.avatar{width:22px;height:22px;border-radius:999px;color:#0b0d12;font-size:9.5px;font-weight:800;display:inline-grid;place-items:center;flex-shrink:0}.task{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px}.task .t-main{flex:1 1;min-width:0}.task b{font-size:13px;font-weight:600}.task small{color:var(--muted);font-size:11.5px;display:block;margin-top:1px}.task.done b{text-decoration:line-through;color:var(--muted)}.due{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}.due.over{background:var(--red-bg);color:var(--red)}.due.soon{background:var(--amber-bg);color:var(--amber)}.due.ok{background:var(--teal-bg);color:var(--teal)}.checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.progress{height:6px;border-radius:999px;background:var(--line-soft);overflow:hidden}.progress i{display:block;height:100%;border-radius:999px;background:var(--accent)}.progress.green i{background:var(--green)}.progress.amber i{background:var(--amber)}.progress.red i{background:var(--red)}.gantt{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow-x:auto}.gantt-inner{min-width:900px}.gantt-head{display:grid;border-bottom:1px solid var(--line);background:var(--panel)}.gantt-head span{padding:8px 6px;font-size:10.5px;color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:center;border-left:1px solid var(--line-soft)}.gantt-row{display:grid;align-items:center;border-bottom:1px solid var(--line-soft);position:relative;min-height:44px}.gantt-row:last-child{border-bottom:none}.gantt-label{padding:8px 12px;font-size:12.5px;font-weight:600;position:-webkit-sticky;position:sticky;left:0;background:var(--card);z-index:2;border-right:1px solid var(--line)}.gantt-label small{display:block;color:var(--muted);font-size:10.5px;font-weight:500}.gantt-track{position:relative;height:44px}.gantt-bar{position:absolute;top:12px;height:20px;border-radius:6px;background:linear-gradient(90deg,rgba(91,140,255,.85),rgba(167,139,250,.85));font-size:10px;color:#fff;font-weight:700;display:flex;align-items:center;padding:0 8px;overflow:hidden;white-space:nowrap}.gantt-bar.done{background:linear-gradient(90deg,rgba(52,211,153,.7),rgba(45,212,191,.7))}.gantt-bar.on_hold{background:rgba(139,147,167,.35)}.gantt-ms{position:absolute;top:15px;width:13px;height:13px;transform:rotate(45deg) translateX(-50%);border-radius:3px;border:2px solid var(--bg);z-index:1}.gantt-ms.done{background:var(--green)}.gantt-ms.pending{background:var(--amber)}.gantt-ms.in_progress{background:var(--accent)}.gantt-ms.blocked,.gantt-today{background:var(--red)}.gantt-today{position:absolute;top:0;bottom:0;width:2px;opacity:.55;z-index:1}.cal{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card)}.cal-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--panel);border-bottom:1px solid var(--line)}.cal-head span{padding:8px;text-align:center;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--faint)}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-cell{min-height:110px;min-width:0;overflow:hidden;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:6px}.cal-cell:nth-child(7n){border-right:none}.cal-cell.dim{background:var(--panel);opacity:.55}.cal-cell.today{background:rgba(91,140,255,.06);box-shadow:inset 0 0 0 1px rgba(91,140,255,.4)}.cal-date{font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:4px;display:block}.cal-cell.today .cal-date,.cal-ev{color:var(--accent)}.cal-ev{display:block;font-size:10.5px;font-weight:600;padding:2px 6px;margin-bottom:3px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--accent-bg);border-left:2px solid var(--accent)}.cal-ev.deadline{background:var(--red-bg);color:var(--red);border-left-color:var(--red)}.cal-ev.task{background:var(--amber-bg);color:var(--amber);border-left-color:var(--amber)}.cal-ev.milestone{background:var(--violet-bg);color:var(--violet);border-left-color:var(--violet)}.cal-ev.call,.cal-ev.demo,.cal-ev.meeting,.cal-ev.workshop{background:var(--teal-bg);color:var(--teal);border-left-color:var(--teal)}.cal-ev.internal{background:rgba(139,147,167,.12);color:var(--muted);border-left-color:var(--muted)}.cal-cell.drop-over-cell{background:rgba(91,140,255,.1);box-shadow:inset 0 0 0 2px var(--accent)}.cal-ev.dragging{opacity:.4}.cal-ev:hover{filter:brightness(1.25)}.modal-back{position:fixed;inset:0;background:rgba(4,6,10,.7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:100;padding:20px}.modal{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;width:100%;max-width:480px;box-shadow:0 24px 64px rgba(0,0,0,.5)}.modal h3{font-size:15px;margin-bottom:12px}.modal .row{margin-bottom:8px}.modal input,.modal select,.modal textarea{flex:1 1;min-width:0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:18px 0;flex-wrap:wrap}.tabs a{padding:8px 14px;font-size:13px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs a:hover{color:var(--ink);text-decoration:none}.tabs a.active{color:var(--accent);border-bottom-color:var(--accent)}.empty{color:var(--faint);padding:10px 4px}.crumb,.empty{font-size:12.5px}.crumb{color:var(--muted);margin-bottom:8px;display:block}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:1px;gap:1px;background:var(--line-soft);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.detail-grid>div{background:var(--card);padding:12px 14px}.detail-grid label{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);font-weight:700;margin-bottom:3px}.detail-grid b{font-size:13.5px;font-weight:600}.feed-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.feed-item>.due,.feed-item>.pill,.feed-item>.prio,.feed-item>form{align-self:center}.feed-item:last-child{border-bottom:none}.feed-ico{width:30px;height:30px;border-radius:8px;background:var(--panel);border:1px solid var(--line);display:grid;place-items:center;font-size:13px;flex-shrink:0}.feed-body{flex:1 1;min-width:0;font-size:13px}.feed-body small{color:var(--muted);display:block;font-size:11.5px;margin-top:2px}.center-card{max-width:400px;margin:14vh auto;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:36px;text-align:center}.center-card h1{margin-bottom:8px}.center-card p{color:var(--muted);font-size:13.5px;margin-bottom:20px}.center-card form{display:flex;flex-direction:column;gap:10px}@media (max-width:860px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;gap:4px;overflow-x:auto;padding:10px 12px}.logo{padding:0 8px 0 0}.nav-section{margin:0;display:flex}.nav-section>span,.sidebar-foot{display:none}.content{padding:20px 16px 60px}}