*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--surface:#1c1c1e;--surface2:#2c2c2e;--surface3:#3a3a3c;--border:#ffffff14;--border2:#ffffff24;--text:#fff;--text2:#ebebf599;--text3:#ebebf54d;--accent:#e41239;--accent2:#c01030;--blue:#0a84ff;--purple:#bf5af2;--orange:#ff9f0a;--red:#ff453a;--green:#30d158;--david:#bf5af2;--fabian:#0a84ff;--thomas:#ff9f0a;--r:14px;--r2:10px;--shadow:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-lg:0 8px 30px #00000080, 0 2px 8px #0000004d}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif}.mono{font-family:SF Mono,ui-monospace,Cascadia Code,Fira Code,monospace}.app{height:100vh;display:flex;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(20px)saturate(180%);border-right:1px solid var(--border);background:#1c1c1eeb;flex-direction:column;flex-shrink:0;width:240px;display:flex}.main{flex-direction:column;flex:1;display:flex;overflow-y:auto}.logo{border-bottom:1px solid var(--border);padding:24px 20px 18px}.logo-text{letter-spacing:-.4px;color:var(--text);font-size:16px;font-weight:700}.logo-sub{color:var(--text3);letter-spacing:.06em;text-transform:uppercase;margin-top:3px;font-family:SF Mono,ui-monospace,monospace;font-size:10px}.nav{flex:1;padding:14px 12px}.nav-item{cursor:pointer;color:var(--text2);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:3px;padding:10px 14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:14px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{color:var(--text);background:#ffffff0f}.nav-item.active{color:var(--accent);background:#e4123924}.nav-icon{text-align:center;width:20px;font-size:16px}.nav-section{color:var(--text3);letter-spacing:.1em;text-transform:uppercase;padding:14px 14px 6px;font-family:SF Mono,ui-monospace,monospace;font-size:10px}.team-list{border-top:1px solid var(--border);padding:14px 12px}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.team-name{color:var(--text2);font-size:13px;font-weight:500}.team-role{color:var(--text3);font-family:SF Mono,ui-monospace,monospace;font-size:10px}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);background:#1c1c1ed9;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.page-title{letter-spacing:-.3px;font-size:17px;font-weight:600}.topbar-actions{align-items:center;gap:8px;display:flex}.btn{cursor:pointer;letter-spacing:-.1px;border:none;border-radius:15px;align-items:center;gap:6px;padding:9px 18px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2)}.btn-ghost{background:var(--surface2);color:var(--text2);border:1px solid var(--border2)}.btn-ghost:hover{color:var(--text);background:var(--surface3)}.btn-sm{padding:6px 13px;font-size:12px}.btn:disabled{opacity:.4;cursor:not-allowed}.content{flex:1;padding:28px}.pipeline-tabs{background:var(--surface2);border-radius:12px;gap:2px;width:fit-content;margin-bottom:22px;padding:3px;display:flex}.ptab{cursor:pointer;color:var(--text2);background:0 0;border:none;border-radius:10px;padding:7px 18px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.ptab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000004d}.kanban{align-items:flex-start;gap:14px;padding-bottom:16px;display:flex;overflow-x:auto}.kanban-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);min-width:230px;max-width:250px;box-shadow:var(--shadow);flex-shrink:0;transition:box-shadow .15s,border-color .15s;overflow:hidden}.kanban-col.drag-over{border-color:var(--accent);box-shadow:0 0 0 2px #e412392e, var(--shadow)}.col-header{border-bottom:1px solid var(--border);background:var(--surface2);justify-content:space-between;align-items:center;padding:11px 14px 10px;display:flex}.col-title{letter-spacing:.05em;color:var(--text2);text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.col-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.col-count{color:var(--text3);background:var(--surface3);border-radius:10px;padding:2px 8px;font-family:SF Mono,ui-monospace,monospace;font-size:11px;font-weight:600}.col-cards{min-height:60px;padding:10px}.project-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r2);cursor:grab;margin-bottom:8px;padding:14px;transition:all .15s;box-shadow:0 1px 3px #00000040}.project-card:last-child{margin-bottom:0}.project-card:hover{border-color:var(--border2);background:var(--surface3);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.project-card.dragging{opacity:.4;cursor:grabbing;transform:scale(.97)}.card-type{color:var(--text3);letter-spacing:.04em;margin-bottom:7px;font-family:SF Mono,ui-monospace,monospace;font-size:10px}.card-name{color:var(--text);margin-bottom:5px;font-size:14px;font-weight:600;line-height:1.35}.card-client{color:var(--text2);margin-bottom:12px;font-size:12px}.card-footer{justify-content:space-between;align-items:center;display:flex}.mini-avatar{border:1.5px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:-4px;font-size:8px;font-weight:700;display:flex}.mini-avatar:first-child{margin-left:0}.retainer-badge{color:var(--accent);background:#e412391a;border:1px solid #e4123940;border-radius:10px;padding:2px 8px;font-family:SF Mono,ui-monospace,monospace;font-size:9px;font-weight:500}.stats-bar{flex-wrap:wrap;gap:14px;margin-bottom:22px;display:flex}.stat-pill{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);min-width:110px;box-shadow:var(--shadow);flex:1;padding:18px 22px}.stat-num{color:var(--accent);letter-spacing:-.5px;font-family:SF Mono,ui-monospace,monospace;font-size:28px;font-weight:700}.stat-label{color:var(--text3);letter-spacing:.04em;text-transform:uppercase;margin-top:4px;font-family:SF Mono,ui-monospace,monospace;font-size:11px}.upsell-list{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.upsell-item{border-radius:var(--r);background:#ff9f0a0f;border:1px solid #ff9f0a33;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.upsell-client{font-size:14px;font-weight:600}.upsell-date{color:var(--orange);font-family:SF Mono,ui-monospace,monospace;font-size:12px}.upsell-note{color:var(--text2);margin-top:2px;font-size:12px}.workload-grid{flex-direction:column;gap:14px;display:flex}.wl-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:20px}.wl-header{align-items:center;gap:14px;margin-bottom:18px;display:flex}.wl-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.wl-info{flex:1}.wl-name{font-size:15px;font-weight:600}.wl-role{color:var(--text3);margin-top:2px;font-family:SF Mono,ui-monospace,monospace;font-size:11px}.cap-badge{border-radius:12px;padding:5px 11px;font-family:SF Mono,ui-monospace,monospace;font-size:11px;font-weight:600}.cap-ok{color:var(--green);background:#30d15824}.cap-near{color:var(--orange);background:#ff9f0a24}.cap-over{color:var(--red);background:#ff453a24}.bar-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.bar-label{color:var(--text3);flex-shrink:0;width:86px;font-family:SF Mono,ui-monospace,monospace;font-size:11px}.bar-track{background:var(--surface3);border-radius:3px;flex:1;height:6px;overflow:hidden}.bar-fill{border-radius:3px;height:100%;transition:width .6s}.bar-val{color:var(--text3);text-align:right;width:38px;font-family:SF Mono,ui-monospace,monospace;font-size:11px}.wl-tasks{flex-wrap:wrap;gap:7px;display:flex}.task-chip{border:1px solid;border-radius:10px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:500;display:flex}.chip-open{color:var(--blue);background:#0a84ff1a;border-color:#0a84ff40}.chip-review{color:var(--purple);background:#bf5af21a;border-color:#bf5af240}.chip-blocked{color:var(--red);background:#ff453a1a;border-color:#ff453a40}.chip-done{color:var(--green);background:#30d1581a;border-color:#30d15840}.wl-divider{border:none;border-top:1px solid var(--border);margin:16px 0}.wl-stats{flex-wrap:wrap;gap:22px;display:flex}.wl-stat{color:var(--text3);font-family:SF Mono,ui-monospace,monospace;font-size:12px}.wl-stat strong{color:var(--text2);font-weight:500}.daily-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:22px;display:grid}.report-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:20px}.time-row{gap:10px;margin-bottom:16px;display:flex}.time-input-wrap{flex:1}.time-label{color:var(--text3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-family:SF Mono,ui-monospace,monospace;font-size:10px}.time-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r2);width:100%;color:var(--text);outline:none;padding:9px 12px;font-family:SF Mono,ui-monospace,monospace;font-size:14px;transition:border-color .15s,box-shadow .15s}.time-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e4123926}.hours-display{color:var(--accent);letter-spacing:-.5px;margin-bottom:4px;font-family:SF Mono,ui-monospace,monospace;font-size:26px;font-weight:700}.hours-label{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-family:SF Mono,ui-monospace,monospace;font-size:10px}.task-check{cursor:pointer;align-items:center;gap:9px;padding:6px 0;display:flex}.task-check input{accent-color:var(--accent);cursor:pointer;width:15px;height:15px}.task-check-label{color:var(--text2);font-size:13px}.holiday-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:26px;display:grid}.pto-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:20px}.pto-num{letter-spacing:-.5px;font-family:SF Mono,ui-monospace,monospace;font-size:32px;font-weight:700}.pto-of{color:var(--text3);font-family:SF Mono,ui-monospace,monospace;font-size:11px}.pto-label{color:var(--text3);margin-bottom:12px;font-size:12px}.pto-bar{background:var(--surface3);border-radius:3px;height:5px;margin-bottom:16px;overflow:hidden}.pto-bar-fill{border-radius:3px;height:100%}.pto-list{flex-direction:column;gap:4px;max-height:130px;display:flex;overflow-y:auto}.pto-entry{border-bottom:1px solid var(--border);color:var(--text2);justify-content:space-between;align-items:center;padding:5px 0;font-family:SF Mono,ui-monospace,monospace;font-size:12px;display:flex}.pto-remove{color:var(--red);cursor:pointer;background:0 0;border:none;font-size:15px;line-height:1}.add-pto{gap:8px;margin-top:10px;display:flex}.add-pto input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r2);color:var(--text);outline:none;flex:1;padding:8px 10px;font-family:SF Mono,ui-monospace,monospace;font-size:12px;transition:border-color .15s,box-shadow .15s}.add-pto input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e4123926}.holidays-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:20px}.holidays-title{color:var(--text3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:600}.holiday-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.holiday-date{color:var(--text3);font-family:SF Mono,ui-monospace,monospace}.holiday-name{color:var(--text2)}.holiday-upcoming{color:var(--accent)}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(20px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:18px;width:540px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 60px #0009,0 0 0 .5px #ffffff0f}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.modal-title{font-size:17px;font-weight:600}.modal-close{background:var(--surface2);color:var(--text3);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;line-height:1;transition:all .15s;display:flex}.modal-close:hover{color:var(--text);background:var(--surface3)}.modal-body{flex-direction:column;gap:18px;padding:24px;display:flex}.field-label{color:var(--text3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-family:SF Mono,ui-monospace,monospace;font-size:11px}.field-input,.field-select{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:11px;outline:none;padding:11px 14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.field-input:focus,.field-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e4123926}.field-select option{background:var(--surface2)}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.section-title{color:var(--text3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:600}.empty{text-align:center;color:var(--text3);padding:48px 20px;font-size:14px}.loading{height:200px;color:var(--text3);justify-content:center;align-items:center;gap:10px;font-family:SF Mono,ui-monospace,monospace;font-size:13px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}textarea.field-input{resize:vertical}