:root{--petrol:#123c4a;--petrol-2:#2f5d6b;--green:#3e6b61;--ink:#1e1e1e;--paper:#f5f5f3;--white:#fff;--muted:#6f7b7d;--line:#dce3e2;--danger:#a44343;--warn:#b77821;--shadow:0 16px 40px rgba(18,60,74,.08)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(165deg,#0d303b,#102b33 65%,#172b2d);color:#eef5f2;padding:28px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:20px;letter-spacing:-.5px;padding:0 8px 30px}.brand img{width:38px;height:38px;object-fit:contain}.brand b{color:#76a99b}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#b9cdca;border-radius:11px;font-size:14px}.sidebar nav a span{font-size:19px}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.09);color:#fff}.sidebar-foot{margin-top:auto;padding:16px 12px 0;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:10px;color:#9fb5b2;font-size:13px}.sidebar-foot small{font-size:10px;margin-top:10px;opacity:.65}.link-button{border:0;background:none;color:inherit;padding:0;cursor:pointer}.main{margin-left:250px;min-height:100vh}.topbar{height:78px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(245,245,243,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar>div:first-of-type{display:grid;gap:2px}.topbar strong{font-size:17px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800;color:var(--green)}.user-chip{display:grid;place-items:center;width:38px;height:38px;background:var(--petrol);color:#fff;border-radius:50%;font-size:12px;font-weight:800}.menu-button{display:none}.content{max-width:1500px;margin:auto;padding:34px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.page-heading h1{font-size:30px;letter-spacing:-1px;margin:3px 0 6px;color:var(--petrol)}.page-heading p{margin:0;color:var(--muted);max-width:760px}.actions,.inline-filter{display:flex;gap:10px;align-items:center}.inline-filter select{min-width:190px}.notice,.error{padding:12px 15px;border-radius:10px;margin-bottom:20px;font-size:14px}.notice{background:#e1eee9;color:#245849;border:1px solid #bdd8ce}.error{background:#f8e7e5;color:#863c36;border:1px solid #ecc5c1}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;width:4px;inset:0 auto 0 0;background:var(--petrol-2)}.kpi.warning:before{background:#c38a3b}.kpi.accent:before{background:#4f8b7b}.kpi span{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.6px}.kpi strong{display:block;font-size:30px;color:var(--petrol);margin:8px 0 3px}.kpi small{color:#899294}.kpi-grid.compact .kpi{padding:16px 19px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-head h2{margin:3px 0 0;font-size:18px;color:var(--petrol)}.panel-head a{font-size:12px;color:var(--green);font-weight:700}.funnel-list{display:grid;gap:15px}.funnel-row{display:grid;grid-template-columns:190px 1fr 35px;gap:12px;align-items:center;font-size:13px}.funnel-row>div{height:9px;background:#edf1ef;border-radius:10px;overflow:hidden}.funnel-row i{display:block;height:100%;background:linear-gradient(90deg,var(--petrol-2),#62a18f);border-radius:10px}.funnel-row b{text-align:right;color:var(--petrol)}.instance-stack,.instance-cards{display:grid;gap:11px}.instance-item,.instance-card{display:flex;align-items:center;gap:11px;padding:12px;background:#f7f9f8;border-radius:11px}.instance-item div,.instance-card div{display:grid;gap:2px}.instance-item strong,.instance-card strong{font-size:13px}.instance-item small,.instance-card small{color:var(--muted)}.instance-card .pill{margin-left:auto}.status-dot{width:9px;height:9px;background:#4b9a76;border-radius:50%;box-shadow:0 0 0 4px #dcece5;flex:0 0 auto}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;text-transform:uppercase;letter-spacing:.7px;font-size:10px;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid #edf0ef}td strong,td small{display:block}td small{color:#929b9b;margin-top:3px}.pill{display:inline-block;padding:5px 9px;border-radius:20px;background:#e8efed;color:#315d53;font-size:10px;text-transform:capitalize}.good{color:#287755;font-weight:700}.bad{color:var(--danger);font-weight:700}.empty{padding:28px;text-align:center;color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:9px;padding:10px 15px;border:1px solid transparent;cursor:pointer;font-size:13px;font-weight:750}.button.primary{background:var(--petrol);color:#fff}.button.primary:hover{background:#1c5362}.button.ghost{border-color:var(--line);background:#fff;color:var(--petrol)}.button.text{color:var(--green)}.button.full{width:100%}.button:disabled{opacity:.6}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.company-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;box-shadow:var(--shadow);transition:.2s}.company-card:hover{transform:translateY(-2px);border-color:#a9c2bc}.company-avatar{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--petrol),var(--green));color:#fff;font-weight:800}.company-card h2{font-size:16px;color:var(--petrol);margin:0 0 4px}.company-card p{font-size:12px;color:var(--muted);margin:0}.company-stats{grid-column:1/3;display:flex;gap:16px;color:var(--muted);font-size:12px}.company-stats b{color:var(--petrol)}.status{font-size:10px;padding:5px 9px;background:#dcece5;color:#287755;border-radius:15px}.status.muted{background:#eee;color:#777}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.one{grid-template-columns:1fr}.form-grid label,.login-card label{display:grid;gap:7px;color:#405054;font-size:12px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.login-card input,.inline-filter select{width:100%;padding:11px 12px;border:1px solid #ccd7d5;background:#fbfcfc;border-radius:9px;outline:none;color:var(--ink)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.login-card input:focus{border-color:#5c8c81;box-shadow:0 0 0 3px #e1ece8}.form-grid label small{font-weight:400;color:var(--muted)}.form-grid .check{display:flex;grid-auto-flow:column;justify-content:start;align-items:center}.check input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.form-submit{display:flex;align-items:end}.action-stack{display:grid;gap:10px}.narrow-card{max-width:560px;margin:30px auto}.narrow-card h1{color:var(--petrol)}.login-body{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#eef2ef}.login-art{background:linear-gradient(145deg,rgba(10,42,53,.92),rgba(18,60,74,.96)),url('/static/assets/vendapulse-logo.png') center/cover;color:#fff;display:flex;align-items:flex-end;padding:8vw}.login-message{max-width:590px}.login-message .eyebrow{color:#89bcad}.login-message h1{font-size:50px;line-height:1.06;letter-spacing:-2px;margin:15px 0}.login-message p{font-size:17px;color:#c6d8d4}.login-panel{display:grid;place-items:center;padding:35px}.login-card{width:min(410px,100%);display:grid;gap:20px;background:#fff;padding:35px;border-radius:20px;box-shadow:0 24px 60px rgba(18,60,74,.13)}.login-logo{width:200px;height:100px;object-fit:cover;object-position:center 72%;margin:auto;border-radius:12px}.login-card h2{margin:0 0 4px;color:var(--petrol)}.login-card p{margin:0;color:var(--muted)}.login-card>small{text-align:center;color:#9aa3a3}
@media(max-width:1100px){.company-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.span-3{grid-column:span 2}.kpi-grid{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:translateX(0)}.main{margin-left:0}.menu-button{display:block;border:0;background:none;font-size:22px}.topbar{height:68px;padding:0 18px}.content{padding:22px 16px}.page-heading{align-items:flex-start;flex-direction:column}.kpi-grid,.dashboard-grid,.company-grid,.form-grid,.form-grid.three{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}.funnel-row{grid-template-columns:130px 1fr 28px}.login-body{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:18px}.actions,.inline-filter{flex-wrap:wrap}.company-card{grid-template-columns:auto 1fr}.company-card .status{grid-column:2}.form-actions{justify-content:stretch}.form-actions .button{flex:1}}