:root{--bg:#f4f6f8;--surface:#fff;--surface-soft:#f8faf9;--surface-strong:#eef4f1;--text:#14201c;--muted:#64716d;--subtle:#8a9692;--line:#dce5e1;--line-soft:#edf2f0;--primary:#0f766e;--primary-dark:#115e59;--blue:#2563eb;--amber:#b7791f;--red:#dc2626;--green:#15803d;--purple:#6d28d9;--shadow:0 14px 36px #14201c14;--shadow-soft:0 8px 22px #14201c0f;--radius:8px;--sidebar:284px}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:linear-gradient(180deg, #eef4f1e6, #f4f6f8 360px), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}button{border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;border:0;min-height:40px;padding:0 14px;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s,color .16s}button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 8px 20px #0f766e2e}button:active{transform:translateY(0)}button:disabled{color:#6b7974;box-shadow:none;cursor:not-allowed;background:#cbd5d1;transform:none}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--text);background:#fff;outline:none;transition:border .16s,box-shadow .16s,background .16s}input,select{min-height:40px;padding:0 12px}textarea{resize:vertical;min-height:108px;padding:12px}h1,h2,h3,h4,p{margin-top:0}h3{margin-bottom:14px;font-size:16px;line-height:1.25}h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:13px}pre{border:1px solid var(--line-soft);border-radius:var(--radius);color:#e7eef0;background:#0f1720;max-width:100%;max-height:520px;margin:0;padding:14px;font-size:12px;line-height:1.55;overflow:auto}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login form{border:1px solid var(--line);border-radius:var(--radius);width:min(392px,100%);box-shadow:var(--shadow);background:#fffffff5;flex-direction:column;gap:12px;padding:26px;display:flex}.login h1{margin-bottom:0;font-size:26px;line-height:1.1}.error{color:var(--red);margin:0;font-weight:700}.app{min-height:100vh}.sidebar{width:var(--sidebar);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#ffffffeb;border-right:1px solid #dce5e1bd;flex-direction:column;padding:20px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:0 8px 16px;display:flex}.brandIcon{border-radius:var(--radius);color:#fff;letter-spacing:.04em;background:#14201c;flex:0 0 40px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.brand b{letter-spacing:.06em;font-size:13px;display:block}.brand span{color:var(--muted);margin-top:2px;font-size:12px;display:block}nav{flex-direction:column;flex:1;gap:12px;margin-top:14px;padding-right:2px;display:flex;overflow:auto}.navGroup{flex-direction:column;gap:4px;display:flex}.navGroup strong{color:var(--subtle);text-transform:uppercase;letter-spacing:.08em;margin:8px 8px 2px;font-size:11px;font-weight:900}.navGroup button{color:#4d5b57;width:100%;min-height:38px;box-shadow:none;text-align:left;background:0 0;justify-content:flex-start;align-items:center;gap:10px;padding:0 8px;display:flex}.navGroup button:hover{background:var(--surface-strong);color:var(--text);box-shadow:none}.navGroup button.active{color:#fff;background:#14201c}.navGroup button span{color:#34423e;background:#edf4f0;border-radius:6px;flex:0 0 34px;place-items:center;width:34px;height:24px;font-size:10px;font-weight:900;display:inline-grid}.navGroup button.active span{color:#fff;background:#ffffff29}.navGroup button em{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:normal;overflow:hidden}.logout{width:100%;color:var(--text);box-shadow:none;background:#eff4f2;flex:none;margin-top:14px}.logout:hover{box-shadow:none;background:#e2ebe7}main{min-height:100vh;margin-left:var(--sidebar)}.topbar{z-index:15;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid #dce5e1c7;justify-content:space-between;align-items:center;gap:16px;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.topbarTitle{flex-direction:column;gap:2px;min-width:0;display:flex}.topbarTitle span{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;overflow:hidden}.topbarTitle b{color:var(--muted);font-size:11px;font-weight:800}.topbarActions{align-items:center;gap:10px;display:flex}.refreshButton:hover{background:#263630;box-shadow:0 8px 20px #14201c29}.userPill{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:1px;min-width:172px;padding:8px 10px;display:flex}.userPill b,.userPill span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.userPill b{font-size:13px}.userPill span{color:var(--muted);text-transform:capitalize;font-size:11px}.mobilePagePicker{display:none}.content{width:min(1480px,100%);margin:0 auto;padding:28px}.pageHeader{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.pageHeader h1{letter-spacing:0;margin:0;font-size:30px;line-height:1.05}.pageHeader p{max-width:820px;color:var(--muted);margin:8px 0 0}.pageActions{justify-content:flex-end;gap:8px;display:flex}.metrics{grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:12px;margin-bottom:16px;display:grid}.metric,.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fffffff2}.metric{min-height:106px;padding:16px;position:relative;overflow:hidden}.metric:before{content:"";background:var(--blue);width:4px;position:absolute;inset:0 auto 0 0}.metric span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800;display:block}.metric b{overflow-wrap:anywhere;margin-top:12px;font-size:28px;line-height:1;display:block}.metric.success:before{background:var(--green)}.metric.danger:before{background:var(--red)}.metric.success{background:#f3fbf5}.metric.danger{background:#fff6f6}.card{margin-bottom:16px;padding:18px}.card>:last-child{margin-bottom:0}.grid2,.grid3,.projectGrid{gap:12px;margin-bottom:16px;display:grid}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.projectGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.row h3,.row p{margin-bottom:4px}.mini{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.mini span,.statusItem{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-soft);min-width:0;color:var(--muted);padding:12px}.mini b,.statusItem b{color:var(--text);margin-top:4px;font-size:16px;display:block}.progress{background:#e8efec;border-radius:999px;height:8px;overflow:hidden}.progress div{background:linear-gradient(90deg, var(--primary), var(--blue));height:100%}.chart,.barChart{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-soft);min-height:230px}.chart{color:var(--subtle);place-items:center;display:grid}.barChart{align-items:flex-end;gap:10px;padding:18px 16px 34px;display:flex}.bar{background:linear-gradient(180deg, var(--primary), #43a794);border-radius:6px 6px 2px 2px;flex:1;min-width:24px;position:relative}.bar span{color:var(--muted);white-space:nowrap;font-size:11px;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.statusGrid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;display:grid}.statusItem span{color:var(--muted);font-size:12px;font-weight:800;display:block}.table{border:1px solid var(--line-soft);border-radius:var(--radius);width:100%;overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--line-soft);vertical-align:middle;text-align:left;padding:11px 12px}th{z-index:1;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#f6faf8;font-size:11px;font-weight:900;position:sticky;top:0}td{color:#293733}tbody tr:last-child td{border-bottom:0}.mobileTable{display:none}.mobileRow{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fff;padding:12px}.mobileRow+.mobileRow{margin-top:10px}.mobileField{border-bottom:1px solid var(--line-soft);grid-template-columns:112px minmax(0,1fr);gap:10px;padding:8px 0;display:grid}.mobileField:last-child{border-bottom:0}.mobileField>span{color:var(--muted);font-size:12px;font-weight:800}.mobileValue{overflow-wrap:anywhere;min-width:0}.badge{color:#40504b;overflow-wrap:anywhere;background:#eef3f1;border:1px solid #d8e1de;border-radius:999px;justify-content:center;align-items:center;max-width:100%;min-height:24px;padding:3px 9px;font-size:12px;font-weight:900;line-height:1.2;display:inline-flex}.badge.active,.badge.ok,.badge.paid,.badge.done,.badge.resolved,.badge.connected,.badge.success,.badge.income,.badge.shipped{color:var(--green);background:#e9f9ee;border-color:#bbebca}.badge.beta,.badge.new,.badge.review,.badge.in_progress,.badge.in-progress,.badge.developer,.badge.project_manager,.badge.project-manager{color:var(--blue);background:#eef4ff;border-color:#c7d9ff}.badge.dev,.badge.pending,.badge.todo,.badge.planned,.badge.medium,.badge.stale,.badge.waiting{color:var(--amber);background:#fff8e8;border-color:#f4dfae}.badge.critical,.badge.failed,.badge.blocked,.badge.high,.badge.expense,.badge.not_connected,.badge.not-connected{color:var(--red);background:#fff1f1;border-color:#fecaca}.badge.owner,.badge.super_admin,.badge.super-admin,.badge.ceo,.badge.finance,.badge.analyst{color:var(--purple);background:#f4efff;border-color:#ddd0fe}.form{flex-direction:column;gap:10px;display:flex}.inlineForm{grid-template-columns:minmax(160px,1.2fr) minmax(140px,1fr) 160px auto;align-items:center;gap:10px;display:grid}.inlineSelect{min-width:132px;min-height:34px;padding:0 10px}.inlineSelect:disabled{color:var(--muted);cursor:not-allowed;background:#eef3f1}.actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.projectActions{justify-content:flex-end}.secondary{color:var(--text);box-shadow:none;background:#eef3f1}.dangerButton{color:#d62828;box-shadow:none;background:#fff6f6;border-color:#f1b4b4}.dangerButton:hover{box-shadow:none;background:#fff0f0;border-color:#d62828}.secondary:hover{box-shadow:none;background:#dfe9e5}.smallBtn{min-height:34px;padding:0 11px}.copyBox,.notice{border-radius:var(--radius);overflow-wrap:anywhere;padding:12px 14px}.copyBox{color:#1d4ed8;background:#eef4ff;border:1px solid #c7d9ff;margin-top:12px;font-size:13px}.notice{color:#9a3412;background:#fff8ed;border:1px solid #fed7aa;flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.notice span{font-size:13px}.support{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:12px;display:grid}.ticket{border:1px solid var(--line-soft);width:100%;height:auto;color:var(--text);text-align:left;box-shadow:none;background:#fff;margin-bottom:8px;padding:12px;display:block}.ticket:hover{box-shadow:none;background:#f5fbf8;border-color:#0f766e59}.ticket.active{color:#fff;background:#14201c;border-color:#14201c}.ticket span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.ticket.active span{color:#cdd9d5}.messages{flex-direction:column;gap:8px;margin:14px 0;display:flex}.msg{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-soft);overflow-wrap:anywhere;padding:11px 12px}.msg.support{background:#eef4ff;border-color:#c7d9ff}.kanban{grid-template-columns:repeat(6,minmax(224px,1fr));gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.kanban .card{min-width:224px}.kanbanCard,.task{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-soft);padding:12px}.kanbanCard+.kanbanCard,.task+.task{margin-top:10px}.kanbanCard p,.task p{color:var(--muted);margin:6px 0}.funnel{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.funnel span{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:9px 11px;font-weight:800}.mobileList{display:none}.empty{border-radius:var(--radius);min-height:112px;color:var(--muted);text-align:center;background:#fbfdfc;border:1px dashed #cfd9d5;place-items:center;padding:22px;display:grid}.empty b{color:#465550;font-size:14px;display:block}.empty span{margin-top:4px;font-size:12px;display:block}.loadingState{border:1px solid var(--line);border-radius:var(--radius);min-height:220px;color:var(--muted);background:#fff;justify-content:center;align-items:center;gap:10px;font-weight:800;display:flex}.loadingState span{border:2px solid #d7e3df;border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.muted{color:var(--muted)}.dangerText{color:var(--red);font-weight:700}.bottom{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.grid3,.grid2,.support{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(3,minmax(224px,1fr))}}@media (width<=820px){:root{--sidebar:0px}body{background:var(--bg)}.sidebar{display:none}main{margin-left:0}.topbar{flex-wrap:wrap;align-items:center;height:auto;min-height:70px;padding:10px 14px}.topbarTitle{flex:180px;order:1}.mobilePagePicker{order:3;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;width:100%;display:grid}.mobilePagePicker span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:900}.topbarActions{order:2}.userPill{width:148px;min-width:0}.content{padding:18px 14px 90px}.pageHeader{display:block}.pageHeader h1{font-size:24px}.pageHeader p{font-size:13px}.pageActions{justify-content:flex-start;margin-top:12px}.metrics,.grid2,.grid3,.projectGrid{grid-template-columns:1fr}.metric{min-height:88px}.card{padding:14px}.table{display:none}.mobileTable,.mobileList{display:block}.inlineForm{grid-template-columns:1fr}.inlineForm button,.actions button,.pageActions button,.form button{width:100%}.secondary{margin-left:0}.kanban{grid-template-columns:1fr;overflow:visible}.barChart{overflow-x:auto}.bottom{z-index:30;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;grid-template-columns:repeat(6,minmax(0,1fr));height:66px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom button{min-width:0;min-height:66px;color:var(--muted);box-shadow:none;background:0 0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 2px;display:flex}.bottom button:hover,.bottom button.active{color:var(--primary);box-shadow:none;background:#eef5f1;transform:none}.bottom span{font-size:12px;font-weight:900}.bottom small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}}@media (width<=430px){.topbarActions{justify-content:space-between;width:100%}.userPill{flex:1;width:auto}.refreshButton{flex:none}.mini,.mobileField{grid-template-columns:1fr}.metric b{font-size:24px}}:root{--bg:#fbfbfa;--surface:#fff;--surface-soft:#fbfbfb;--surface-strong:#0a0a0a;--text:#070707;--muted:#777;--subtle:#9b9b9b;--line:#e2e2e2;--line-soft:#eee;--primary:#070707;--primary-dark:#000;--blue:#111;--shadow:0 18px 38px #0000000b;--shadow-soft:0 12px 28px #00000009;--radius:4px;--sidebar:300px}body{background:var(--bg);color:var(--text);font-family:Inter,Arial Narrow,Arial,Helvetica,sans-serif}button{border-radius:var(--radius);color:#fff;text-transform:none;min-height:38px;box-shadow:none;background:#050505;border:1px solid #0a0a0a}button:hover{box-shadow:none;background:#000}input,select,textarea{border-color:var(--line);border-radius:var(--radius)}.login{background:#fbfbfa;min-height:100vh;position:relative;overflow:hidden}.login:before{content:"";background:#030303;width:min(34vw,420px);position:fixed;inset:0 auto 0 0}.login form{z-index:1;background:#fff;border:1px solid #dcdcdc;border-radius:4px;gap:14px;width:min(430px,100%);padding:34px 34px 30px;position:relative;box-shadow:0 24px 54px #00000014}.login form:before{content:"A";color:#fff;background:#050505;place-items:center;width:52px;height:52px;margin-bottom:10px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:38px;line-height:1;display:grid;transform:skew(-10deg)}.login h1{letter-spacing:0;text-transform:uppercase;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:34px;font-weight:900}.login .muted{color:#686868;margin-bottom:6px}.login input{background:#fbfbfb;border-color:#d8d8d8;min-height:46px}.login button{text-transform:uppercase;letter-spacing:.04em;min-height:46px;margin-top:2px}.sidebar{color:#fff;background:#030303;border-right:0;padding:26px 16px 22px}.brand{color:#fff;border-bottom:1px solid #ffffff14;min-height:66px;padding:0 8px 22px}.brandIcon{color:#000;background:#fff;border-radius:0;flex-basis:48px;width:48px;height:48px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:34px;line-height:1;transform:skew(-10deg)}.brand b{color:#fff;letter-spacing:.03em;font-size:15px}.brand span{color:#ffffffad;letter-spacing:.08em;text-transform:uppercase;font-size:11px}nav{gap:12px;margin-top:22px}.navGroup strong{color:#ffffff6b;letter-spacing:.12em}.navGroup button{border-radius:var(--radius);color:#ffffffdb;text-transform:uppercase;background:0 0;border:1px solid #0000;min-height:48px;font-size:14px;font-weight:800}.navGroup button:hover{color:#fff;background:#ffffff14;border-color:#ffffff29}.navGroup button.active{color:#000;background:#fff;border-color:#fff}.navGroup button span{width:34px;height:28px;color:inherit;background:0 0;border:1px solid #ffffff4d;border-radius:3px;font-size:10px}.sidebarFooter{border-top:1px solid #ffffff14;flex-direction:column;gap:14px;margin-top:18px;padding-top:18px;display:flex}.sideUser{color:#fff;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;display:grid}.sideAvatar{background:#1a1a1a;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.sideUser b,.sideUser span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.sideUser span{color:#ffffff94;text-transform:capitalize}.systemMode{border-radius:var(--radius);border:1px solid #ffffff1f;padding:12px 14px}.systemMode span{color:#ffffff6b;text-transform:uppercase;letter-spacing:.08em;font-size:10px;display:block}.systemMode b{color:#fff;text-transform:uppercase;letter-spacing:.04em;margin-top:6px;display:block}.sidebarFooter small{color:#ffffff6b;font-size:11px}.logout{color:#fff;background:0 0;border-color:#ffffff24;margin-top:0}.topbar{border-bottom:1px solid var(--line-soft);background:#fffffff0;height:70px}.topbarTitle{padding-left:22px;position:relative}.topbarTitle:before{content:"";background:#111;width:2px;position:absolute;top:2px;bottom:2px;left:0}.topbarTitle span,.topbarTitle b{text-transform:uppercase;letter-spacing:.04em}.topbarMeta{color:#111;text-transform:uppercase;align-items:center;gap:18px;font-size:13px;font-weight:800;display:flex}.focusButton{border-color:var(--line);color:#111;text-transform:uppercase;background:#fff}.focusButton:hover{color:#000;background:#fff;border-color:#111}.refreshButton{background:#050505}.userPill{border-radius:var(--radius);box-shadow:none}.content{max-width:1600px;padding:30px 34px}.pageHeader{margin-bottom:18px}.pageHeader h1{letter-spacing:0;text-transform:uppercase;max-width:980px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial Black,sans-serif;font-size:clamp(30px,3.4vw,48px);font-weight:900;line-height:1}.pageHeader p{color:#777;margin-top:10px;font-size:16px}.metric,.card{border-color:var(--line);border-radius:var(--radius);box-shadow:none;background:#fff}.metric{min-height:112px;padding:18px 20px}.metric:before{display:none}.metric span{color:#111;letter-spacing:.04em;font-size:11px;font-weight:900}.metric b{color:#050505;margin-top:8px;font-size:31px}.metric.success,.metric.danger{background:#fff}.card{padding:20px}.card h3{letter-spacing:.01em;font-size:18px;font-weight:900}.table{border-color:var(--line)}th{color:#111;background:#fff;font-weight:900}.secondary{border-color:var(--line);color:#111;background:#fff}.secondary:hover{background:#fff;border-color:#111}.mini span,.statusItem,.kanbanCard,.task,.mobileRow{border-color:var(--line-soft);border-radius:var(--radius);background:#fbfbfb}.progress div,.bar{background:#0a0a0a}pre{border-radius:var(--radius);color:#fff;background:#030303;border-color:#222}.empty,.loadingState{border-color:var(--line);background:#fff}.badge{text-transform:uppercase;border-radius:4px;font-size:11px}.brandSplit{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.brandMain{min-width:0}.aiSummaryPanel{border-radius:var(--radius);color:#fff;background:#030303;border:1px solid #202020;min-height:360px;padding:20px;position:sticky;top:88px}.summaryTop{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.summaryTop h3{letter-spacing:0;text-transform:uppercase;margin:0;font-size:24px;font-weight:900}.summaryTop p{color:#c9c9c9;margin:8px 0 0;font-size:12px}.summaryTop>span{border-radius:var(--radius);color:#fff;border:1px solid #555;align-self:flex-start;padding:7px 10px;font-size:11px;font-weight:900}.summaryItems,.summaryActions{gap:10px;display:grid}.summaryItem{border-radius:var(--radius);border:1px solid #303030;grid-template-columns:42px minmax(0,1fr);display:grid}.summaryItem b{border-right:1px solid #303030;place-items:center;font-size:14px;display:grid}.summaryItem span{color:#f3f3f3;padding:12px;font-size:13px;line-height:1.45}.summaryActions{margin-top:18px}.summaryActions span{border-radius:var(--radius);color:#f3f3f3;border:1px solid #303030;padding:10px 12px;font-size:12px}.rowActions{flex-wrap:wrap;gap:4px;min-width:152px;max-width:170px;display:flex}.wideCard{grid-column:1/-1}.badge{white-space:nowrap;align-items:center;width:max-content;max-width:100%;display:inline-flex}.rowActions button{flex:70px;min-height:30px;padding:0 7px;font-size:11px}.compactForm{gap:10px}.profileForms{gap:14px;display:grid}.formRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.formMessage,.formError,.fileMeta{margin:10px 0 0;font-size:13px;font-weight:800}.formMessage{color:#148a4a}.formError{color:#d62828}.fileMeta{color:var(--muted)}.fileUpload{border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface-soft);color:var(--muted);gap:8px;padding:12px;font-size:13px;font-weight:800;display:grid}.fileUpload input{background:0 0;border:0;padding:0}.buttonLink{border:1px solid var(--line);min-height:30px;color:var(--text);background:#fff;border-radius:6px;flex:70px;justify-content:center;align-items:center;padding:0 7px;font-size:11px;font-weight:900;text-decoration:none;display:inline-flex}.secretCard{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.secretCard .muted{color:#ffffffad}.secretCard code{color:#fff;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff38;border-radius:6px;max-width:100%;padding:12px;display:block;overflow-x:auto}.connectorGuide{border-color:#0a0a0a}.guideGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.guideStep{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-soft);grid-template-columns:42px 1fr;align-items:start;gap:4px 12px;padding:12px;display:grid}.guideStep b{color:#fff;background:#050505;border-radius:6px;grid-row:span 2;justify-content:center;align-items:center;min-height:42px;display:inline-flex}.guideStep span{font-weight:900}.guideStep small{color:var(--muted);line-height:1.45}.endpointList{gap:8px;display:grid}.endpointRow{border:1px solid var(--line-soft);background:#fff;border-radius:6px;grid-template-columns:64px minmax(180px,1fr);align-items:center;gap:6px 12px;padding:10px;display:grid}.endpointRow b{font-size:12px}.endpointRow code{color:var(--text);background:var(--surface-soft);border:1px solid var(--line-soft);white-space:nowrap;border-radius:6px;padding:4px 6px;overflow-x:auto}.endpointRow span,.endpointRow small{color:var(--muted)}.endpointRow small{grid-column:1/-1}.directorGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.directorCard{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:18px;min-height:430px;padding:20px;display:grid}.directorHead{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.directorHead h3{text-transform:uppercase;margin:0;font-size:24px;font-weight:900}.directorHead p{color:#777;margin:7px 0 0;font-size:13px}.directorText{color:#222;-webkit-line-clamp:7;-webkit-box-orient:vertical;min-height:156px;margin:0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.miniStats{grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;gap:8px;display:grid}.miniStats span{border:1px solid var(--line-soft);border-radius:var(--radius);color:#777;text-transform:uppercase;min-width:0;padding:12px;font-size:11px;font-weight:800}.miniStats b{overflow-wrap:anywhere;color:#000;margin-bottom:6px;font-size:16px;display:block}@media (width<=1180px){.brandSplit,.directorGrid{grid-template-columns:1fr}.aiSummaryPanel{position:static}.formRow,.guideGrid,.endpointRow{grid-template-columns:1fr}.endpointRow small{grid-column:auto}}@media (width<=820px){.login{justify-content:flex-start;align-items:start;padding:96px 18px 24px;display:flex}.login:before{width:100%;height:128px;inset:0 0 auto}.login form{width:100%;max-width:360px;padding:28px 22px 24px}.login h1{font-size:30px}.topbar{grid-template-columns:minmax(0,1fr);gap:12px;height:auto;min-height:0;padding:14px;display:grid}.topbarTitle{order:1;padding-left:16px}.topbarActions{order:2;grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%;display:grid}.topbarMeta,.focusButton{display:none}.mobilePagePicker{order:3;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:10px;width:100%;display:grid;position:static}.content{padding:26px 14px 92px}.pageHeader h1{font-size:clamp(28px,8vw,36px);line-height:1.04}.pageHeader p{font-size:14px}.bottom{border-top-color:var(--line);background:#fffffff5}.bottom button:hover,.bottom button.active{color:#fff;background:#050505}:root{--sidebar:0px}html,body,#root,.app{width:100%;max-width:100%;overflow-x:hidden}body{font-size:14px}.sidebar{display:none}main{width:100%;min-width:0;margin-left:0}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:0;padding:10px 12px;display:grid}.topbarTitle{order:1;min-width:0;padding-left:12px}.topbarTitle span{font-size:14px;line-height:1.2}.topbarTitle b{display:none}.topbarActions{order:2;justify-content:flex-end;gap:0;width:auto;min-width:0;display:flex}.topbarMeta,.focusButton,.userPill{display:none}.refreshButton{white-space:normal;min-height:36px;padding:0 12px;font-size:12px;line-height:1.1}.mobilePagePicker{order:3;grid-column:1/-1;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;width:100%;display:grid}.mobilePagePicker span{min-width:0;font-size:11px}.mobilePagePicker select{min-width:0;height:38px}.content{width:100%;max-width:100%;padding:16px 12px calc(92px + env(safe-area-inset-bottom))}.pageHeader{gap:10px;margin-bottom:14px;display:grid}.pageHeader h1{overflow-wrap:anywhere;max-width:100%;font-size:30px;line-height:1.02}.pageHeader p{overflow-wrap:anywhere;margin-top:6px;font-size:13px;line-height:1.45}.pageActions{justify-content:stretch;width:100%;margin-top:0}.pageActions button,.form button,.actions button,.inlineForm button{width:100%}button,.buttonLink,input,select,textarea{min-width:0;max-width:100%}button,.buttonLink{white-space:normal;line-height:1.2}.metrics,.grid2,.grid3,.projectGrid,.brandSplit,.directorGrid,.guideGrid,.formRow,.endpointRow,.miniStats{grid-template-columns:minmax(0,1fr)}.metric,.card,.aiSummaryPanel,.directorCard,.guideStep,.endpointRow,.mobileRow,.notice,.copyBox{overflow-wrap:anywhere;min-width:0;max-width:100%}.metric{min-height:92px;padding:16px}.metric b{font-size:28px}.card{padding:16px}.aiSummaryPanel{min-height:0;padding:16px;position:static}.summaryTop{gap:10px;display:grid}.summaryTop h3{font-size:22px}.summaryTop>span{justify-self:start}.summaryItem{grid-template-columns:38px minmax(0,1fr)}.summaryItem span{padding:10px}.directorCard{gap:12px;min-height:0;padding:16px}.directorHead{gap:10px;display:grid}.directorHead h3{font-size:22px}.directorText{-webkit-line-clamp:10;min-height:0}.miniStats{gap:8px}.row,.rowActions,.actions{width:100%}.row{display:grid}.rowActions{min-width:0;max-width:100%}.rowActions button,.rowActions .buttonLink{flex:120px}.fileUpload input{width:100%;font-size:12px}.secretCard code,.endpointRow code,pre{max-width:100%;overflow-x:auto}.table{display:none}.mobileTable,.mobileList{display:block}.mobileField{grid-template-columns:minmax(0,1fr);gap:4px}.mobileValue,.badge{white-space:normal}.bottom{height:auto;min-height:calc(70px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden}.bottom button{min-height:70px;padding:5px 4px}.bottom small{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:9px;line-height:1.15;display:-webkit-box;overflow:hidden}}@media (width<=430px){.content,.topbar{padding-left:10px;padding-right:10px}.pageHeader h1{font-size:28px}.card,.metric,.aiSummaryPanel{padding:14px}}@media (width<=340px){.pageHeader h1{font-size:26px}.mobilePagePicker{grid-template-columns:minmax(0,1fr)}.refreshButton{width:44px;padding:0 10px;font-size:0;overflow:hidden}.refreshButton:after{content:"↻";font-size:18px;line-height:1}}@media (width<=820px){.content{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.bottom{display:none}}:root{--sota-brown-950:#1e110b;--sota-brown-900:#2a1810;--sota-brown-850:#352116;--sota-brown-760:#4a2d1d;--sota-brown-100:#fff7ef;--sota-brown-line:#4a2d1d3d;--text:var(--sota-brown-900);--primary:var(--sota-brown-900);--primary-dark:var(--sota-brown-950);--surface-strong:#f3eee9;--shadow:0 18px 38px #2a181012;--shadow-soft:0 12px 28px #2a18100d}body{color:var(--text)}.sidebar,.aiSummaryPanel,.secretCard,pre,.login:before{background-color:var(--sota-brown-950);background-image:radial-gradient(circle at 18px 18px,#fff7ef13 1px,#0000 1.4px),repeating-linear-gradient(135deg,#fff7ef0b 0 1px,#0000 1px 12px),linear-gradient(#4a2d1d7a,#1e110bfa);background-size:28px 28px,18px 18px,auto}button,.refreshButton,.guideStep b,.progress div,.bar{background:var(--sota-brown-900);color:var(--sota-brown-100)}button:hover,.refreshButton:hover{background:var(--sota-brown-950);box-shadow:0 8px 20px #2a181033}.secondary,.focusButton,.buttonLink{border-color:var(--line);color:var(--text);background:#fff}.secondary:hover,.focusButton:hover,.buttonLink:hover{border-color:var(--sota-brown-900);color:var(--text);background:#fff}.sidebar{color:var(--sota-brown-100)}.brand,.sidebarFooter{border-color:#fff7ef1f}.brandIcon{background:var(--sota-brown-100);color:var(--sota-brown-900)}.brand b,.sideUser,.systemMode b,.logout,.navGroup button:hover{color:var(--sota-brown-100)}.brand span,.navGroup strong,.sideUser span,.systemMode span,.sidebarFooter small{color:#fff7ef9e}.navGroup button{color:#fff7efdb;background:0 0}.navGroup button:hover{background:#fff7ef14;border-color:#fff7ef2e}.navGroup button.active{border-color:var(--sota-brown-100);background:var(--sota-brown-100);color:var(--sota-brown-900)}.navGroup button span{color:inherit;border-color:#fff7ef47}.navGroup button.active span{color:var(--sota-brown-900);background:#f5eee7;border-color:#4a2d1d2e}.sideAvatar,.systemMode,.logout,.secretCard code,.summaryTop>span,.summaryItem,.summaryItem b,.summaryActions span{border-color:#fff7ef2e}.sideAvatar{background:#fff7ef14}.logout{background:#fff7ef0a}.logout:hover{background:#fff7ef1a}.topbarTitle:before,.progress div,.bar{background:var(--sota-brown-900)}.topbarMeta,.focusButton,.focusButton:hover,.pageHeader h1,.metric span,.metric b,th,td,.secondary,.secondary:hover,.card h3,.directorHead h3,.directorText,.miniStats b,.endpointRow code,.guideStep span,.buttonLink,.mini b,.statusItem b{color:var(--text)}.metric,.card,.directorCard,.userPill,.login form{border-color:var(--sota-brown-line)}.pageHeader p,.directorHead p,.miniStats span,.muted{color:#77675f}.aiSummaryPanel,.secretCard{color:var(--sota-brown-100);border-color:#fff7ef2e}.aiSummaryPanel h3,.aiSummaryPanel b,.secretCard h3,.secretCard b,.secretCard code{color:var(--sota-brown-100)}.summaryTop p,.summaryItem span,.summaryActions span,.secretCard .muted{color:#fff7efb8}.secretCard code{background:#fff7ef14}.connectorGuide,.secretCard,.guideStep b{border-color:var(--sota-brown-900)}tbody tr:hover td{background:#fbf7f3}input:focus,select:focus,textarea:focus{border-color:#4a2d1d9e;box-shadow:0 0 0 3px #4a2d1d1f}@media (width<=820px){.sidebar{background-image:none}}