:root{--vip-navy:#071522;--vip-navy-2:#0e2235;--vip-surface:#fff;--vip-bg:#f3f6f8;--vip-line:#dce5e9;--vip-text:#14202b;--vip-muted:#687783;--vip-green:#177461;--vip-gold:#b88a3c;--vip-blue:#266f9e;--vip-shadow:0 16px 45px rgba(19,40,58,.08);font-family:DM Sans,Arial,sans-serif!important}
html{background:var(--vip-bg);overflow-x:hidden}body{background:linear-gradient(145deg,#f7f9fa 0,#eef3f5 100%)!important;color:var(--vip-text)!important;overflow-x:hidden}
.sidebar{width:280px!important;background:linear-gradient(180deg,#071522 0%,#0c1d2e 58%,#0b2331 100%)!important;border:0!important;box-shadow:12px 0 40px rgba(8,23,35,.12)!important;overflow:hidden;display:flex!important}
.brand{height:82px!important;min-height:82px!important;padding:17px 20px!important;border-bottom:1px solid rgba(255,255,255,.07);gap:13px!important}.brand>b{width:44px!important;height:44px!important;border-radius:14px!important;background:linear-gradient(145deg,#31a47e,#1a6485)!important;box-shadow:0 10px 26px rgba(28,155,122,.25)!important;font-size:0!important}.brand>b:before{content:"";width:22px;height:27px;background:linear-gradient(145deg,#b7e65e,#4aa633);border-radius:65% 35% 60% 40%;transform:rotate(25deg);box-shadow:inset -4px -5px 0 #1c6f3533}.brand span{font:800 16px Manrope!important;letter-spacing:.14em!important}.brand small{font:500 11px DM Sans!important;letter-spacing:.02em!important;color:#88a0b4!important;margin-top:3px!important}
.sidebar nav{padding:12px 12px 20px!important;overflow-y:auto!important;min-height:0;scrollbar-width:thin;scrollbar-color:#29465b transparent}.sidebar nav>button,.nav-accordion summary,.nav-accordion>button{border-radius:12px!important;margin:3px 0!important;padding:11px 13px!important;min-height:47px!important;color:#aebfcd!important;font-size:14px!important;font-weight:600!important;transition:background .18s,color .18s,transform .18s!important}.sidebar nav>button:hover,.nav-accordion summary:hover,.nav-accordion>button:hover{background:rgba(255,255,255,.065)!important;color:#fff!important;transform:translateX(2px)}.sidebar nav>button.active,.nav-accordion>button.active{background:linear-gradient(100deg,rgba(30,145,122,.30),rgba(38,111,158,.22))!important;color:#fff!important;box-shadow:inset 3px 0 #59d6b4!important}.nav-accordion{border:0!important;margin:3px 0!important}.nav-accordion[open]{background:rgba(255,255,255,.025);border-radius:13px!important}.nav-accordion>button{padding-left:50px!important;min-height:42px!important;font-size:13px!important}.sidebar [data-page]>i,.nav-accordion summary>i,.nav-accordion>button>i{flex:0 0 28px!important;height:28px!important;border-radius:9px!important}.account{padding:16px!important;grid-template-columns:42px minmax(0,1fr) 30px!important;gap:10px!important;background:#071522;border-top:1px solid #ffffff12!important}.account>span{width:42px!important;height:42px!important;background:linear-gradient(145deg,#1f816b,#236e91)!important;font-size:13px!important}.account b{font-size:13px!important;color:#eef5f7}.account small{font-size:11px!important;color:#8095a8!important}
.super-context{margin:10px 12px 3px!important;padding:13px!important;border-radius:13px!important;flex:0 0 auto}.super-context label>span{font-size:11px!important}.super-context select{font-size:13px!important;min-height:40px}.super-context small{font-size:11px!important}
.workspace{margin-left:280px!important;width:calc(100% - 280px)!important;max-width:none!important;padding:40px clamp(28px,4.2vw,68px) 80px!important;min-width:0}.workspace>*{min-width:0}.workspace #content{width:100%;max-width:1500px;margin:0 auto}.page-title{max-width:1500px;margin:0 auto 28px!important;display:flex!important;align-items:center!important;gap:24px;padding:0 0 24px!important;border-bottom:1px solid var(--vip-line)!important}.page-title>div{min-width:0;flex:1}.page-title small{color:var(--vip-green)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.15em!important}.page-title h1{font:800 clamp(28px,3vw,40px)/1.15 Manrope!important;color:#101e2d!important;letter-spacing:-.04em!important;margin:7px 0 8px!important}.page-title p{max-width:780px!important;font-size:15px!important;color:var(--vip-muted)!important;margin:0!important}.page-title>.primary,.page-title>button,.page-title>div+*{flex:0 0 auto}
.panel,.saas-panel,.hosting-card,.org-card,.office-card,.bot-card{border:1px solid var(--vip-line)!important;border-radius:18px!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--vip-shadow)!important}.panel{padding:24px!important;margin-bottom:22px!important}.panel-head{gap:18px!important;align-items:center!important}.panel-head h2{font:750 19px Manrope!important;color:#152332!important}.panel-head p{font-size:13px!important;color:var(--vip-muted)!important}.metrics,.office-metrics,.law-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:16px!important}.metrics article,.office-metrics article,.law-summary article{min-width:0!important;min-height:112px!important;padding:21px!important;border:1px solid var(--vip-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:0 9px 30px rgba(25,44,60,.055)!important}.metrics article>i{background:linear-gradient(145deg,#e3f5ef,#e9f2f8)!important;color:var(--vip-green)!important;border-radius:13px!important}.metrics span,.office-metrics span,.law-summary span{font-size:13px!important}.metrics small,.office-metrics small,.law-summary small{font-size:12px!important}.dashboard-grid,.split,.case-board,.saas-layout{gap:22px!important;min-width:0}.dashboard-grid>* ,.split>* ,.case-board>* ,.saas-layout>*{min-width:0}
.primary,.secondary,.saas-save,.saas-subscriptions button{min-height:44px!important;border-radius:11px!important;padding:10px 16px!important;font-size:14px!important;font-weight:700!important;white-space:nowrap;transition:transform .18s,box-shadow .18s,background .18s!important}.primary{background:linear-gradient(135deg,#15755f,#207b91)!important;color:#fff!important;box-shadow:0 8px 20px rgba(25,119,103,.18)!important}.primary:hover{transform:translateY(-1px)!important;box-shadow:0 11px 25px rgba(25,119,103,.25)!important}.secondary{background:#fff!important;border:1px solid #cfdadd!important;color:#243643!important}
input,select,textarea{max-width:100%;min-width:0;font-size:14px!important;color:#172631!important}.form-grid input,.form-grid select,.form-grid textarea,.inline-form input,.court-form input,.court-form select,.court-form textarea,.law-form input,.law-form select,.saas-module input,.saas-plan input,.saas-plan select,.saas-new-plan input,.saas-new-plan select,.saas-subscriptions select{min-height:45px!important;border:1px solid #cfdcdf!important;border-radius:11px!important;background:#fbfcfd!important;padding:10px 12px!important;outline:none!important}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,input:focus,select:focus,textarea:focus{border-color:#36937e!important;box-shadow:0 0 0 4px rgba(54,147,126,.11)!important}.form-grid{gap:17px!important}.form-grid label,.court-form label,.law-form label,.saas-module label,.saas-plan label,.saas-new-plan label{font-size:13px!important;font-weight:650!important;color:#52636f!important}
.compact-list article,.event-list article,.domain-list article,.saas-subscriptions article{min-width:0;padding:15px 4px!important;gap:13px!important}.compact-list article>div,.event-list article>div,.domain-list article>div{min-width:0}.compact-list b,.event-list article>div>b,.domain-list b{font-size:14px!important}.compact-list small,.event-list article>div>span,.event-list p,.domain-list small{font-size:12px!important;overflow-wrap:anywhere}.badge{padding:6px 9px!important;border-radius:8px!important;font-size:11px!important;font-weight:700!important}
.saas-admin{max-width:1500px;margin:0 auto}.saas-hero{border-radius:22px!important;background:radial-gradient(circle at 84% 10%,#b7893c55,transparent 28%),linear-gradient(125deg,#071726,#123633 62%,#233142)!important;box-shadow:0 20px 55px rgba(12,34,47,.15)!important}.saas-layout{grid-template-columns:minmax(390px,.78fr) minmax(0,1.22fr)!important}.saas-module{grid-template-columns:42px minmax(130px,1.3fr) minmax(110px,.8fr) auto auto!important}.saas-plan{border-radius:16px!important;min-width:0}.saas-included{grid-template-columns:repeat(2,minmax(0,1fr))!important}.saas-included label{min-width:0}.saas-included label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saas-subscriptions article{grid-template-columns:minmax(180px,1fr) minmax(220px,330px) auto!important}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}th{background:#f3f7f7;color:#50616d;font-size:12px;letter-spacing:.03em;text-align:left}th,td{padding:13px 14px;border-bottom:1px solid #e6ecee}dialog{max-width:min(94vw,760px)!important;border-radius:20px!important;overflow:hidden}.empty{padding:48px 20px!important}.empty h2{font-size:20px!important}.empty p,.hint{font-size:13px!important;max-width:620px;margin-left:auto;margin-right:auto}
@media(max-width:1180px){.sidebar{width:260px!important}.workspace{margin-left:260px!important;width:calc(100% - 260px)!important;padding-left:28px!important;padding-right:28px!important}.saas-layout{grid-template-columns:1fr!important}.dashboard-grid{grid-template-columns:1fr!important}.saas-module{grid-template-columns:42px minmax(140px,1fr) minmax(110px,.7fr) auto!important}.saas-module .saas-switch{grid-column:auto!important}}
@media(max-width:760px){.sidebar{width:min(88vw,320px)!important}.workspace{margin-left:0!important;width:100%!important;padding:24px 15px 60px!important}.mobilebar{height:64px!important;display:flex!important;background:#071522!important;color:#fff!important;border:0!important}.page-title{align-items:flex-start!important;flex-direction:column!important;padding-bottom:20px!important}.page-title h1{font-size:29px!important}.page-title>div+*{width:100%}.page-title .primary,.page-title button{width:100%}.panel{padding:18px!important}.metrics{grid-template-columns:1fr!important}.saas-module{grid-template-columns:38px 1fr!important}.saas-module>*:not(.saas-module-icon){grid-column:2!important}.saas-included{grid-template-columns:1fr!important}.saas-subscriptions article{grid-template-columns:1fr!important}.saas-new-plan{grid-template-columns:1fr!important}.cards{grid-template-columns:1fr!important}}