:root{--bg:#050507;--bg2:#09090d;--surface:#0d0c12;--surface2:#121018;--line:rgba(255,255,255,.085);--line2:rgba(255,255,255,.15);--text:#f4f1f6;--muted:#908a98;--muted2:#65606c;--pink:#ff2bd6;--purple:#7d4cff;--accent:#c53eff;--ok:#72e6af;--warn:#ffc46b;--danger:#ff6b8f;--radius:24px;--ease:cubic-bezier(.2,.75,.15,1)}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 78% -10%,rgba(125,76,255,.09),transparent 32%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img{max-width:100%;display:block}::selection{background:rgba(255,43,214,.28);color:#fff}.eyebrow{margin:0 0 10px;color:#837c8b;font-size:10px;font-weight:800;letter-spacing:.22em}.muted{color:var(--muted);line-height:1.7}.prose{max-width:72ch}.text-accent{background:linear-gradient(95deg,#ff52de,#a35cff);-webkit-background-clip:text;background-clip:text;color:transparent}.portal-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.portal-sidebar{position:fixed;inset:0 auto 0 0;width:270px;z-index:30;padding:24px 18px;border-right:1px solid var(--line);background:rgba(7,7,10,.94);backdrop-filter:blur(22px);display:flex;flex-direction:column}.portal-brand{display:flex;align-items:center;gap:13px;padding:4px 8px 26px}.portal-brand img{width:68px;filter:grayscale(1) brightness(1.8);opacity:.92}.portal-brand span{display:grid;gap:4px}.portal-brand b{font-size:12px;letter-spacing:.15em}.portal-brand small{color:#716b79;font-size:9px;letter-spacing:.13em;text-transform:uppercase;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-nav{display:grid;gap:7px;margin-top:18px}.nav-item{min-height:48px;display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid transparent;border-radius:15px;color:#8d8794;font-size:13px;transition:.22s ease}.nav-item i{width:24px;text-align:center;color:#6b6572;font-style:normal}.nav-item:hover{color:#fff;background:rgba(255,255,255,.025);border-color:var(--line)}.nav-item.is-active{color:#fff;background:linear-gradient(115deg,rgba(255,43,214,.08),rgba(125,76,255,.055));border-color:rgba(255,43,214,.15);box-shadow:inset 2px 0 var(--pink)}.nav-item.is-active i{color:var(--pink)}.sidebar-foot{margin-top:auto;padding:18px 10px 2px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;color:#6e6875;font-size:10px}.sidebar-foot a{color:#9992a0}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 14px rgba(114,230,175,.6)}.portal-main{grid-column:2;min-width:0;min-height:100vh;display:flex;flex-direction:column}.portal-topbar{min-height:92px;padding:20px clamp(22px,4vw,56px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:20;background:rgba(5,5,7,.78);backdrop-filter:blur(20px)}.portal-topbar>div:nth-child(2){flex:1}.portal-topbar h1{font-size:clamp(1.45rem,2.2vw,2rem);margin:3px 0 0;letter-spacing:-.04em}.crumb{margin:0;color:#68626f;font-size:9px;letter-spacing:.18em}.user-chip{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}.user-chip>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,43,214,.2),rgba(125,76,255,.2));border:1px solid rgba(255,255,255,.08);font-weight:800}.user-chip div{display:grid;gap:2px}.user-chip b{font-size:11px}.user-chip small{color:#716b79;font-size:9px}.portal-content{width:min(1500px,100%);margin:0 auto;padding:38px clamp(22px,4vw,56px) 70px;flex:1}.portal-footer{height:64px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,56px);color:#56515b;font-size:9px;letter-spacing:.16em}.menu-btn{display:none}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:#0b0a0e;cursor:pointer}.hero-panel{min-height:250px;border:1px solid var(--line);border-radius:30px;padding:36px clamp(28px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(16,12,20,.96),rgba(8,8,11,.98))}.hero-panel::before{content:"";position:absolute;width:520px;aspect-ratio:1;border-radius:50%;right:-150px;top:-270px;background:radial-gradient(circle,rgba(255,43,214,.14),rgba(125,76,255,.05) 45%,transparent 70%)}.hero-panel>div{position:relative}.hero-panel h2{margin:0 0 14px;font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:-.06em}.hero-panel p:not(.eyebrow){margin:0;color:#8f8996;max-width:58ch;line-height:1.7}.hero-panel.compact{min-height:220px}.score-ring{--score:100;width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;gap:4px;background:radial-gradient(circle at center,#0b0a0f 56%,transparent 57%),conic-gradient(var(--pink) calc(var(--score)*1%),rgba(255,255,255,.07) 0);box-shadow:0 0 60px rgba(255,43,214,.08);flex:0 0 auto}.score-ring::before{content:"";position:absolute}.score-ring strong{font-size:1.7rem}.score-ring span{font-size:8px;letter-spacing:.18em;color:#736d79}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.metric-card{min-height:150px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#0c0b10,#09090c);padding:24px;display:flex;flex-direction:column;justify-content:flex-end}.metric-card>span{color:#706a77;font-size:9px;text-transform:uppercase;letter-spacing:.18em;margin-bottom:auto}.metric-card strong{font-size:2.25rem;letter-spacing:-.05em}.metric-card .metric-text{font-size:1.15rem;line-height:1.2;letter-spacing:-.02em}.metric-card small{color:#69636f;margin-top:7px}.two-col{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:18px;margin-top:18px}.panel{border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(13,12,18,.94),rgba(8,8,11,.98));padding:28px;overflow:hidden}.panel h3{font-size:1.45rem;margin:0 0 20px;letter-spacing:-.035em}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:8px}.panel-head h3{margin-bottom:0}.text-link{font-size:11px;color:#a29aa7}.table-wrap{overflow:auto;margin:0 -6px}.table-wrap table{width:100%;border-collapse:collapse;min-width:680px}th{text-align:left;padding:15px 13px;color:#615b67;font-size:9px;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid var(--line)}td{padding:17px 13px;color:#96909b;font-size:12px;border-bottom:1px solid rgba(255,255,255,.055)}td a{color:#e8e3eb;font-weight:700}tbody tr:hover{background:rgba(255,255,255,.018)}.badge{display:inline-flex;min-height:27px;align-items:center;padding:0 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.07em;border:1px solid var(--line)}.badge--ok{color:var(--ok);border-color:rgba(114,230,175,.2);background:rgba(114,230,175,.045)}.badge--warn{color:var(--warn);border-color:rgba(255,196,107,.22);background:rgba(255,196,107,.045)}.badge--danger{color:var(--danger);border-color:rgba(255,107,143,.2);background:rgba(255,107,143,.045)}.badge--accent{color:#dda2ff;border-color:rgba(197,62,255,.22);background:rgba(197,62,255,.05)}.badge--muted{color:#908a96}.quick-actions{display:grid;gap:10px}.quick-actions a{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:18px;padding:15px;background:rgba(255,255,255,.015);transition:.2s ease}.quick-actions a:hover{transform:translateY(-2px);border-color:rgba(255,43,214,.18);background:rgba(255,43,214,.025)}.quick-actions b{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,43,214,.12),rgba(125,76,255,.1));color:#e68dff}.quick-actions span{display:grid;gap:3px}.quick-actions strong{font-size:12px}.quick-actions small{font-size:10px;color:#726c78}.page-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters a{padding:9px 12px;border-radius:999px;border:1px solid var(--line);font-size:10px;color:#7e7885}.filters a.active,.filters a:hover{color:#fff;border-color:rgba(255,43,214,.2);background:rgba(255,43,214,.04)}.btn{min-height:46px;padding:0 17px;border-radius:14px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;cursor:pointer;transition:.2s ease}.btn--primary{background:linear-gradient(100deg,#9e39ff,#db2fe0 55%,#ff43b4);border-color:transparent;color:#fff;box-shadow:0 12px 36px rgba(207,41,255,.14)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(207,41,255,.2)}.btn--ghost{background:rgba(255,255,255,.02);color:#d1cbd5}.form-panel form,.login-card form{display:grid;gap:15px}.form-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:15px!important}.form-grid h2,.form-grid .wide{grid-column:1/-1}.form-panel label,.login-card label,.form-grid label,.reply-form label,.detail-panel label{display:grid;gap:8px;color:#77717e;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.form-panel input,.form-panel select,.form-panel textarea,.login-card input,.form-grid input,.form-grid select,.reply-form textarea,.detail-panel select{width:100%;border:1px solid var(--line);border-radius:13px;background:#08080b;color:#efebf1;padding:13px 14px;outline:none;transition:.2s ease}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus,.login-card input:focus,.form-grid input:focus,.reply-form textarea:focus,.detail-panel select:focus{border-color:rgba(255,43,214,.34);box-shadow:0 0 0 3px rgba(255,43,214,.05)}textarea{resize:vertical;line-height:1.6}.form-actions{display:flex;justify-content:flex-end;gap:10px}.flash{margin:0 0 16px;padding:13px 15px;border-radius:14px;border:1px solid var(--line);font-size:11px;line-height:1.55}.flash--success{color:#9aefc7;background:rgba(114,230,175,.045);border-color:rgba(114,230,175,.18)}.flash--warn{color:#ffd28d;background:rgba(255,196,107,.045);border-color:rgba(255,196,107,.18)}.flash--error{color:#ff9bb1;background:rgba(255,107,143,.045);border-color:rgba(255,107,143,.18)}.empty{min-height:140px;display:grid;place-items:center;color:#69636f;font-size:12px;text-align:center}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.ticket-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.ticket-title h3{font-size:clamp(1.5rem,3vw,2.2rem);margin:0}.ticket-description{margin:26px 0;padding:20px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.015);color:#a19aa6;line-height:1.7}.conversation{display:grid;gap:11px;margin:24px 0}.message{max-width:86%;padding:15px 17px;border:1px solid var(--line);border-radius:18px 18px 18px 5px;background:#0a090d}.message--duo{margin-left:auto;border-radius:18px 18px 5px 18px;background:linear-gradient(135deg,rgba(255,43,214,.055),rgba(125,76,255,.04));border-color:rgba(255,43,214,.13)}.message--internal{border-style:dashed;background:rgba(255,196,107,.035)}.message header{display:flex;justify-content:space-between;gap:14px;color:#716a77;font-size:9px}.message header strong{color:#bfb8c4}.message p{margin:9px 0 0;color:#9f98a4;line-height:1.65}.reply-form{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:22px}.check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px!important;text-transform:none!important;letter-spacing:0!important;font-size:11px!important}.check input{width:auto}.detail-panel dl{margin:24px 0 0;display:grid;grid-template-columns:1fr;gap:0}.detail-panel dt{padding-top:14px;border-top:1px solid var(--line);color:#5f5965;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.detail-panel dd{margin:7px 0 14px;color:#a39ca8;font-size:12px}.detail-panel form{display:grid;gap:12px}.doc-list{display:grid}.doc-list>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 4px;border-bottom:1px solid var(--line)}.doc-list>a:hover{background:rgba(255,255,255,.015)}.doc-icon{width:42px;height:42px;border-radius:13px;border:1px solid var(--line);display:grid;place-items:center;color:#c970ff}.doc-list div{display:grid;gap:4px}.doc-list strong{font-size:12px}.doc-list small{color:#6f6975;font-size:10px}.doc-list b{color:#8c8491}.client-list{display:grid}.client-list>a{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:14px 2px;border-bottom:1px solid var(--line)}.client-list>a:hover{background:rgba(255,255,255,.012)}.client-monogram{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(255,43,214,.13);background:linear-gradient(135deg,rgba(255,43,214,.09),rgba(125,76,255,.07));font-size:11px;font-weight:900}.client-list div{display:grid;gap:4px}.client-list strong{font-size:12px}.client-list small{color:#716a77;font-size:10px}.credential-box{margin-bottom:18px;border:1px solid rgba(255,196,107,.2);border-radius:20px;padding:18px;background:rgba(255,196,107,.035);display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center}.credential-box div{display:grid;gap:4px}.credential-box span,.credential-box p{color:#928b96;font-size:10px}.credential-box code{font-size:14px;color:#ffe0ad;background:#08080a;padding:10px 12px;border-radius:10px}.credential-box p{grid-column:1/-1;margin:0}.inline-form{display:inline}.mini-btn{border:1px solid var(--line);background:#09090d;border-radius:9px;padding:7px 9px;color:#99919e;font-size:9px;cursor:pointer}.login-page{min-height:100vh;background:radial-gradient(circle at 18% 20%,rgba(255,43,214,.07),transparent 28%),radial-gradient(circle at 80% 70%,rgba(125,76,255,.08),transparent 30%),#040406}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-brand{position:relative;overflow:hidden;padding:52px clamp(30px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.login-brand>a img{width:130px;filter:grayscale(1) brightness(1.75)}.login-brand>div:not(.login-orbit){position:relative;z-index:2;max-width:780px}.login-brand h1{font-size:clamp(3rem,6vw,7rem);line-height:.88;letter-spacing:-.075em;margin:0 0 24px}.login-brand p:not(.eyebrow){max-width:52ch;color:#8b8591;line-height:1.7}.login-orbit{position:absolute;width:min(680px,75vw);aspect-ratio:1;border:1px solid rgba(255,255,255,.035);border-radius:50%;right:-28%;bottom:-22%}.login-orbit::before,.login-orbit::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.03);border-radius:50%}.login-orbit::before{inset:14%}.login-orbit::after{inset:29%}.login-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 24px var(--pink)}.login-orbit i:nth-child(1){left:14%;top:34%}.login-orbit i:nth-child(2){right:22%;top:18%;background:var(--purple);box-shadow:0 0 24px var(--purple)}.login-orbit i:nth-child(3){right:17%;bottom:23%}.login-panel{display:grid;place-items:center;padding:32px}.login-card{width:min(440px,100%);border:1px solid var(--line);border-radius:28px;background:rgba(10,9,13,.92);padding:34px;box-shadow:0 40px 100px rgba(0,0,0,.36)}.login-card h2{font-size:2rem;margin:0 0 10px;letter-spacing:-.04em}.login-card .btn{width:100%;margin-top:4px}.login-links{margin-top:18px;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#76707c}.simple-auth{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-logo{width:95px;margin-bottom:24px;filter:grayscale(1) brightness(1.7)}.install-page{min-height:100vh;background:#050507;padding:40px 18px}.install-card{width:min(820px,100%);margin:auto;border:1px solid var(--line);border-radius:30px;background:#0b0a0f;padding:34px}.install-card>img{width:115px;filter:grayscale(1) brightness(1.75);margin-bottom:26px}.install-card h1{font-size:2.2rem;margin:0 0 22px}.install-card h2{font-size:1rem;margin:20px 0 0;padding-top:20px;border-top:1px solid var(--line)}.install-checks{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.install-checks span{padding:8px 10px;border-radius:999px;border:1px solid var(--line);font-size:10px}.install-checks .ok{color:var(--ok)}.install-checks .bad{color:var(--danger)}.form-grid small{color:#68626f;text-transform:none;letter-spacing:0}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.56);z-index:25}.sidebar-backdrop.show{display:block}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.two-col,.ticket-layout{grid-template-columns:1fr}.detail-panel{order:-1}.login-wrap{grid-template-columns:1fr}.login-brand{min-height:48vh;border-right:0;border-bottom:1px solid var(--line)}.login-brand h1{font-size:clamp(3rem,11vw,6rem)}.login-orbit{right:-15%;bottom:-60%}}
@media(max-width:820px){.portal-shell{display:block}.portal-sidebar{transform:translateX(-105%);transition:transform .28s var(--ease);box-shadow:30px 0 80px rgba(0,0,0,.4)}.portal-sidebar.is-open{transform:none}.portal-main{grid-column:auto}.menu-btn{display:block}.user-chip div{display:none}.portal-topbar{min-height:78px;padding:14px 16px}.portal-content{padding:24px 14px 54px}.portal-footer{padding:0 16px}.hero-panel{padding:26px 22px}.score-ring{width:118px}.metric-grid{gap:10px}.panel{padding:22px}.page-actions{align-items:flex-start;flex-direction:column}.admin-clients{grid-template-columns:1fr}.documents-grid{grid-template-columns:1fr}}
@media(max-width:560px){.hero-panel{align-items:flex-start;flex-direction:column}.hero-panel h2{font-size:2.45rem}.score-ring{width:104px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:125px;padding:18px}.metric-card strong{font-size:1.75rem}.metric-card .metric-text{font-size:1rem}.panel{border-radius:20px}.form-grid{grid-template-columns:1fr}.form-grid h2,.form-grid .wide{grid-column:auto}.ticket-title{flex-direction:column}.message{max-width:94%}.portal-footer{font-size:8px}.login-brand{padding:34px 22px;min-height:43vh}.login-brand h1{font-size:3.2rem}.login-panel{padding:18px}.login-card{padding:25px;border-radius:22px}.login-links{flex-direction:column}.credential-box{grid-template-columns:1fr}.credential-box code,.credential-box p{grid-column:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}