/* Approved demo proportions, materials and visual hierarchy. */
:root{--bg:#070a0f;--bg2:#111720;--glass:rgba(19,24,32,.72);--glass-strong:#111720;--text:#f7f9fb;--muted:#8e99a8;--line:rgba(255,255,255,.09);--shadow:inset 0 1px rgba(255,255,255,.035),0 18px 45px rgba(0,0,0,.08);--radius:18px;color-scheme:dark}
html,body{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:400}
body{background:radial-gradient(circle at 67% -20%,rgba(51,82,129,.28),transparent 40%),radial-gradient(circle at 15% 85%,rgba(184,255,44,.045),transparent 28%),var(--bg)}
.light{--bg:#eef2f5;--bg2:#fff;--glass:rgba(255,255,255,.8);--glass-strong:#fff;--text:#111824;--muted:#687382;--line:rgba(18,30,45,.1);color-scheme:light}
.shell{grid-template-columns:228px minmax(0,1fr)}
.sidebar{position:fixed;inset:0 auto 0 0;width:228px;height:100dvh;padding:24px 16px 19px;display:flex;flex-direction:column;background:rgba(16,22,31,.65)}
.side-brand{display:block;flex:none;height:132px;min-height:132px;margin:0 4px 18px;padding:7px;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.14)}
.side-brand img{display:block;width:100%;height:118px;max-height:118px;object-fit:contain;object-position:center}
.nav{gap:4px}.nav button{position:relative;padding:12px 11px;min-height:43px;border-radius:12px;font-size:13px;font-weight:400;gap:12px}.nav-icon{color:var(--muted);width:19px;display:grid;place-items:center}.nav .active .nav-icon{color:var(--text)}
.nav button.active{background:linear-gradient(100deg,rgba(184,255,44,.15),rgba(184,255,44,.045));box-shadow:inset 0 0 0 1px rgba(184,255,44,.16)}
.nav button.active:before{content:'';position:absolute;left:-16px;width:3px;height:22px;border-radius:3px;background:var(--lime);box-shadow:0 0 15px var(--lime)}
.nav em{margin-left:auto;font-style:normal;font-size:11px;padding:3px 7px;border-radius:20px;background:rgba(255,255,255,.08)}
.side-bottom{position:static;margin-top:auto;padding-top:18px}.demo-powered{margin:16px 8px 0;padding-top:16px;border-top:1px solid var(--line)}.demo-powered>span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.demo-powered strong{font-size:20px;letter-spacing:-.08em}.demo-powered b{color:var(--lime)}.side-user{display:none}
.main{grid-column:2}.topbar{height:72px;padding:0 34px;gap:10px;background:rgba(16,22,31,.65);box-shadow:none}.demo-office{display:flex;align-items:center;gap:10px}.demo-office>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.demo-office select{width:auto;padding:8px 12px;border-radius:10px;font-size:12px;font-weight:600;background:var(--glass)}.office-context{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.office-context i{width:6px;height:6px;border-radius:50%;background:var(--lime)}.role-badge{color:var(--lime);background:rgba(184,255,44,.1);font-size:9px;text-transform:uppercase;letter-spacing:.09em;border-radius:20px;padding:6px 8px}
.theme{width:36px;height:36px;border-radius:11px;display:grid;place-items:center}.demo-theme,.demo-profile{border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.035);box-shadow:inset 0 1px rgba(255,255,255,.06)}.demo-theme{height:36px;border-radius:12px;padding:3px;display:flex}.demo-theme span{width:29px;display:grid;place-items:center;border-radius:8px;color:var(--muted)}.demo-theme span.selected{background:var(--glass-strong);color:var(--text)}.demo-profile{display:flex;align-items:center;gap:9px;padding:4px 10px 4px 4px;border-radius:12px;text-align:left}.demo-profile>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(140deg,#6885ce,#354f94);color:white;font-size:9px;font-weight:700}.demo-profile strong,.demo-profile small{display:block}.demo-profile strong{font-size:11px}.demo-profile small{font-size:9px;color:var(--muted);margin-top:2px}
.content{width:min(1440px,100%);padding:36px 38px 50px;margin:auto}.page-head{margin-bottom:27px;gap:24px;align-items:flex-end}.eyebrow{font-size:10px;letter-spacing:.15em}.page-head h1{font-size:clamp(27px,3vw,38px);line-height:1.08;font-weight:400;letter-spacing:-.045em;margin:10px 0 0}.page-head p{font-size:12px;margin:9px 0 0;line-height:1.6}.primary,.secondary{border-radius:12px;padding:11px 15px;font-size:12px;font-weight:600}.primary{border-color:#cbff60;box-shadow:0 8px 24px rgba(184,255,44,.13)}.secondary{background:var(--glass)}.glass{background:linear-gradient(145deg,rgba(19,24,32,.72),rgba(16,21,28,.38));backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:var(--shadow)}.light .glass{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.64))}.card{padding:21px}.stat strong{font-size:25px;font-weight:600;margin-top:16px}.stat span{font-size:12px}.stat small{font-size:11px;font-weight:400}.currency-total{font-size:18px!important;line-height:1.5}.panel-title h2{font-size:16px;font-weight:500;letter-spacing:-.025em}.empty h3{font-weight:500;font-size:17px}.empty p{font-size:13px}.empty-icon{background:rgba(184,255,44,.045)!important}
.kanban{grid-template-columns:repeat(6,minmax(235px,1fr));gap:10px;overflow-x:auto;padding-bottom:12px;min-height:572px;scrollbar-color:#64707e #1a2028}.column{border-radius:19px;padding:12px;min-height:560px;background:rgba(255,255,255,.015)}.column>header{text-transform:uppercase;font-size:11px;padding:5px 2px 13px;align-items:center}.column>header b{font-size:11px;background:rgba(255,255,255,.07);color:var(--muted);padding:4px 7px;border-radius:50%}.lead-card{background:rgba(19,24,32,.72);border-radius:15px;padding:13px;margin-bottom:9px;cursor:grab}.light .lead-card{background:rgba(255,255,255,.9)}.lead-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.avatar{width:31px;height:31px;border:0;border-radius:10px;background:linear-gradient(140deg,#4966a8,#283b6b);color:white;font-size:10px}.lead-office{font-size:9px;color:var(--muted)}.lead-name{display:block;background:none;border:0;color:var(--text);padding:0;font-size:13px;font-weight:600;text-align:left}.lead-card p{font-size:11px;margin:7px 0 14px}.lead-amount{font-size:14px;display:block}.lead-card footer{border-top:1px solid var(--line);margin-top:13px;padding-top:10px;font-size:10px;gap:8px}.lead-card select{font-size:11px;padding:7px;opacity:.7}.lead-card select:focus,.lead-card:hover select{opacity:1}.add-opportunity{border:0;background:none;color:var(--muted);font-size:11px;padding:10px;width:100%}.add-opportunity:hover{color:var(--lime)}.lead-card:active{cursor:grabbing}
.settings-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow-x:auto}.settings-tabs button{background:none;border:0;color:var(--muted);padding:13px 18px;font-size:13px;white-space:nowrap;border-bottom:2px solid transparent}.settings-tabs button.active{color:var(--text);border-bottom-color:var(--lime)}.connectors{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.connector h3{font-size:14px;font-weight:500}.connector-icon{width:37px;height:37px;border-radius:12px;font-size:17px;background:rgba(95,130,255,.1);color:#9aafff}.provider-whatsapp{color:#93dca9;background:rgba(68,177,113,.1)}.provider-instagram{color:#ce9fe2;background:rgba(175,110,255,.1)}.connector p{font-size:12px;min-height:40px;line-height:1.6}.connector footer{gap:10px;align-items:center}.connector footer small{font-size:11px}.pill{font-size:10px;padding:4px 8px;font-weight:400}.connector .pill{margin-top:5px}.team-table{min-width:650px}.team-table th{font-size:10px;font-weight:500}.team-table td{font-size:12px}.team-table .person strong{font-weight:500}.team-table .person small{font-size:11px}.audit-event{border-bottom:1px solid var(--line)}.audit-event summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:16px 0;list-style:none}.audit-event summary>div{flex:1}.audit-event strong{font-size:12px;font-weight:500}.audit-event small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.audit-avatar{width:31px;height:31px;background:rgba(95,130,255,.12);color:#9aafff;display:grid;place-items:center;border-radius:10px;font-size:10px}.audit-ip{font-size:11px;color:var(--muted)}.audit-detail{padding:12px 20px;background:rgba(255,255,255,.03);color:var(--muted);font-size:12px;overflow-wrap:anywhere}.audit-detail pre{white-space:pre-wrap}.account-card{max-width:720px}.account-setting{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 0;gap:20px}.account-setting:first-of-type{margin-top:20px}.hint{font-size:12px}.form{margin-top:20px}.form label{font-size:12px;font-weight:400}.form .wide{grid-column:1/-1}input,select,textarea{font-size:14px;background:var(--bg2);padding:12px;border-radius:12px}.check-label{display:flex!important;align-items:center;gap:10px}.check-label input{width:auto}.modal-layer{background:rgba(2,5,9,.56)}.modal{background:var(--glass-strong);padding:25px;border-radius:24px}.modal h2{font-weight:400;font-size:25px;letter-spacing:-.035em}.setup-note{padding:15px;border-radius:13px;border:1px solid var(--line);background:rgba(95,130,255,.04)}.setup-note p,.setup-note small{font-size:12px;color:var(--muted);line-height:1.6}.auth-card{background:var(--glass);backdrop-filter:blur(24px)}.auth-copy h1{font-weight:400}.auth-brand img{height:290px;width:290px;padding:12px;object-fit:contain}.brand-mini img{height:58px;width:58px;object-fit:contain}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(min-width:1500px){.kanban{grid-template-columns:repeat(6,minmax(220px,1fr))}}
@media(max-width:1100px){.office-context{display:none}.connectors{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-profile strong{max-width:95px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}
@media(max-width:780px){.shell{display:block}.main{grid-column:auto}.sidebar{left:-250px;z-index:30;width:228px;padding:20px 16px}.sidebar.open{left:0;box-shadow:20px 0 60px rgba(0,0,0,.4)}.topbar{padding:10px 14px;height:64px;gap:8px}.demo-office>span,.demo-profile>div,.role-badge,.theme{display:none}.demo-office select{max-width:145px}.demo-profile{padding:3px}.demo-theme span{width:23px}.content{padding:26px 18px 40px}.page-head{align-items:flex-start;gap:16px}.page-head h1{font-size:29px}.page-head p{font-size:13px}.connectors{grid-template-columns:1fr}.settings-tabs button{padding:13px 12px;font-size:12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:15px}.stat strong{font-size:22px}.kanban{min-height:560px;grid-template-columns:repeat(6,235px)}.audit-ip{display:none}.audit-event summary{gap:8px}.modal-layer{padding:12px}.modal{max-height:92dvh;padding:20px}.form.two{grid-template-columns:1fr}.form .wide{grid-column:auto}.auth-brand{display:none}.account-setting{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}