*{box-sizing:border-box}:root{color:#172033;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0;min-width:1120px;background:radial-gradient(circle at top left,rgba(99,102,241,.08),transparent 30%),linear-gradient(180deg,#fbfcff,#f5f6fa)}button,input,select,textarea{font:inherit}button{border:0;border-radius:10px;padding:8px 12px;background:#111827;color:#fff;cursor:pointer;font-weight:650;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}button:hover{background:#263244;box-shadow:0 8px 18px #1118271f;transform:translateY(-1px)}button.secondary{border:1px solid #d9deea;background:#fff;color:#334155}button.secondary:hover{background:#f8fafc}button.dangerButton{border-color:#fecaca;color:#b91c1c}button.dangerButton:hover{background:#fff1f2}.confirmBox{border:1px solid #fed7aa;border-radius:14px;background:#fff7ed;color:#9a3412;padding:12px}.confirmBox p{margin:0 0 10px;font-size:13px;line-height:1.5}input,select,textarea{width:100%;border:1px solid #d9deea;border-radius:10px;background:#fff;color:#172033;padding:8px 10px;outline:none}textarea{min-height:70px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#7c8cf8;box-shadow:0 0 0 3px #7c8cf829}.appShell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #e4e7ef;background:#ffffffdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:18px 16px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.brandMark{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#111827;color:#fff;font-weight:800}.brand span{display:block;margin-top:2px;color:#64748b;font-size:13px}.brandText{display:grid;gap:2px;justify-items:center;text-align:center}nav{display:grid;gap:6px}nav button{justify-content:flex-start;width:100%;border-radius:10px;background:transparent;color:#475569;box-shadow:none;text-align:left}nav button:hover,nav button.active{background:#eef2ff;color:#111827;box-shadow:none;transform:none}.main{padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.eyebrow{margin:0 0 5px;color:#7c8aa0;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:27px;letter-spacing:-.04em}h2{margin-bottom:12px;font-size:16px;letter-spacing:-.02em}h3{margin-bottom:8px;font-size:14px}.userToken{display:grid;width:420px;gap:6px;color:#64748b;font-size:12px;font-weight:650}.errorBanner,.errorText{border:1px solid #fecaca;border-radius:12px;background:#fff1f2;color:#b91c1c;padding:12px 14px}.errorBanner{margin-bottom:18px}.stack{display:grid;gap:14px}.twoColumn{display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px;align-items:start}.grid2,.grid3{display:grid;gap:12px;align-items:start}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2.singleMainForm{grid-template-columns:minmax(360px,560px)}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{border:1px solid #e4e7ef;border-radius:18px;background:#ffffffe6;box-shadow:0 16px 40px #0f172a0f;padding:14px}.form,.filterBar,.inlineEditForm,.assignmentForm{display:grid;gap:8px}.filterBar{grid-template-columns:minmax(180px,1fr) 140px 180px 160px;margin-bottom:10px}.clientsFilterBar{grid-template-columns:minmax(220px,1fr) 150px 180px}.inlineEditForm{grid-template-columns:minmax(180px,1fr) auto auto;align-items:center}.itemEditForm{grid-template-columns:minmax(220px,1fr) minmax(170px,220px) auto auto auto;gap:10px;align-items:center}.itemEditTitleField{display:grid;gap:6px;color:var(--sm-muted);font-size:12px;font-weight:700}.itemEditTitleField input{min-height:34px;font-size:13px}.itemEditForm>button,.projectDetailsForm button,.compactActionButton{min-height:32px;border-radius:10px;font-size:12px;padding:6px 10px}.assignmentForm{grid-template-columns:minmax(220px,1fr) auto;align-items:start;margin-top:14px}.fieldLabel,.deadlineForm label{display:grid;gap:6px;color:#64748b;font-size:12px;font-weight:700}.checkboxLine{display:inline-flex;align-items:center;gap:8px;color:#334155;font-size:13px;font-weight:650}.checkboxLine input{width:auto}.inlineForm{border:1px solid #edf0f6;border-radius:14px;background:#fbfcff;padding:12px}.tableWrap{overflow:auto;border:1px solid #edf0f6;border-radius:14px}table{width:100%;border-collapse:collapse;background:#fff}th,td{border-bottom:1px solid #edf0f6;padding:9px 10px;color:#334155;font-size:13px;text-align:left;vertical-align:top}th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#f8fafc}tr.inactiveRow td{background:#f8fafc;color:#94a3b8}.metricGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metricGrid.compact{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:12px}.metricCard{border:1px solid #e4e7ef;border-radius:16px;background:#fff;padding:12px}.metricCard span{display:block;margin-bottom:8px;color:#64748b;font-size:12px;font-weight:700}.metricCard strong{font-size:19px;letter-spacing:-.03em}.cards{display:grid;gap:10px}.teamGrid{display:grid;gap:12px}.teamPager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#64748b;font-size:13px;font-weight:650}.teamCard{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;border:1px solid #e4e7ef;border-radius:16px;background:#fff;padding:12px}.teamCard.inactiveCard{opacity:.62}.avatar{display:grid;width:54px;height:54px;place-items:center;overflow:hidden;border:1px solid #e4e7ef;border-radius:16px;background:#eef2ff;color:#3730a3;font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}.teamHeader{margin-bottom:10px}.teamEditForm{border:1px solid #edf0f6;border-radius:14px;background:#fbfcff;padding:12px}.teamFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:0}.teamFields div{min-width:0}.teamFields dt{color:#94a3b8;font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.teamFields dd{overflow-wrap:anywhere;margin:3px 0 0;color:#334155;font-size:13px}.itemCard{border:1px solid #e4e7ef;border-radius:16px;background:#fff;padding:12px}.itemTitleLine{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.rowBetween{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.buttonRow,.amountForms{display:flex;flex-wrap:wrap;gap:8px}.backButton{justify-self:start}.projectHero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start;border-bottom:1px solid #edf0f6;margin-bottom:12px;padding-bottom:12px}.projectHero h2{margin-bottom:6px;font-size:24px;letter-spacing:-.04em}.projectFacts{display:grid;gap:6px;border:1px solid #edf0f6;border-radius:14px;background:#fbfcff;padding:12px;color:#64748b;font-size:13px}.projectFacts strong{color:#172033}.deadlineForm{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:8px;align-items:end;margin-top:4px}.assignmentRow{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;align-items:start;border-top:1px solid #edf0f6;margin-top:10px;padding-top:10px}.amountChips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.amountChips span{border:1px solid #e4e7ef;border-radius:999px;background:#f8fafc;color:#475569;padding:4px 8px;font-size:12px;font-weight:650}.amountForms form{display:flex;min-width:190px;gap:6px}.amountForms input{min-width:120px}.contractorAmountForm{display:grid;grid-template-columns:minmax(130px,180px) minmax(180px,1fr) auto;gap:8px;margin-top:0}.compactList{margin:8px 0 0;padding-left:18px;color:#334155;font-size:13px}.empty,.muted,.note{color:#64748b}.projectDescription{white-space:pre-wrap}.projectDescription a{color:#2563eb;text-decoration:underline;text-underline-offset:2px}.sectionLead{margin-bottom:0}.financeStack{margin-top:16px}.empty{border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;padding:14px}.pill{display:inline-flex;border-radius:999px;background:#eef2ff;color:#3730a3;padding:4px 9px;font-size:12px;font-weight:750}.mutedPill{background:#f1f5f9;color:#64748b}.urgentPill{background:#fff7ed;color:#9a3412}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}:root{--sm-bg: #f7f8fa;--sm-card: #ffffff;--sm-text: #111111;--sm-muted: #6b7280;--sm-border: #e5e7eb;--sm-border-strong: #d1d5db;--sm-accent: #ffd200;--sm-accent-soft: rgba(255, 210, 0, .2);--sm-danger: #dc2626;--sm-radius-card: 16px;--sm-radius-button: 12px;color:var(--sm-text);background:var(--sm-bg)}body{background:radial-gradient(circle at 20% 0%,rgba(255,210,0,.12),transparent 28%),linear-gradient(180deg,#ffffff 0%,var(--sm-bg) 26%,var(--sm-bg) 100%);color:var(--sm-text)}button{border-radius:var(--sm-radius-button);background:var(--sm-text);color:#fff;padding:9px 13px;box-shadow:none;letter-spacing:-.01em}button:hover{background:#000;box-shadow:0 10px 22px #1111111f}button:disabled{cursor:not-allowed;opacity:.48;transform:none}button.secondary{border:1px solid var(--sm-border);background:var(--sm-card);color:var(--sm-text)}button.secondary:hover{border-color:var(--sm-border-strong);background:#fafafa}button.dangerButton{border-color:#fecaca;color:var(--sm-danger)}button.dangerButton:hover{background:#fef2f2}button.devButton{border-color:var(--sm-border);background:#fafafa;color:#9ca3af;font-size:12px;font-weight:650}button.devButton:hover{border-color:#fecaca;background:#fff7f7;color:var(--sm-danger)}input,select,textarea{border-color:var(--sm-border);border-radius:var(--sm-radius-button);color:var(--sm-text);padding:10px 12px}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;box-shadow:0 1px #11111105;padding-right:34px}select:hover{border-color:#d1d5db;background-color:#fbfbfb}input::placeholder,textarea::placeholder{color:#9ca3af}input:focus,select:focus,textarea:focus{border-color:var(--sm-text);box-shadow:0 0 0 3px var(--sm-accent-soft)}textarea{min-height:82px}.appShell{grid-template-columns:260px minmax(0,1fr);background:transparent}.sidebar{border-right:1px solid var(--sm-border);background:#fffffff0;padding:24px 18px}.brand{display:grid;align-items:center;justify-items:center;margin-bottom:30px;padding:6px 8px 18px;border-bottom:1px solid var(--sm-border);text-align:center}.brandLogo{display:block;width:184px;max-width:100%;height:auto;object-fit:contain}.brandMark{display:none}nav{gap:7px}nav button{position:relative;border:1px solid transparent;border-radius:14px;color:#374151;padding:10px 12px;font-size:14px;font-weight:700}nav button:hover{border-color:var(--sm-border);background:#fff;color:var(--sm-text)}nav button.active{border-color:#ffd2006b;background:linear-gradient(90deg,#ffd20047,#ffd20014);color:var(--sm-text)}nav button.active:before{position:absolute;left:8px;top:50%;width:5px;height:18px;border-radius:999px;background:var(--sm-accent);content:"";transform:translateY(-50%)}nav button.active{padding-left:20px}.main{padding:28px 32px 40px}.eyebrow{color:#8a94a6;letter-spacing:.1em}h1{color:var(--sm-text);font-size:30px;letter-spacing:-.055em}h2{color:var(--sm-text);font-size:17px}h3{color:var(--sm-text)}.userToken{width:430px;color:var(--sm-muted)}.logoutButton{justify-self:end;min-height:30px;padding:5px 10px}.loginPage{display:grid;min-height:100vh;place-items:center;background:var(--sm-bg);padding:24px}.loginCard{display:grid;width:min(420px,100%);gap:14px;border:1px solid var(--sm-border);border-radius:22px;background:var(--sm-card);box-shadow:0 24px 70px #11111114;padding:28px}.loginLogo{width:210px;max-width:80%;justify-self:center;margin-bottom:12px}.loginCard label{display:grid;gap:6px;color:var(--sm-muted);font-size:12px;font-weight:750}.loginCard button{margin-top:4px}.stack{gap:16px}.panel,.metricCard,.teamCard,.itemCard{border:1px solid var(--sm-border);border-radius:var(--sm-radius-card);background:var(--sm-card);box-shadow:0 14px 34px #1111110b}.panel{padding:18px}.inlineForm,.teamEditForm,.projectFacts{border-color:var(--sm-border);border-radius:var(--sm-radius-card);background:#fbfbfb}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metricGrid.compact{grid-template-columns:repeat(6,minmax(0,1fr))}.metricCard{position:relative;overflow:hidden;min-height:112px;padding:16px}.metricCard:after{position:absolute;right:16px;bottom:16px;width:42px;height:42px;border-radius:50%;background:#1111110a;content:""}.metricCard.accentMetric:after{background:var(--sm-accent);box-shadow:0 0 0 10px #ffd20024}.metricCard span{color:var(--sm-muted);font-size:12px;letter-spacing:.03em;text-transform:uppercase}.metricCard strong{color:var(--sm-text);font-size:28px;letter-spacing:-.06em}.filterBar{gap:10px;margin-bottom:14px}.tableWrap{border-color:var(--sm-border);border-radius:var(--sm-radius-card);background:var(--sm-card)}table{background:var(--sm-card)}th,td{border-bottom:1px solid var(--sm-border);padding:11px 12px;color:#374151}th{background:#fbfbfb;color:var(--sm-muted);font-size:11px}tr.clickable:hover td{background:#ffd20017}tr.inactiveRow td{background:#f3f4f6;color:#9ca3af}.pill{align-items:center;border:1px solid var(--sm-border);background:#f9fafb;color:#374151;padding:5px 10px;font-size:11px;line-height:1;letter-spacing:.02em;text-transform:uppercase}.urgentPill{border-color:#ffd200c7;background:var(--sm-accent);color:var(--sm-text)}.mutedPill{border-color:var(--sm-border);background:#f3f4f6;color:var(--sm-muted)}.cards,.teamGrid{gap:12px}.teamCard{grid-template-columns:58px minmax(0,1fr);padding:14px}.teamCard.inactiveCard{background:#f9fafb;opacity:.72}.accessBox{display:grid;gap:10px;border:1px solid #eef1f6;border-radius:14px;background:#fbfcfd;margin-top:12px;padding:12px}.accessBox h3,.accessFields{margin:0}.accountStatusToggle{display:inline-flex;width:fit-content;align-items:center;gap:8px;color:var(--sm-text);font-size:13px;font-weight:700}.avatar{display:inline-flex;width:50px;height:50px;align-items:center;justify-content:center;border:1px solid #111111;border-radius:16px;background:#fff;color:var(--sm-text);box-shadow:none;line-height:1;text-align:center}.teamHeader strong,.itemTitleLine strong{color:var(--sm-text);font-size:15px;letter-spacing:-.02em}.teamFields{gap:10px 18px}.teamFields dt{color:var(--sm-muted)}.teamFields dd{color:#374151}.technicalDetails{margin-top:12px;border-top:1px solid var(--sm-border);padding-top:10px}.technicalDetails summary{cursor:pointer;color:var(--sm-muted);font-size:12px;font-weight:750;letter-spacing:.04em;list-style:none;text-transform:uppercase}.technicalDetails summary::-webkit-details-marker{display:none}.technicalDetails summary:after{margin-left:8px;color:#9ca3af;content:"↓"}.technicalDetails[open] summary:after{content:"↑"}.technicalFields{margin-top:10px}.projectHero{gap:18px;border-bottom-color:var(--sm-border);margin-bottom:14px;padding-bottom:16px}.projectHero h2{font-size:28px;color:var(--sm-text)}.projectDescription{max-width:760px;line-height:1.6}.projectDescription a{color:var(--sm-text);font-weight:750;text-decoration-color:var(--sm-accent);text-decoration-thickness:3px;text-underline-offset:4px}.projectFacts{gap:8px;padding:14px}.projectFacts strong{color:var(--sm-text)}.itemCard{padding:14px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.itemCard:hover{border-color:var(--sm-border-strong);box-shadow:0 16px 38px #11111112;transform:translateY(-1px)}.assignmentRow{border-color:var(--sm-border)}.assignmentRow{grid-template-columns:240px minmax(0,1fr)}.empty{border-color:var(--sm-border-strong);border-radius:var(--sm-radius-card);background:#fbfbfb;color:var(--sm-muted)}.muted,.note{color:var(--sm-muted)}.note{border-left:3px solid var(--sm-accent);padding-left:10px}.errorBanner,.errorText,.confirmBox{border-radius:var(--sm-radius-card)}.confirmBox{border-color:#ffd200b3;background:#fffbea;color:var(--sm-text)}.buttonRow,.amountForms{gap:8px}.form{gap:10px}.fieldLabel,.deadlineForm label{color:var(--sm-muted)}.checkboxLine{color:#374151}@media(prefers-reduced-motion:no-preference){.panel,.metricCard,.teamCard,.itemCard,.tableWrap,.empty{animation:smFadeIn .18s ease both}.technicalDetails[open] .technicalFields{animation:smSlideDown .16s ease both}}@keyframes smFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes smSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.panelToolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panelToolbar .sectionLead{max-width:720px}.compactCreateForm{grid-template-columns:1fr;align-items:stretch;gap:14px;border:1px solid var(--sm-border);border-radius:var(--sm-radius-card);background:#fff;margin-bottom:18px;padding:16px}.projectCreateFields{display:grid;grid-template-columns:minmax(170px,1fr) minmax(260px,1.4fr) minmax(180px,1fr) 124px 124px;gap:10px;align-items:stretch}.projectCreateFields>input,.projectCreateFields .appSelectButton,.projectCreateFields .userSelectButton,.projectCreateFields .appDateButton{min-height:36px;height:36px;border-radius:var(--sm-radius-button);font-size:13px;line-height:1.2}.projectCreateFields .appDateInput{width:100%}.projectCreateFields .appDateCalendar{left:auto;right:0}.compactCreateForm textarea,.projectCreateDescription{width:100%;min-height:52px;font-size:13px}.projectCreateDescription::placeholder{color:#9ca3af;font-size:13px;font-weight:500}.projectCreateFormActions{display:flex;align-items:center;justify-content:flex-start;gap:8px}.clientsCreateActions,.teamCreateActions{display:flex;margin-bottom:16px}.clientCreateForm{max-width:520px}.clientCreateForm input{min-height:42px}.teamCreateForm{width:100%}.teamCreateRow{display:grid;gap:12px;align-items:stretch}.teamCreateRowThree{grid-template-columns:repeat(3,minmax(0,1fr))}.teamCreateRowTwo{grid-template-columns:minmax(0,1fr) minmax(220px,.55fr)}.teamCreateRow input,.teamCreateRow .appSelectButton{min-height:36px;height:36px;border-radius:var(--sm-radius-button);font-size:13px}.teamCreateForm textarea{min-height:52px}.projectDetailsForm{max-width:760px;border:1px solid var(--sm-border);border-radius:var(--sm-radius-card);background:#fbfbfb;padding:12px}.projectDetailsForm textarea{min-height:96px}.projectRequesterEditField{display:grid;gap:7px;color:var(--sm-muted);font-size:12px;font-weight:800}.projectNameCell{max-width:340px}.projectNameCell span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clientNameCell{display:inline-flex;align-items:center;gap:10px;font-weight:750}.clientAvatar{display:inline-flex;width:30px;height:30px;flex:0 0 auto;align-items:center;justify-content:center;overflow:hidden;border-radius:999px;border:1px solid #111111;background:#fff;color:var(--sm-text);font-size:12px;font-weight:850;line-height:1;object-fit:cover;text-align:center}.clientAvatarImage{background:#fff}.appSelectOptionContent .clientAvatar{width:24px;height:24px;font-size:10px}.filterBar,.clientsFilterBar,.teamFilterBar{align-items:center;border:1px solid var(--sm-border);border-radius:14px;background:#fff;box-shadow:0 8px 20px #11111106;padding:6px}.filterBar input,.filterBar select,.clientsFilterBar input,.clientsFilterBar select,.teamFilterBar input,.teamFilterBar select{min-height:34px;border-radius:10px;padding:7px 10px;font-size:13px}.filterBar input,.clientsFilterBar input,.teamFilterBar input{border-color:transparent;background:#f7f8fa}.filterBar select,.clientsFilterBar select,.teamFilterBar select{background-color:#fff}.teamFilterBar{grid-template-columns:minmax(220px,1fr) 150px;margin-bottom:12px}th,td{height:44px}@media(max-width:1280px){.projectCreateFields{grid-template-columns:repeat(2,minmax(0,1fr))}}.projectCardPage{gap:18px}.projectHeaderCard,.projectTasksSection{border:1px solid var(--sm-border);border-radius:var(--sm-radius-card);background:var(--sm-card);box-shadow:0 14px 34px #1111110b;padding:18px}.projectTitleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.projectTitleRow h2{margin:0;color:var(--sm-text);font-size:clamp(28px,4vw,46px);font-weight:760;letter-spacing:-.07em;line-height:.98}.topbar{gap:16px}.topbar.projectTopbar{justify-content:flex-end;margin-bottom:8px}.topbar.projectTopbar>div{display:none}.userTokenStatus{color:var(--sm-text);font-size:12px;font-weight:650;line-height:1.25}.userTokenStatus.mutedStatus{color:var(--sm-muted);font-weight:600}.authNotice{margin:0 0 16px}.projectsListActions{display:flex;justify-content:flex-start;margin-bottom:18px}.projectCreateButton{border:1px solid rgba(17,17,17,.08);background:var(--sm-accent);color:var(--sm-text);box-shadow:0 10px 22px #ffd20038}.projectCreateButton:hover{background:#ffd200;color:var(--sm-text);box-shadow:0 12px 26px #ffd20047}.projectCreateSubmitButton{min-width:112px}.projectsListCard{border:1px solid var(--sm-border);border-radius:var(--sm-radius-card);background:var(--sm-card);box-shadow:0 14px 34px #1111110b;padding:18px}.projectsListCard .compactCreateForm{margin-bottom:22px}.projectsListCard .filterBar{gap:8px;margin-bottom:18px;padding:6px;box-shadow:none}.projectsListCard .filterBar input,.projectsListCard .filterBar select{min-height:34px;border-radius:10px;padding:7px 10px;font-size:13px}.projectsListCard .filterBar select{padding-right:34px}.projectsListCard .filterBar input{background:#f7f8fa}.topbar{margin-bottom:20px}.compactCreateForm{gap:16px;border-color:#e7e9ef;background:linear-gradient(180deg,#fff,#fbfbfc);box-shadow:0 12px 28px #11111109;padding:18px}.projectCreateFields{gap:12px}.projectCreateFormActions{gap:10px;padding-top:2px}.appSelect,.userSelect{position:relative;width:100%;min-width:0;overflow:visible}.appSelect.isOpen,.userSelect.isOpen{z-index:30000}.appSelectButton,.userSelectButton{display:flex;width:100%;min-height:42px;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--sm-border);border-radius:var(--sm-radius-button);background:#fff;color:var(--sm-muted);box-shadow:0 1px #11111105;padding:9px 12px;text-align:left;transform:none}.appSelectOptionContent{display:inline-flex;min-width:0;align-items:center;gap:8px}.appSelectOptionContent.withAvatar{font-weight:700}.appSelectOptionText{display:grid;min-width:0;gap:2px}.appSelectButton:hover,.userSelectButton:hover{border-color:#d1d5db;background:#fbfbfb;box-shadow:0 8px 20px #1111110a;color:var(--sm-text);transform:none}.appSelectButton.hasValue,.userSelectButton.hasValue{color:var(--sm-text)}.appSelect.isOpen .appSelectButton,.userSelect.isOpen .userSelectButton{border-color:var(--sm-text);box-shadow:0 0 0 3px var(--sm-accent-soft)}.appSelectArrow{width:8px;height:8px;flex:0 0 auto;border-right:1.8px solid #6b7280;border-bottom:1.8px solid #6b7280;transform:rotate(45deg) translateY(-2px);transition:transform .16s ease}.appSelect.isOpen .appSelectArrow,.userSelect.isOpen .appSelectArrow{transform:rotate(225deg) translate(-1px,-1px)}.appSelectMenu,.userSelectMenu{position:absolute;z-index:30001;top:calc(100% + 8px);left:0;width:100%;min-width:220px;max-height:300px;overflow:auto;border:1px solid var(--sm-border);border-radius:14px;background:#fff;box-shadow:0 22px 46px #11111124;padding:6px;animation:dropdownIn .14s ease}.appFloatingMenu{position:fixed;isolation:isolate;background:#fff;background-clip:padding-box;opacity:1;pointer-events:auto}.appSelectOption,.userSelectOption{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;border-radius:10px;background:transparent;color:var(--sm-text);box-shadow:none;padding:9px 10px;text-align:left;transform:none}.appSelectOption:hover,.userSelectOption:hover{background:#f7f8fa;box-shadow:none;transform:none}.appSelectOption.isSelected,.userSelectOption.isSelected{background:var(--sm-accent-soft);color:var(--sm-text)}.appSelectOption small,.userSelectOption small{color:var(--sm-muted);font-size:12px;font-weight:600}.appDateInput{position:relative;width:fit-content;min-width:112px;overflow:visible}.appDateInput.isOpen{z-index:30000}.appDateButton{display:flex;width:100%;min-height:34px;align-items:center;justify-content:center;gap:0;border:1px solid var(--sm-border);border-radius:var(--sm-radius-button);background:#fff;color:var(--sm-text);box-shadow:0 1px #11111105;padding:7px 10px;text-align:center;transform:none;white-space:nowrap;font-size:13px;font-weight:750}.appDateButton:hover{border-color:#d1d5db;background:#fbfbfb;box-shadow:0 8px 20px #1111110a;transform:none}.appDateButton:disabled{cursor:default;opacity:.65}.appDateCalendar{position:absolute;z-index:30001;top:calc(100% + 8px);left:0;width:222px;border:1px solid var(--sm-border);border-radius:14px;background:#fff;box-shadow:0 22px 46px #11111124;padding:7px;animation:dropdownIn .14s ease}.appDateCalendarHeader{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-bottom:6px}.appDateCalendarHeader strong{color:var(--sm-text);font-size:11px;font-weight:800;text-transform:capitalize}.appDateCalendarHeader button{min-height:22px;width:22px;border:0;border-radius:9px;background:#f7f8fa;color:var(--sm-text);box-shadow:none;padding:0;transform:none}.appDateCalendarHeader button:hover{background:var(--sm-accent-soft);box-shadow:none;transform:none}.appDateWeekdays,.appDateGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.appDateWeekdays{color:var(--sm-muted);font-size:9px;font-weight:850;letter-spacing:.04em;padding-bottom:4px;text-align:center;text-transform:uppercase}.appDateGrid button{min-height:23px;border:0;border-radius:999px;background:transparent;color:var(--sm-text);box-shadow:none;font-size:10px;font-weight:750;padding:0;transform:none}.appDateGrid button:hover{background:#f7f8fa;box-shadow:none;transform:none}.appDateGrid button.isMuted{color:#c4cad4}.appDateGrid button.isSelected{background:var(--sm-accent);color:#111}.userSelectButton{min-height:42px}.userSelectPlaceholder{color:var(--sm-muted)}.userSelectChips{display:flex;min-width:0;align-items:center;gap:6px}.userChip{display:inline-flex;max-width:118px;align-items:center;gap:6px;border:1px solid #eceff4;border-radius:999px;background:#f7f8fa;color:var(--sm-text);font-size:12px;font-weight:700;line-height:1;padding:4px 7px 4px 4px;white-space:nowrap}.userChip span,.userAvatar{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:999px;border:1px solid #111111;background:#fff;color:var(--sm-text);font-size:11px;font-weight:800;line-height:1;text-align:center}.moreChip{padding-left:8px}.userSelectSearch{min-height:34px;margin-bottom:6px;border-radius:10px;background:#f7f8fa;font-size:13px}.userSelectOptions{display:grid;gap:2px}.userSelectOption{justify-content:flex-start}.userSelectOption>span:last-child{display:grid;min-width:0;gap:2px}.userSelectOption strong{overflow:hidden;color:var(--sm-text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.projectCardPage{gap:16px}.projectCardPage .backButton{width:fit-content;border-color:transparent;background:transparent;color:var(--sm-muted);padding-left:0}.projectHeaderCard,.projectTasksSection{border-color:#eceff4;box-shadow:0 10px 28px #11111109}.projectHeaderCard{padding:22px}.projectWorkspaceHeader{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.projectTitleBlock{display:grid;grid-template-rows:auto auto auto auto;min-width:0;gap:12px}.projectTitleRow h2{max-width:980px;font-size:clamp(26px,3.2vw,38px);font-weight:650;letter-spacing:-.045em;line-height:1.08}.projectActionCluster,.projectActionsInline{display:flex;position:relative;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.iconButton{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid var(--sm-border);border-radius:999px;background:#fff;color:var(--sm-muted);box-shadow:none;font-size:18px;line-height:1;padding:0}.iconButton:hover{background:#f7f8fa;color:var(--sm-text);box-shadow:none;transform:none}.projectMetaLine{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--sm-muted);font-size:13px;font-weight:650}.projectMetaLine span{display:inline-flex;align-items:center;gap:8px}.projectClientName{display:inline-flex;align-items:center;gap:8px;color:var(--sm-text);font-size:14px;font-weight:750}.projectClientName .clientAvatar{width:28px;height:28px;font-size:11px}.projectMetaLine span:not(:last-child):after{content:"•";color:#c4cad4}.projectOverviewGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:24px;align-items:stretch;height:260px;min-height:260px;max-height:260px}.projectOverviewGrid.isExpanded{height:460px;min-height:460px;max-height:460px}.projectDescriptionBlock{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;max-width:900px;min-height:0;height:100%;max-height:100%;border:1px solid #eef1f6;border-radius:14px;background:#fff;padding:12px}.projectDescriptionBlock.isExpanded{height:100%;max-height:100%}.projectDescription{position:relative;min-height:0;max-height:none;max-width:900px;overflow:hidden;margin:0;color:#374151;font-size:14px;line-height:1.65;white-space:pre-wrap}.projectDescriptionBlock.hasToggle:not(.isExpanded) .projectDescription:after{content:"";position:absolute;right:0;bottom:0;left:0;height:58px;background:linear-gradient(180deg,#fff0,#fff);pointer-events:none}.projectDescriptionBlock.isExpanded .projectDescription{overflow:auto}.projectDescription a{color:var(--sm-text);font-weight:700;text-decoration-color:var(--sm-accent);text-decoration-thickness:2px;text-underline-offset:3px}.descriptionToggle{justify-self:end;min-height:28px;border:0;border-radius:999px;background:#f7f8fa;color:var(--sm-muted);box-shadow:none;font-size:12px;font-weight:750;padding:4px 10px;transform:none}.descriptionToggle:hover{background:#fff4bf;color:var(--sm-text);box-shadow:none;transform:none}.projectDeadlineInline{display:inline-flex;width:fit-content;align-items:center;gap:10px;border:1px solid #eef1f6;border-radius:12px;background:#fbfbfc;color:var(--sm-muted);font-size:12px;font-weight:800;white-space:nowrap;padding:8px 10px}.projectDeadlineInline .appDateInput{width:112px}.projectDeadlineInline .appDateButton{min-height:30px;height:30px;border-radius:9px;background:#fff;padding:5px 8px}.projectDeadlineInline .appDateCalendar{left:auto;right:0}.projectRequesterLine{display:inline-flex;width:fit-content;align-items:center;gap:10px;border:1px solid #eef1f6;border-radius:12px;background:#fbfbfc;color:var(--sm-muted);font-size:12px;font-weight:800;padding:8px 10px}.projectRequesterLine strong{display:inline-flex;align-items:center;gap:8px;color:var(--sm-text);font-size:13px}.projectDateFields{display:flex;flex-wrap:wrap;gap:10px}.projectHistoryPanel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;height:100%;max-height:100%;min-height:0;overflow:hidden;border:1px solid #eef1f6;border-radius:16px;background:#fbfbfc;padding:14px}.projectHistoryHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.projectHistoryHeader h3{margin:0;color:var(--sm-text);font-size:15px;font-weight:750}.projectHistoryList{display:grid;align-content:start;gap:0;max-height:100%;min-height:0;overflow-y:auto;padding-right:4px}.historyClearButton{min-height:24px;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--sm-muted);font-size:14px;padding:2px 5px;transform:none}.historyClearButton:hover{background:#eef1f6;box-shadow:none;transform:none}.projectHistoryItem{position:relative;display:grid;gap:3px;border-left:1px solid #dfe4ec;padding:0 0 14px 14px}.projectHistoryItem:before{content:"";position:absolute;top:2px;left:-4px;width:7px;height:7px;border-radius:999px;background:var(--sm-text)}.projectHistoryItem time{color:var(--sm-muted);font-size:11px;font-weight:750}.projectHistoryItem p{margin:0;color:#374151;font-size:13px;line-height:1.45}.projectActionsMenu{top:40px;right:0}.projectActionCluster .secondary{min-height:32px;border-radius:10px;padding:6px 9px;font-size:12px}.projectTasksSection{padding:20px}.projectCompletionBox{display:grid;gap:12px;border:1px solid #eceff4;border-radius:18px;background:#fff;margin-top:18px;padding:16px}.projectCompletionBox label{display:grid;gap:8px;color:var(--sm-muted);font-size:12px;font-weight:800}.projectCompletionBox textarea{min-height:96px;resize:vertical}.projectCompletionBox button{width:fit-content}.projectTaskCreateActions{display:flex;margin-bottom:18px}.projectTaskComposer{display:grid;gap:14px;border:1px solid #eceff4;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfbfc);box-shadow:0 12px 26px #11111109;margin-bottom:18px;padding:16px}.taskComposerGrid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.1fr) 36px;gap:12px;align-items:center}.taskComposerGrid>input:not([type=hidden]){min-height:42px;border-color:transparent;background:#f7f8fa;font-size:14px;font-weight:650}.quantityStepperField{display:grid;gap:6px;color:var(--sm-muted);font-size:12px;font-weight:700}.quantityStepper{display:inline-grid;grid-template-columns:28px minmax(44px,54px) 28px;align-items:center;overflow:hidden;width:max-content;min-height:32px;border:1px solid var(--sm-border);border-radius:10px;background:#fff}.quantityStepper button{width:28px;height:30px;border:0;border-radius:0;background:#f7f8fa;color:var(--sm-text);box-shadow:none;font-size:13px;font-weight:800;padding:0;transform:none}.quantityStepper button:hover{background:#fff4bf;box-shadow:none;transform:none}.quantityStepper input{height:30px;min-height:30px;border:0;border-left:1px solid var(--sm-border);border-right:1px solid var(--sm-border);border-radius:0;background:#fff;color:var(--sm-text);font-size:13px;font-weight:750;padding:0 6px;text-align:center}.quantityStepper input::-webkit-outer-spin-button,.quantityStepper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.quantityStepper input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.taskCreateButton{width:auto}.fireToggle{display:inline-grid;min-width:28px;height:28px;align-self:center;place-items:center;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--sm-muted);font-size:17px;font-weight:750;padding:0;transform:none;filter:grayscale(1);opacity:.45}.fireToggle:hover{background:transparent;box-shadow:none;transform:none;opacity:.8}.fireToggle.isUrgent{background:transparent;color:#e97100;filter:none;opacity:1}.fireToggle:disabled{cursor:default;opacity:.45}.inlineFireToggle{min-width:28px;width:28px;height:28px;font-size:14px}.taskCard{position:relative;border-color:#eceff4;border-radius:16px;background:#fff;overflow:visible;padding:14px}.taskCardMain{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.taskCardContent{display:grid;gap:10px;min-width:0}.taskTitleLine{display:flex;align-items:center;gap:8px}.taskTitleLine strong{color:var(--sm-text);font-size:15px;font-weight:700;letter-spacing:-.02em}.urgentFire{display:inline-flex;filter:none;font-size:15px}.taskParticipantsTable{display:grid;width:100%;overflow:hidden;border:1px solid #eef1f6;border-radius:14px;background:#fff}.taskParticipantsHeader,.taskParticipantRow{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(130px,150px) minmax(140px,170px) minmax(110px,140px);gap:12px;align-items:center}.taskParticipantsHeader span:nth-child(n+2),.taskParticipantRow>:nth-child(n+2){justify-self:center;text-align:center}.taskParticipantsHeader{background:#f7f8fa;color:var(--sm-muted);font-size:11px;font-weight:800;letter-spacing:.04em;padding:8px 10px;text-transform:uppercase}.taskParticipantRow{border-top:1px solid #f0f2f6;padding:8px 10px}.taskParticipantsEmpty{grid-column:1 / -1;border-top:1px solid #f0f2f6;color:var(--sm-muted);font-size:13px;padding:10px}.participantCell{display:inline-flex;min-width:0;align-items:center;gap:8px;color:var(--sm-text);font-size:13px;font-weight:700}.participantAvatar{display:inline-flex;width:24px;height:24px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:999px;border:1px solid #111111;background:#fff;color:var(--sm-text);font-size:11px;font-weight:850;line-height:1;text-align:center}.participantQuantityStepper{justify-self:center}.unitPriceInput{width:100%;max-width:150px;min-height:32px;border-radius:10px;font-size:13px;font-weight:700;padding:6px 10px;text-align:center}.rowAmount{justify-self:center;color:var(--sm-text);font-size:13px;font-weight:800}.participantReadonlyValue,.participantHiddenValue{justify-self:center;color:var(--sm-muted);font-size:13px;font-weight:750}.addAssigneeButton{justify-self:start;min-height:28px;border:0;border-radius:999px;background:transparent;color:#8a94a6;box-shadow:none;font-size:12px;font-weight:750;padding:4px 6px;transform:none}.taskParticipantsTable .addAssigneeButton{grid-column:1 / -1;margin:8px 10px 10px}.addAssigneeButton:hover{background:#f7f8fa;color:var(--sm-text);box-shadow:none;transform:none}.taskItemTotal{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:12px;border-top:1px solid #eef1f6;background:#fbfcfd;color:var(--sm-muted);font-size:13px;font-weight:700;padding:10px 12px}.taskItemTotal strong{color:var(--sm-text);font-size:15px;font-weight:850}.taskActions{position:relative;display:grid;justify-items:end;gap:8px}.taskActionsMenu{position:absolute;top:38px;right:0;z-index:20;display:grid;min-width:168px;overflow:hidden;border:1px solid var(--sm-border);border-radius:12px;background:#fff;box-shadow:0 18px 42px #1111111f;padding:6px}.taskActionsMenu button{justify-content:flex-start;width:100%;min-height:32px;border:0;border-radius:8px;background:transparent;color:var(--sm-text);box-shadow:none;font-size:13px;font-weight:650;padding:7px 8px;text-align:left;transform:none}.taskActionsMenu button:hover{background:#f7f8fa;box-shadow:none;transform:none}.taskActionsMenu .dangerMenuItem{color:#b42318}.assignmentForm.taskAssigneeEditor{position:relative;z-index:80;grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;margin-top:12px}.assignmentForm{grid-template-columns:minmax(240px,1fr) auto;align-items:center;margin-top:12px}.projectsListCard .filterBar,.clientsFilterBar,.teamFilterBar{border-color:#edf0f5;border-radius:12px;box-shadow:none;padding:4px}.filterBar .appSelectButton,.filterBar input,.clientsFilterBar .appSelectButton,.clientsFilterBar input,.teamFilterBar .appSelectButton,.teamFilterBar input{min-height:30px;border-radius:9px;padding:5px 9px;font-size:12px}.filterBar .appSelectButton,.clientsFilterBar .appSelectButton,.teamFilterBar .appSelectButton{box-shadow:none}@media(max-width:1180px){.projectWorkspaceHeader,.taskComposerGrid,.taskCardMain,.assignmentForm{grid-template-columns:1fr}.projectUtilityColumn,.projectActionsInline,.projectActionCluster,.taskActions{justify-items:start;justify-content:flex-start}.taskParticipantsHeader,.taskParticipantRow{grid-template-columns:1fr}}
