/* BarraIHS: neutral surfaces, system typography and a restrained blue accent. */
:root{color-scheme:light;--canvas:#f5f5f7;--ink:#1d1d1f;--secondary:#6e6e73;--accent:#0071e3;--line:#e5e5ea}
body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}
.sidebar{background:#fafafc;border-right-color:var(--line)}
.topbar{background:rgba(255,255,255,.88);backdrop-filter:blur(20px);border-bottom-color:var(--line)}
.brand{font-weight:650;letter-spacing:-.8px}.brand span span{font-weight:450}
h1{font-weight:650;letter-spacing:-1.2px}.page-heading h1{margin-bottom:10px}
.nav a{border-radius:10px;color:#515154;padding-top:12px;padding-bottom:12px}
.nav a.active{background:#e8f2ff;color:#0066cc}.nav a:hover{background:#eeeef2}
.business-switch{background:#fff;border-color:var(--line);border-radius:13px}
.avatar,.top-actions .user .avatar,.table-avatar .avatar{background:#ededf1;color:#515154}
.btn{border-radius:10px;border-color:#dedee3;font-weight:550;color:#1d1d1f;transition:background .15s,box-shadow .15s}
.btn.primary{background:var(--accent);border-color:var(--accent);box-shadow:none;color:#fff}
.btn.primary:hover{background:#0077ed;border-color:#0077ed}.btn.secondary{background:#e8f2ff;color:#0066cc;border-color:transparent}
.btn.text{color:#0066cc}.btn.small{border-radius:8px}
.panel,.stat,.service-card,.quick-card{border-color:#e8e8ed;border-radius:16px;box-shadow:0 2px 8px #00000003}
.stat-value{color:#1d1d1f;font-weight:600;letter-spacing:-1px}
.stat-icon,.stat:nth-child(2) .stat-icon,.stat:nth-child(3) .stat-icon{background:#f0f3f8;color:#727b89;border-radius:10px}
.trial-card{background:#eef3fa;border-radius:13px}.trial-card p{color:#6e6e73}
.progress{background:#dbe4f0}.progress span{background:var(--accent)}
.quick-card>span{background:#f0f3f8;color:#0066cc;border-radius:11px}.quick-card:hover{border-color:#b9cfea}
.service-visual{background:linear-gradient(145deg,#f5f5f7,#e9ebf0);color:#9299a5}
.service-body h3{color:#1d1d1f;font-weight:600}.service-cost{background:#f5f5f7;color:#6e6e73}
.badge{border-radius:6px}.badge.inactive{background:#eeeeF2;color:#6e6e73}
.badge.paid,.badge.confirmed,.badge.active,.badge.ready,.badge.trial{background:#e8f2ff;color:#0066cc}
input,select,textarea{border-radius:10px;border-color:#d2d2d7;color:#1d1d1f}
input:focus,select:focus,textarea:focus{border-color:#0071e3}
label{color:#424245}.help-text{color:#75757b}.tabs button.active{border-color:#d2d2d7;color:#1d1d1f}
.date-tile{background:#f5f5f7;border-color:#e5e5ea;border-radius:10px}
.auth-aside{background:linear-gradient(150deg,#17171a,#303039)}
.auth-aside .brand img{background:transparent}.auth-message h1{font-weight:550;letter-spacing:-2px}
.auth-message h1 span{color:#a7cfff}.auth-message p,.auth-price small{color:#c7c7cc}.auth-pill{color:#e5e5ea;border-color:#ffffff30;border-radius:8px}
.plan{background:linear-gradient(145deg,#1d1d1f,#32323a);border-radius:18px}.plan .eyebrow,.plan p,.plan .price small{color:#c7c7cc}
.plan .btn{background:#0071e3;color:white;border-radius:11px}.plan .btn:hover{background:#0077ed}
.plan li:before{color:#a7cfff}.license-details label{color:#6e6e73}.code{background:#f5f5f7}
dialog{border-color:#e5e5ea;border-radius:20px;box-shadow:0 24px 90px #00000025}
dialog::backdrop{background:#1d1d1f55;backdrop-filter:blur(6px)}
.modal-header{border-bottom-color:#e5e5ea}.quote-summary{background:#f5f5f7;border-radius:12px}
.demo-label{color:#6e6e73;border-color:#d2d2d7;background:#fafafa}.dot-wrap:after{background:#0071e3}
.icon-btn{color:#6e6e73}.icon-btn:hover{background:#ededf1}.document-card>svg{color:#0071e3}
@media(max-width:720px){.panel,.stat,.service-card,.quick-card{border-radius:13px}.auth-message h1{letter-spacing:-1px}.sidebar{box-shadow:20px 0 80px #00000020}}

/* Frosted glass: translucent surfaces without reducing text opacity. */
:root{--glass-surface:rgba(255,255,255,.64);--glass-edge:rgba(255,255,255,.9);--glass-shadow:0 12px 32px rgba(35,48,78,.065),0 2px 6px rgba(35,48,78,.035),inset 0 1px 0 rgba(255,255,255,.95)}
body{background-color:#eef1f6;background-image:radial-gradient(ellipse at 83% 8%,rgba(178,209,252,.4),transparent 48%),radial-gradient(ellipse at 18% 68%,rgba(208,202,239,.27),transparent 48%),linear-gradient(145deg,#f8f9fc,#edf1f7);background-attachment:fixed}
.panel,.stat,.service-card,.quick-card,.business-switch,.trial-card,.auth-card,.legal{
 background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.48));
 border:1px solid var(--glass-edge);border-radius:20px;
 -webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);
 box-shadow:var(--glass-shadow)
}
.sidebar{background:rgba(248,249,253,.76);border-right:1px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%)}
.topbar{background:rgba(255,255,255,.58);border-bottom:1px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);box-shadow:0 1px 8px #243b5903}
.business-switch,.trial-card{border-radius:15px;box-shadow:0 4px 14px #23304e04,inset 0 1px 0 #ffffff}
.nav a.active{background:rgba(215,232,255,.68);box-shadow:inset 0 1px 0 #ffffff80}
.service-visual{background:linear-gradient(135deg,rgba(227,236,250,.58),rgba(237,233,246,.32));border-bottom:1px solid rgba(255,255,255,.8);color:#77869a}
.service-body{background:rgba(255,255,255,.14)}
.service-cost,.quote-summary,.code{background:rgba(233,237,244,.62);border:1px solid rgba(255,255,255,.7);border-radius:10px}
.stat-icon,.stat:nth-child(2) .stat-icon,.stat:nth-child(3) .stat-icon,.quick-card>span,.date-tile{background:rgba(234,240,249,.72);border:1px solid #ffffffb3}
th{background:rgba(247,249,253,.52)}td,th,.event-list{border-color:rgba(115,130,155,.1)}
.quick-card{transition:background .18s,box-shadow .18s}.quick-card:hover{background:rgba(255,255,255,.84);border-color:#fff;box-shadow:0 15px 30px #23304e0e,inset 0 1px 0 #fff}
.auth-card{max-width:460px;padding:32px}.auth-main{background:transparent}
.auth-aside{background:linear-gradient(150deg,rgba(23,23,30,.97),rgba(44,53,73,.94))}
.plan{background:linear-gradient(145deg,rgba(29,33,44,.91),rgba(48,57,76,.86));border:1px solid #ffffff38;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 16px 36px #1d253524,inset 0 1px 0 #ffffff24}
dialog{
 background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(241,246,255,.79));
 border:1px solid rgba(255,255,255,.96);border-radius:26px;
 -webkit-backdrop-filter:blur(34px) saturate(150%);backdrop-filter:blur(34px) saturate(150%);
 box-shadow:0 32px 100px rgba(20,32,55,.23),0 8px 24px rgba(20,32,55,.08),inset 0 1px 0 #fff;
 color:#1d1d1f
}
dialog::backdrop{background:rgba(31,41,61,.2);-webkit-backdrop-filter:blur(7px) saturate(85%);backdrop-filter:blur(7px) saturate(85%)}
.modal-header{background:rgba(255,255,255,.18);border-bottom:1px solid rgba(100,118,145,.12)}
.modal-body{background:transparent}.modal-body input,.modal-body select,.modal-body textarea,.auth-card input,.auth-card select{background:rgba(255,255,255,.76);border-color:rgba(107,121,144,.28)}
.modal-body .btn:not(.primary):not(.danger){background:rgba(255,255,255,.55);border-color:rgba(128,146,175,.25)}
.modal-body .help-text,.auth-card .help-text{color:#626873}
@media(max-width:720px){.panel,.stat,.service-card,.quick-card{border-radius:17px}.auth-main{padding:25px 16px}.auth-card{padding:24px 20px}dialog{border-radius:22px}.panel,.stat,.service-card,.quick-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.panel,.stat,.service-card,.quick-card,.business-switch,.trial-card,.auth-card,.legal,.sidebar,.topbar{background:#f9fafc}dialog{background:#f8faff}.plan{background:#252d3d}}
@media(prefers-reduced-transparency:reduce){.panel,.stat,.service-card,.quick-card,.business-switch,.trial-card,.auth-card,.legal,.sidebar,.topbar,dialog{background:#fafbfd;-webkit-backdrop-filter:none;backdrop-filter:none}.plan{background:#252d3d;-webkit-backdrop-filter:none;backdrop-filter:none}dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}