:root{--bg:#f4f7fb;--panel:#fff;--text:#172033;--muted:#748096;--line:#e7ebf2;--primary:#3157f5;--primary2:#6b48ff;--shadow:0 18px 55px rgba(24,39,75,.08);--radius:20px}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0}a{color:var(--primary);text-decoration:none}input,select,textarea,button{font:inherit}.app-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#11182a;color:#fff;padding:28px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:32px}.brand-mark,.hero-mark{display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:900;border-radius:14px;box-shadow:0 10px 30px rgba(49,87,245,.35)}.brand-mark{width:42px;height:42px}.brand small,.user-chip small{display:block;color:#8f9bb3;margin-top:2px}.sidebar nav{display:grid;gap:7px}.sidebar nav a,.sidebar-bottom>a{color:#aeb9cc;padding:12px 14px;border-radius:12px;font-weight:650}.sidebar nav a:hover,.sidebar nav a.active{background:#1c2740;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #28344f;padding-top:18px}.user-chip{padding:10px 14px;margin-bottom:8px}.main{padding:28px 34px 60px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.topbar h1{margin:0;font-size:30px}.topbar p{margin:6px 0 0;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:12px;padding:11px 15px;font-weight:750;cursor:pointer}.btn.primary{border:0;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}.btn.success{border:0;background:#167c42;color:#fff}.btn.whatsapp{border:0;background:#1eaa59;color:#fff}.btn.ghost{background:transparent}.btn.wide{width:100%}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.kpi{background:linear-gradient(180deg,#fff,#fbfcff);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.kpi span,.kpi small{display:block;color:var(--muted)}.kpi strong{display:block;font-size:30px;margin:6px 0}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-head h2,.card h2{margin:0;font-size:18px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:14px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.status-card,.status-list>div,.shop-cards article{border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;align-items:center;gap:10px}.status-card small,.status-list small{display:block;color:var(--muted);margin-top:3px}.dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto}.metric-list{display:grid;gap:2px}.metric-list>div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.metric-list span{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:#758199;font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:0}.strong{font-weight:800}.cell-sub{display:block;color:var(--muted);margin-top:4px}.badge{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;background:color-mix(in srgb,var(--badge) 15%,white);color:var(--badge);border:1px solid color-mix(in srgb,var(--badge) 35%,white)}.badge.big{font-size:14px;padding:9px 13px}.filters,.inline-form{display:flex;gap:10px;align-items:end}.filters label,.form-stack label,.form-grid label{display:grid;gap:7px;font-weight:700;font-size:13px}.grow{flex:1}.filter-card{margin-bottom:18px}input,select,textarea{width:100%;border:1px solid #dce2ec;background:#fff;border-radius:11px;padding:11px 12px;outline:none;color:var(--text)}input:focus,select:focus,textarea:focus{border-color:#7992ff;box-shadow:0 0 0 3px rgba(49,87,245,.08)}.form-stack{display:grid;gap:16px}.form-stack.compact{gap:13px}.form-grid{display:grid;gap:14px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;gap:10px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.incident-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.incident-hero h2{font-size:24px;margin:5px 0}.incident-hero p{margin:0;color:var(--muted)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-weight:900}.hero-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.details div{padding:12px;border:1px solid var(--line);border-radius:12px}.details dt{font-size:11px;color:var(--muted);text-transform:uppercase}.details dd{margin:4px 0 0;font-weight:700}.inline-form{margin-top:14px}.inline-form input:first-of-type{flex:1}.invoice-total{display:flex;gap:18px;justify-content:flex-end;align-items:center;margin-top:18px;color:var(--muted)}.invoice-total strong{color:var(--text)}.invoice-total .grand{font-size:18px}.timeline{display:grid;gap:0}.timeline article{display:grid;grid-template-columns:24px 1fr;gap:12px;position:relative;padding-bottom:22px}.timeline article:before{content:"";position:absolute;left:5px;top:14px;bottom:-2px;width:2px;background:var(--line)}.timeline article:last-child:before{display:none}.timeline-dot{width:12px;height:12px;border-radius:50%;margin-top:5px;z-index:1}.timeline-meta{display:flex;justify-content:space-between;gap:12px}.timeline-meta span,.timeline small{color:var(--muted);font-size:12px}.timeline p{margin:6px 0 7px;color:#4f5a6e}.shop-cards,.status-list{display:grid;gap:10px}.shop-cards article{justify-content:space-between}.shop-cards p{margin:4px 0 0;color:var(--muted)}.status-list>div{display:grid;grid-template-columns:auto 1fr auto auto}.pill{font-size:11px;background:#f1f4f9;border-radius:999px;padding:6px 9px;color:#657086}.device-icon{width:30px;height:30px;display:grid;place-items:center;background:#eef2ff;color:var(--primary);border-radius:9px}.flash{padding:12px 14px;border-radius:12px;margin:0 0 16px;border:1px solid}.flash.success{background:#ecfdf3;border-color:#b6efc8;color:#156d37}.flash.danger{background:#fff1f2;border-color:#ffcbd0;color:#a51d31}.flash.info{background:#eef6ff;border-color:#c8ddff;color:#265a9f}.login-body{min-height:100vh;background:radial-gradient(circle at top left,#e8edff,transparent 36%),#f5f7fb;display:grid;place-items:center;padding:30px}.login-wrap{width:min(980px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.login-brand{padding:30px}.hero-mark{width:86px;height:86px;font-size:24px;margin-bottom:22px}.hero-mark.small{width:54px;height:54px;font-size:16px;margin:0}.login-brand h1{font-size:42px;margin:0}.login-brand p{font-size:18px;color:var(--muted);max-width:520px}.login-card{max-width:430px;width:100%;margin-left:auto}.login-card h2{margin-bottom:20px}.muted{color:var(--muted);text-align:center}.public-body{background:#f5f7fb}.public-wrap{width:min(860px,calc(100% - 28px));margin:36px auto}.public-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.public-head h1{margin:2px 0 0}.public-head span{color:var(--muted)}.public-hero{position:relative;overflow:hidden}.public-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:linear-gradient(135deg,#dfe6ff,#efe8ff);right:-80px;top:-110px;z-index:0}.public-hero>*{position:relative;z-index:1}.public-hero h2{font-size:28px;margin:8px 0}.public-hero p{color:var(--muted);max-width:650px}.public-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.public-summary div{padding:12px;border-right:1px solid var(--line)}.public-summary div:last-child{border:0}.public-summary small{display:block;color:var(--muted);margin-bottom:4px}.public-footer{text-align:center;color:var(--muted);padding:22px}.public-wrap>.card{margin-bottom:16px}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:repeat(3,1fr)}.main{padding:20px}.kpis{grid-template-columns:1fr 1fr}.grid.two{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr 1fr}.login-wrap{grid-template-columns:1fr}.login-card{margin:auto}.login-brand{text-align:center}.hero-mark{margin-left:auto;margin-right:auto}.login-brand p{margin-left:auto;margin-right:auto}}@media(max-width:680px){.sidebar nav{grid-template-columns:1fr 1fr}.topbar,.incident-hero{align-items:flex-start;flex-direction:column}.kpis{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr}.span-2{grid-column:auto}.filters,.inline-form{flex-direction:column;align-items:stretch}.status-grid,.details,.public-summary{grid-template-columns:1fr}.public-summary div{border-right:0;border-bottom:1px solid var(--line)}.hero-actions{justify-content:flex-start}.main{padding:14px}.card{padding:16px}.invoice-total{align-items:flex-end;flex-direction:column;gap:7px}.timeline-meta{flex-direction:column;gap:3px}}
/* GDI Professional v2 */
.brand-logo{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:12px;padding:5px}.form-grid.two-cols{grid-template-columns:1fr 1fr}.btn.mini{padding:7px 10px;font-size:12px}.narrow{max-width:820px}.logo-preview{display:grid;place-items:center;min-height:150px;border:1px dashed var(--line);border-radius:16px;background:#fafbfe;margin-bottom:16px}.logo-preview img{max-width:260px;max-height:120px;object-fit:contain}.muted-left{color:var(--muted);line-height:1.7}.card>h2{margin-bottom:18px}.sidebar{box-shadow:20px 0 60px rgba(17,24,42,.06)}.topbar{background:rgba(244,247,251,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;padding:10px 0}.table-wrap tbody tr:hover{background:#fafbff}.kpi strong{letter-spacing:-.04em}.incident-hero{background:linear-gradient(135deg,#fff 0%,#fafbff 65%,#f1efff 100%)}
@media(max-width:680px){.form-grid.two-cols{grid-template-columns:1fr}}