:root{color:#18352f;font-synthesis:none;--green:#0e5b48;--dark:#0b2e27;--lime:#b8dc55;--line:#dce4df;--muted:#6f807a;--white:#fff;background:#f4f6f2;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.login-shell{background:radial-gradient(circle at 30% 20%,#1a795e,#092a24 65%);place-items:center;min-height:100vh;padding:18px;display:grid}.login-card{background:#fff;border-radius:24px;width:min(430px,100%);padding:42px;box-shadow:0 30px 70px #001c1660}.brand-mark{background:var(--lime);width:58px;height:58px;color:var(--dark);border-radius:18px;place-items:center;margin-bottom:22px;font:800 30px Manrope;display:grid}.brand-mark.small{border-radius:12px;width:42px;height:42px;margin:0;font-size:22px}.eyebrow{letter-spacing:.18em;color:#45816f;margin:0 0 6px;font:700 11px Manrope}.login-card h1,.topbar h1{margin:0;font:800 30px Manrope}.muted{color:var(--muted);margin:8px 0 30px}.login-card form{gap:17px;display:grid}label{gap:7px;font-size:13px;font-weight:600;display:grid}input{border:1px solid var(--line);width:100%;color:var(--dark);background:#fbfcfa;border-radius:10px;outline:none;padding:11px 13px}input:focus,select:focus{border-color:#4f9d83;outline:none;box-shadow:0 0 0 3px #4f9d8318}.primary,.secondary{border:0;border-radius:10px;padding:11px 17px;font-weight:700}.primary{background:var(--green);color:#fff}.primary:hover{background:#0b493b}.secondary{color:var(--dark);background:#eef3ef}.primary:disabled,.secondary:disabled{opacity:.55;cursor:default}.wide{width:100%;margin-top:7px}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}aside{z-index:20;background:var(--dark);color:#fff;flex-direction:column;width:250px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff15;align-items:center;gap:12px;padding:0 8px 29px;display:flex}.brand strong{font:800 18px Manrope;display:block}.brand span{color:#9eb4ad;font-size:12px}nav{gap:7px;padding:25px 0;display:grid}nav button{color:#a9bcb6;text-align:left;background:0 0;border:0;border-radius:10px;padding:12px 14px;font-weight:600}nav button span{color:#cde37d;width:28px;display:inline-block}nav button.active,nav button:hover{color:#fff;background:#ffffff12}aside footer{color:#afc1bb;align-items:center;gap:8px;margin-top:auto;padding:14px 8px;font-size:12px;display:flex}.online-dot{background:#8fd05c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #8fd05c20}.logout{color:#afc1bb;background:0 0;border:0;margin-left:auto}.workspace{grid-column:2;width:100%;min-width:0;max-width:1600px;padding:31px 38px 60px}.topbar{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.top-actions{align-items:center;gap:12px;display:flex}.spinner{border:2px solid #ccd8d3;border-top-color:var(--green);border-radius:50%;width:17px;height:17px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.banner{border-radius:10px;margin:0 0 18px;padding:12px 16px;font-weight:600}.banner.error,.error{color:#9e332b;background:#feeae7}.banner.success{color:#235d3d;background:#e6f5e9}.banner button{float:right;background:0 0;border:0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.metric-grid article{background:#fff;border:1px solid #e1e8e4;border-radius:15px;padding:20px;display:grid;box-shadow:0 5px 18px #19372f08}.metric-grid article.accent{background:var(--dark);color:#fff;border:0}.metric-grid span{color:var(--muted);font-size:13px}.metric-grid .accent span,.metric-grid .accent small{color:#b9cbc5}.metric-grid strong{margin:8px 0;font:800 34px Manrope}.metric-grid small{color:#6d827a}.panel{background:#fff;border:1px solid #e1e8e4;border-radius:15px;margin-bottom:18px;padding:22px;box-shadow:0 5px 18px #19372f08}.panel-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:19px;display:flex}.panel h2{margin:0;font:700 18px Manrope}.panel-head p{color:var(--muted);margin:4px 0 0;font-size:13px}.integration-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.integration-grid article{border:1px solid var(--line);border-radius:11px;grid-template-columns:11px minmax(0,1fr);gap:4px 9px;padding:14px;display:grid}.integration-grid i{border-radius:50%;width:9px;height:9px;margin-top:5px}.integration-grid i.up{background:#58ad65}.integration-grid i.down{background:#d75d51}.integration-grid i.degraded{background:#e5a83b}.integration-grid i.unconfigured{background:#aab5b1}.integration-grid strong,.integration-grid span{font-size:12px;display:block}.integration-grid span{color:var(--muted)}.integration-grid small{color:#83928d;white-space:nowrap;text-overflow:ellipsis;grid-column:2;overflow:hidden}.inline-form{grid-template-columns:repeat(4,minmax(120px,1fr)) auto;gap:10px;display:grid}.cnae-form{grid-template-columns:180px 1fr auto}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{text-transform:uppercase;letter-spacing:.08em;color:#70817b;border-bottom:1px solid var(--line);padding:10px;font-size:11px}td{vertical-align:middle;border-bottom:1px solid #edf1ef;padding:13px 10px;font-size:13px}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.role-select{border:1px solid var(--line);width:100%;min-width:145px;color:var(--dark);background:#fbfcfa;border-radius:7px;padding:7px}.pill{background:#edf1ef;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-block}.pill.ok{color:#337345;background:#e0f2e4}.pill.wait{color:#986b18;background:#fff1d9}.instagram-link{color:var(--green);font-weight:700;text-decoration:none}.instagram-link:hover{text-decoration:underline}.muted-value{color:var(--muted)}.actions{min-width:270px}.actions button,.link{color:var(--green);background:#edf4f0;border:0;border-radius:7px;margin:3px 5px 3px 0;padding:7px 9px;font-size:11px;font-weight:700}.actions button:disabled{opacity:.4;cursor:default}.actions button.danger{color:#a43f37;background:#feeae7}.export-actions{gap:5px;display:flex}.refresh-status{border:1px solid var(--line);background:#f3f7f3;border-radius:10px;grid-template-columns:minmax(250px,1fr) minmax(180px,360px);align-items:center;gap:18px;margin:-4px 0 18px;padding:13px 15px;display:grid}.refresh-status strong,.refresh-status small{display:block}.refresh-status small{color:var(--muted);margin-top:3px}.refresh-status progress{width:100%;accent-color:var(--green)}.empty-state{text-align:center;color:var(--muted);background:#f8faf8;border-radius:10px;margin:0;padding:30px 12px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:17px;display:grid}.toggle{align-items:center;gap:9px;padding-bottom:10px;display:flex}.toggle input{display:none}.toggle span{background:#ccd6d2;border-radius:20px;flex:none;width:38px;height:22px;position:relative}.toggle span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle input:checked+span{background:var(--green)}.toggle input:checked+span:after{left:19px}.tag-list{gap:8px;margin-top:18px;display:grid}.tag-list>span{border:1px solid var(--line);border-radius:9px;grid-template-columns:100px 1fr auto;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:grid}.tag-list button{color:#a03e36;background:0 0;border:0;font-size:20px}.timeline article{border-bottom:1px solid #edf1ef;grid-template-columns:14px minmax(0,1fr) 170px;gap:11px;padding:12px;display:grid}.timeline i{background:var(--lime);border-radius:50%;width:8px;height:8px;margin-top:5px}.timeline strong,.timeline span{overflow-wrap:anywhere;display:block}.timeline span,.timeline small{color:var(--muted);font-size:11px}.timeline small{text-align:right}@media (width<=1100px){.metric-grid,.integration-grid,.inline-form{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form .primary{grid-column:1/-1}}@media (width<=760px){.app-shell{padding-bottom:76px;display:block}aside{width:100%;height:72px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));inset:auto 0 0;box-shadow:0 -5px 22px #001c1630}aside .brand,aside footer{display:none}nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;height:100%;padding:0;display:grid}nav button{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:6px 2px;font-size:10px;line-height:1.15;display:flex}nav button span{width:auto;margin-bottom:4px;font-size:17px}.workspace{padding:20px 13px 24px}.topbar{margin-bottom:18px}.topbar h1{font-size:24px}.top-actions .secondary{padding:9px 11px}.metric-grid{gap:10px}.metric-grid article{padding:16px}.metric-grid strong{font-size:28px}.panel{border-radius:13px;padding:16px}.panel-head{flex-wrap:wrap;align-items:flex-start}.export-actions{flex-wrap:wrap}.refresh-status{grid-template-columns:1fr;gap:9px}.integration-grid,.inline-form,.cnae-form,.form-grid{grid-template-columns:1fr}.inline-form .primary{grid-column:auto;min-height:44px}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.responsive-table thead{display:none}.responsive-table tbody{gap:12px;display:grid}.responsive-table tr{border:1px solid var(--line);background:#fff;border-radius:12px;padding:7px 13px;box-shadow:0 3px 12px #19372f08}.responsive-table td{overflow-wrap:anywhere;border-bottom:1px solid #edf1ef;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:10px;min-height:39px;padding:9px 0;display:grid}.responsive-table td:last-child{border-bottom:0}.responsive-table td:before{content:attr(data-label);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.responsive-table td>*{min-width:0}.responsive-table .actions{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.responsive-table .actions:before{grid-column:1/-1}.responsive-table .actions button{min-height:36px;margin:3px}.role-select{min-width:0}.tag-list>span{grid-template-columns:76px minmax(0,1fr) auto}.timeline article{grid-template-columns:12px minmax(0,1fr)}.timeline small{text-align:left;grid-column:2}}@media (width<=430px){.login-card{padding:28px 22px}.metric-grid{grid-template-columns:1fr}.responsive-table td{grid-template-columns:82px minmax(0,1fr)}.panel-head .primary,.panel-head .secondary{width:100%}}