:root{--navy:#1B2A56;--orange:#E8672E;--purple:#5B3A7A;--yellow:#F0A91E;--green:#2F7D5A;--red:#A6303F;--cream:#FBF7F1;--ink:#172033;--muted:#6B7280;--line:#E5E7EB;--white:#fff}*{box-sizing:border-box}body,html{margin:0;padding:0;background:#f5f6f8;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.center,.loginPage{min-height:100vh;display:grid;place-items:center;padding:24px}.loginPage{background:linear-gradient(135deg,var(--navy),#111a36)}.loginCard{width:min(420px,100%);background:#fff;border-radius:24px;padding:34px}.brandMark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800;box-shadow:inset 0 0 0 6px var(--orange)}.brandMark.small{width:42px;height:42px;font-size:13px;box-shadow:inset 0 0 0 4px var(--orange)}h1{font-size:32px;margin:5px 0 7px}h2{font-size:18px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:800;color:var(--orange);margin:18px 0 0}.empty,.muted{color:var(--muted)}.loginForm{display:grid;grid-gap:16px;gap:16px;margin-top:28px}.loginForm label{display:grid;grid-gap:7px;gap:7px;font-size:14px;font-weight:700}.loginForm input,.toolbar input{border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#fff;color:var(--ink)}.primary{border:0;border-radius:12px;padding:13px;background:var(--orange);color:#fff;font-weight:800;cursor:pointer}.error{color:var(--red);font-size:13px}.appShell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:var(--navy);color:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:28px}.brand{gap:8px;text-align:center}.brand,.brand>div{display:flex;flex-direction:column;align-items:center}.brand span,.brand strong{display:block}.brand span{font-size:12px;opacity:.65;margin-top:2px}.sidebar nav{display:grid;grid-gap:6px;gap:6px}.sidebar nav button,.sidebarFoot button{border:0;background:transparent;color:#fff;text-align:left;padding:12px;border-radius:10px;cursor:pointer}.sidebar nav button.active,.sidebar nav button:hover{background:rgba(255,255,255,.1)}.sidebarFoot{margin-top:auto;display:grid;grid-gap:2px;gap:2px}.sidebarFoot small{opacity:.65}.sidebarFoot button{padding-left:0;color:#f7b99a}.content{padding:32px;max-width:1180px;width:100%}.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin:26px 0}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:16px}.metric{padding:18px}.metric span{display:block;color:var(--muted);font-size:13px}.metric strong{font-size:30px;display:block;margin-top:8px}.dangerText{color:var(--red)}.panel{padding:20px;margin-top:16px}.panelTitle,.projectCard,.row,.task{display:flex;justify-content:space-between;gap:16px;align-items:center}.projectCard,.row,.task{padding:14px 0;border-top:1px solid var(--line)}.row:first-of-type{border-top:0}.tag{display:inline-flex;align-items:center;border-radius:999px;background:#eef1f7;padding:6px 9px;font-size:12px;color:var(--navy)}.tag.danger{background:#f8e8eb;color:var(--red)}.clientRow p,.projectCard p,.task p{margin:5px 0 0;color:var(--muted);font-size:13px}.taskMeta{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px}.toolbar{margin:22px 0 8px}.toolbar input{width:min(540px,100%)}.clientList{padding:0;overflow:hidden}.clientRow{width:100%;display:grid;grid-template-columns:1fr auto 20px;grid-gap:20px;gap:20px;align-items:center;text-align:left;border:0;border-top:1px solid var(--line);background:#fff;padding:17px 20px;cursor:pointer;color:inherit}.clientRow:first-child{border-top:0}.clientRow:hover{background:#fafafa}.counts{display:flex;gap:8px;flex-wrap:wrap}.counts span{font-size:12px;background:#f4f5f7;padding:6px 8px;border-radius:999px;color:var(--muted)}.back{border:0;background:transparent;color:var(--navy);font-weight:700;padding:0;cursor:pointer}.detailGrid{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px}.detailGrid .panel{margin-top:10px}.servicePills{display:flex;gap:6px;flex-wrap:wrap}.loader{color:var(--navy);font-weight:700}@media(max-width:850px){.appShell{grid-template-columns:1fr}.sidebar{position:static;flex-direction:row;align-items:center;flex-wrap:wrap}.sidebar nav{display:flex;flex-wrap:wrap}.sidebarFoot{margin:0 0 0 auto}.content{padding:22px}.metricGrid{grid-template-columns:repeat(2,1fr)}.detailGrid{grid-template-columns:1fr}}@media(max-width:560px){.sidebar{align-items:flex-start}.sidebarFoot{width:100%;margin:0}.metricGrid{grid-template-columns:1fr}.content{padding:18px}.clientRow{grid-template-columns:1fr 18px}.counts{grid-column:1}.panelTitle,.projectCard,.task{align-items:flex-start;flex-direction:column}}.success{background:#edf8f1;border:1px solid #b9dec6;color:#245d38;padding:10px 12px;border-radius:10px;font-size:13px}.loginHint{font-size:12px;color:#6b7280;line-height:1.45;margin-top:14px}.officialLogo{display:block;object-fit:contain}.loginLogo{width:88px;height:82px}.sidebarLogo{width:72px;height:72px}.notice{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:11px 14px;border-radius:12px;margin-bottom:18px}.clientMetrics{margin-bottom:10px}.serviceList{display:grid;grid-gap:14px;gap:14px}.adminServiceCard,.clientServiceCard{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.serviceHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.serviceType{font-size:12px;font-weight:800;letter-spacing:.05em;color:var(--orange);text-transform:uppercase}.serviceHeader h2{margin:5px 0}.serviceHeader p{margin:4px 0;color:var(--muted);font-size:13px}.statusBadge{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff4ed;color:#a8431c;font-size:12px;font-weight:800;white-space:nowrap}.statusBadge.done{background:#edf8f1;color:#245d38}.captureList,.clientUpdate{margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.clientUpdate p{margin:7px 0 0;color:var(--muted);line-height:1.45}.captureRow{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid #f0f1f3;font-size:13px}.captureRow:first-of-type{margin-top:8px}.captureRow strong{color:var(--navy)}.projectBlock{padding:16px 0;border-top:1px solid var(--line)}.projectBlock:first-of-type{border-top:0}.projectTitle p{margin:5px 0 12px;color:var(--muted);font-size:13px}.adminServiceCard{margin-top:10px;background:#fbfbfc}.serviceActions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.inlineForm button,.inlineForm input,.serviceActions select{border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:#fff;color:var(--ink)}.inlineForm label,.switchLine{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.inlineForm{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;grid-gap:9px;gap:9px;align-items:center;margin-top:12px}.inlineForm button{background:var(--navy);color:#fff;border-color:var(--navy);cursor:pointer;font-weight:700}.inlineForm button:disabled{opacity:.45;cursor:not-allowed}.captureForm{grid-template-columns:minmax(220px,1fr) 150px auto auto}.smallMuted{font-size:11px!important;color:var(--muted)!important}@media(max-width:760px){.serviceHeader{flex-direction:column}.serviceActions{width:100%}.captureForm,.inlineForm{grid-template-columns:1fr}.captureRow{flex-direction:column;gap:4px}}.serviceLatestUpdate{margin:14px 0 10px;padding:12px 14px;border:1px solid #dfe4ec;border-radius:12px;background:#f8fafc}.serviceLatestUpdate b{display:block;margin-bottom:5px}.serviceLatestUpdate p{margin:0 0 5px;font-weight:600}.serviceLatestUpdate span,.updateHistoryItem span{font-size:12px;color:#667085}.updateHistory{margin:8px 0 12px}.updateHistory summary{cursor:pointer;font-weight:700;color:#24365f}.updateHistoryList{margin-top:8px;border-left:2px solid #e3e7ee;padding-left:12px}.updateHistoryItem{padding:7px 0;border-bottom:1px solid #eef1f5}.updateHistoryItem:last-child{border-bottom:0}.updateHistoryItem p{margin:0 0 3px}.captureAdminHistory{margin:14px 0 4px;padding:12px 14px;border:1px solid #e1e5ec;border-radius:12px;background:#fff}.captureAdminHistory>b{display:block;margin-bottom:8px}.captureEmpty{margin:0;font-size:13px}.captureAdminList{display:grid}.captureAdminItem{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 0;border-top:1px solid #eef1f5}.captureAdminItem:first-child{border-top:0}.captureAdminItem span,.captureAdminItem strong{display:block}.captureAdminItem>div>span{font-size:12px;color:#667085;margin-top:4px}@media(max-width:760px){.captureAdminItem{align-items:flex-start;flex-direction:column}}.accessPanel{margin-top:16px}.accessIntro{margin:5px 0 0;font-size:13px}.accessCount{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;background:#f4f5f7;color:var(--muted);font-size:12px;font-weight:700}.accessCount.active{background:#edf8f1;color:#245d38}.accessList{margin-top:12px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.accessRow{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 14px;border-top:1px solid var(--line);background:#fff}.accessRow:first-child{border-top:0}.accessRow p{margin:4px 0;color:var(--muted);font-size:13px}.accessRow small{color:#8a9099}.accessActions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.dangerButton{border:1px solid #efc3c8;background:#fff;color:var(--red);border-radius:9px;padding:8px 10px;font-weight:700;cursor:pointer}.dangerButton:disabled{opacity:.45;cursor:not-allowed}.accessForm{display:grid;grid-template-columns:minmax(240px,1fr) auto;grid-gap:9px;gap:9px;margin-top:12px}.accessForm button,.accessForm input{border:1px solid var(--line);border-radius:10px;padding:10px 11px}.accessForm button{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:700;cursor:pointer}.accessForm button:disabled{opacity:.45;cursor:not-allowed}.accessHint{font-size:12px;color:var(--muted);margin:9px 0 0}@media(max-width:760px){.accessRow{align-items:flex-start;flex-direction:column}.accessForm{grid-template-columns:1fr}}.captureAdminInfo{min-width:0;flex:1 1}.captureAdminActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.captureAdminActions button,.captureAdminActions select{border:1px solid var(--line);border-radius:9px;padding:8px 9px;background:#fff;color:var(--ink);font-size:12px}.captureAdminActions button{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:700;cursor:pointer}.captureAdminActions button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.captureAdminActions{width:100%;align-items:flex-start}.captureAdminActions button,.captureAdminActions select{width:100%}}.clientDataPanel{margin-top:10px}.dataGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2px 20px;gap:2px 20px}.dataGrid p{margin:7px 0}.ghostButton,.primaryAction,.secondaryButton{border-radius:9px;padding:8px 11px;font-weight:700;cursor:pointer}.secondaryButton{border:1px solid #d6dbe5;background:#fff;color:var(--navy)}.ghostButton{border:1px solid var(--line);background:#fff;color:var(--ink)}.primaryAction{border:1px solid var(--navy);background:var(--navy);color:#fff}.ghostButton:disabled,.primaryAction:disabled,.secondaryButton:disabled{opacity:.45;cursor:not-allowed}.editHint{font-size:12px;color:var(--muted)}.editGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:12px}.editGrid label{display:grid;grid-gap:6px;gap:6px;font-size:12px;font-weight:700;color:#3c4658}.editGrid label.wide{grid-column:1/-1}.editGrid input,.editGrid select,.editGrid textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:#fff;color:var(--ink);font:inherit}.editGrid textarea{min-height:86px;resize:vertical}.editActions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.projectTitleEditable{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.projectTitleEditable small{display:block;color:var(--muted);margin-top:4px}.projectEditor{border:1px solid #e1e5ec;border-radius:12px;background:#f8fafc;padding:14px;margin-bottom:10px}.projectEditGrid{margin-top:0}@media(max-width:760px){.dataGrid,.editGrid{grid-template-columns:1fr}.editGrid label.wide{grid-column:auto}.projectTitleEditable{flex-direction:column}.editActions{flex-direction:column-reverse}.editActions button{width:100%}}.projectList{padding:0;overflow:hidden}.projectRow{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border-top:1px solid var(--line)}.projectRow:first-child{border-top:0}.projectRowMain{min-width:0}.projectRowMain strong{display:block}.projectRowMain p{margin:4px 0;color:var(--muted);font-size:13px}.projectRowMain small{color:#7d8593}.projectRowMeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.projectRowMeta>span{font-size:12px;color:var(--muted);background:#f4f5f7;border-radius:999px;padding:6px 9px}@media(max-width:760px){.projectRow{align-items:flex-start;flex-direction:column}.projectRowMeta{width:100%;justify-content:space-between}}.projectServicesPanel{margin-top:16px}.detailGrid>.panel>.projectTitleEditable{padding:0}.detailGrid>.panel>.projectTitleEditable p{margin-bottom:6px}.userTopBar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:18px}.userTopBar>div{display:grid;text-align:right}.userTopBar strong{font-size:15px;color:var(--navy)}.userTopBar span{font-size:12px;color:var(--muted);margin-top:2px}@media(min-width:851px){.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}}.createForm{margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.createForm .dataGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px 18px;gap:14px 18px}.createForm .dataGrid label{display:grid;grid-gap:6px;gap:6px;font-size:12px;font-weight:700;color:#3c4658}.createForm input,.createForm select,.createForm textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:#fff;color:var(--ink);font:inherit;min-height:40px}.createForm textarea{min-height:90px;resize:vertical}.createForm input:focus,.createForm select:focus,.createForm textarea:focus{outline:2px solid rgba(36,70,110,.14);border-color:var(--navy)}.createForm .editorActions{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:16px}.createForm .editorActions button{border:1px solid var(--navy);border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.createForm .editorActions button[type=submit]{background:var(--navy);color:#fff}.createForm .editorActions button:disabled{opacity:.45;cursor:not-allowed}.newServiceForm{max-width:620px;margin-bottom:20px}.newServiceForm .dataGrid{grid-template-columns:1fr}@media(max-width:760px){.createForm .dataGrid{grid-template-columns:1fr}.createForm .editorActions{justify-content:stretch}.createForm .editorActions button{flex:1 1}}.mobileMenuBackdrop,.mobileMenuClose,.mobileMenuToggle{display:none}@media (max-width:768px){body,html{max-width:100%;overflow-x:hidden}body{-webkit-text-size-adjust:100%}.appShell{display:block!important;min-height:100dvh;width:100%!important;position:relative}.mobileMenuToggle{display:inline-flex!important;align-items:center;gap:9px;position:-webkit-sticky;position:sticky;top:0;z-index:80;margin:0;width:100%;min-height:52px;padding:10px 16px;border:0;border-radius:0;background:#162e5c;color:#fff;font-size:16px;text-align:left;box-shadow:0 1px 0 rgba(255,255,255,.08)}.mobileMenuToggle>span{font-size:24px;line-height:1}.mobileMenuToggle>strong{font-size:16px}.mobileMenuBackdrop{display:block!important;position:fixed;inset:0;z-index:89;border:0;background:rgba(5,17,39,.45);opacity:0;pointer-events:none;transition:opacity .2s ease}.mobileMenuOpen .mobileMenuBackdrop{opacity:1;pointer-events:auto}.sidebar{display:flex!important;flex-direction:column;position:fixed!important;inset:0 auto 0 0;z-index:90;width:min(88vw,360px)!important;min-width:0!important;height:100dvh!important;min-height:100dvh!important;padding:22px 18px 18px!important;overflow-y:auto;border-radius:0 24px 24px 0!important;box-shadow:18px 0 42px rgba(8,24,55,.28);transform:translateX(-105%);transition:transform .22s ease}.mobileMenuOpen .sidebar{transform:translateX(0)}.mobileMenuClose{display:grid!important;place-items:center;position:absolute;top:14px;right:14px;width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:29px;font-weight:300;line-height:1}.sidebar .brand{display:flex!important;align-items:center!important;gap:12px!important;padding-right:46px;margin:0 0 24px!important}.sidebar .brand>div{min-width:0}.sidebar .brand strong{display:block;font-size:19px!important;line-height:1.2!important;white-space:normal}.sidebar .brand span{display:block;margin-top:3px;font-size:13px!important;opacity:.7}.sidebarLogo{width:54px!important;height:54px!important;flex:0 0 54px!important;object-fit:contain!important;border-radius:14px!important}.sidebar nav{display:grid!important;grid-template-columns:1fr!important;grid-gap:8px!important;gap:8px!important;overflow:visible!important;padding:0!important;margin:0!important}.sidebar nav button{width:100%!important;min-height:50px!important;margin:0!important;padding:12px 14px!important;border-radius:14px!important;font-size:16px!important;line-height:1.2;text-align:left!important;white-space:normal!important}.sidebar nav button.active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.sidebarFoot{display:grid!important;grid-template-columns:1fr auto;align-items:center;grid-column-gap:12px;column-gap:12px;margin-top:auto!important;padding-top:18px!important;border-top:1px solid rgba(255,255,255,.12)}.sidebarFoot small,.sidebarFoot span{grid-column:1}.sidebarFoot span{font-size:16px;font-weight:700}.sidebarFoot small{margin-top:2px;opacity:.7}.sidebarFoot button{grid-column:2;grid-row:1/span 2;min-height:44px;padding:9px 12px!important}.content{width:100%!important;min-width:0!important;padding:18px 14px 34px!important;overflow:visible!important}.userTopBar{margin:0 0 12px!important;padding:0!important}.content h1{font-size:clamp(34px,10vw,46px)!important;line-height:1.03!important}.content h2{font-size:21px!important}.content h3{font-size:17px!important}.cardsGrid,.clientMetrics,.dashboardGrid,.formGrid,.grid,.metricGrid,.twoCol,.twoColumns{grid-template-columns:1fr!important}.metricGrid{gap:10px!important}.activityCard,.card,.metric,.panel,.projectCard,.serviceCard{width:100%!important;min-width:0!important;max-width:100%!important;border-radius:16px!important}.activityCard,.card,.panel,.projectCard,.serviceCard{padding:16px!important}button,input,select,textarea{max-width:100%;font-size:16px}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%!important;min-height:46px!important;border-radius:12px!important}textarea{min-height:110px!important}.btn,.button,button{min-height:44px;touch-action:manipulation}.inlineForm{display:grid!important;grid-template-columns:1fr!important;grid-gap:10px!important;gap:10px!important}.tableContainer,.tableWrap,.tableWrapper{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}table{min-width:620px}.messageGrid,.messageLayout,.messagesGrid,.messagesLayout{display:grid!important;grid-template-columns:1fr!important;width:100%!important}label,p,small,span,strong,td,th{overflow-wrap:anywhere}}@media (max-width:390px){.content{padding-left:12px!important;padding-right:12px!important}.sidebar{width:92vw!important}}@media (max-width:768px){.sidebar{width:min(85vw,340px)!important;padding:18px 16px calc(18px + env(safe-area-inset-bottom))!important;border-radius:0 20px 20px 0!important}.sidebar .brand{margin-bottom:14px!important;gap:10px!important}.sidebarLogo{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:12px!important}.sidebar .brand strong{font-size:17px!important}.sidebar .brand span{font-size:12px!important}.sidebar nav{gap:4px!important}.sidebar nav button{min-height:46px!important;padding:10px 12px!important;border-radius:12px!important;font-size:15px!important}.sidebarFoot{margin-top:12px!important;padding-top:12px!important;padding-bottom:max(4px,env(safe-area-inset-bottom))!important}.sidebarFoot button{min-height:40px!important;padding:8px 10px!important}.mobileMenuClose{top:12px;right:12px;width:38px;height:38px;min-height:38px}.content{padding:16px 14px 28px!important}.content h1{font-size:clamp(32px,9vw,42px)!important}.metricGrid{gap:8px!important}.metric{min-height:94px!important;padding:16px 18px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:6px!important;border-radius:16px!important}.metric>span{font-size:14px!important;line-height:1.2!important}.metric>strong{font-size:34px!important;line-height:1!important}}@media (max-width:390px){.sidebar{width:86vw!important}.metric{min-height:88px!important;padding:14px 16px!important}.metric>strong{font-size:32px!important}}