/* Клининг 495 — design system v21. Static skin only; CRM APIs/auth/data unaffected. */
:root{--c-bg:#f5f7fb;--c-ink:#14243b;--c-dim:#708099;--c-line:#e5eaf2;--c-accent:#7358e8;--c-mint:#10c6ad;--c-white:#fff;--c-shadow:0 15px 45px rgba(25,43,87,.055)}
*{scrollbar-color:#cad3e2 transparent}html{scroll-behavior:smooth}body{background:var(--c-bg)!important;color:var(--c-ink)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;letter-spacing:-.015em}
button{transition:background .18s,transform .18s,box-shadow .18s;border-radius:12px!important;font-weight:650}button:not(:disabled):active{transform:scale(.975)}button:not(:disabled):focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a99afa;outline-offset:2px}
button:not(.nav):not(.secondary){background:linear-gradient(115deg,#775ae7,#6654d2)!important;box-shadow:0 5px 13px #7864d323}button:not(.nav):not(.secondary):hover{background:linear-gradient(115deg,#6850d9,#5445b8)!important}
button.secondary{background:#f0eefc!important;color:#5948bd!important;border:1px solid #ded9f7!important}
input,select,textarea{border:1px solid #dae2ee!important;background:#fcfdff!important;border-radius:12px!important;transition:box-shadow .18s,border-color .18s}input:focus,select:focus,textarea:focus{border-color:#9989ef!important;box-shadow:0 0 0 3px #9889ed22;outline:0}
.layout{background:#f5f7fb}.sidebar{background:#131d35!important;background-image:radial-gradient(circle at 5% 0%,#5442a544,transparent 48%),linear-gradient(165deg,#17233f,#111a30 70%)!important;width:254px!important;padding:25px 14px 19px!important;box-shadow:8px 0 35px #1a1b4810;position:sticky;top:0;height:100vh;overflow-y:auto}
.brand{padding:5px 10px 25px!important;font-size:19px!important;line-height:1.15;letter-spacing:-.035em;display:flex;align-items:center;gap:12px}.brand small{font-weight:450!important;line-height:1.5;letter-spacing:0!important;color:#a8bbd6!important;font-size:10px!important;margin-top:5px!important}
.c495-brand-visual{width:43px;height:43px;min-width:43px;display:inline-grid;place-items:center;position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#7967ed,#16c5ac);box-shadow:0 6px 20px #7667ec42;color:#fff;font-size:17px;font-weight:850}.c495-brand-visual img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;border-radius:inherit;background:white}
.c495-brand-copy{display:flex;flex-direction:column;gap:1px}.c495-brand-copy strong{color:#fff;font-size:20px;font-weight:850;line-height:1.1}.c495-brand-copy small{display:block!important;font-size:10px!important;color:#acbad4!important;opacity:1!important}
.nav{background:transparent!important;box-shadow:none!important;color:#adbbd5!important;display:flex;align-items:center;padding:12px 13px!important;min-height:43px;margin:3px 0!important;border-radius:13px!important;font-size:13px!important;letter-spacing:0!important;font-weight:590!important}
.nav.active{background:linear-gradient(95deg,#7561df,#5b55b6)!important;color:white!important;box-shadow:0 9px 20px #0d124c4a!important}.nav:hover:not(.active){background:#ffffff0c!important;color:white!important}
.sidebar hr{opacity:.23;margin:16px 9px 8px}.nav-group-label{color:#889ab8!important;font-size:10px!important;letter-spacing:.13em!important}
.main{padding:26px 33px!important;background:#f5f7fb}.top{border:1px solid #e7eaf5;border-radius:18px!important;padding:18px 22px!important;box-shadow:var(--c-shadow)!important;min-height:82px}
.top h1{font-size:23px!important;font-weight:840!important;letter-spacing:-.04em;margin-bottom:3px!important}.top .muted{font-size:12px;color:var(--c-dim)!important}
.c495-topmark{display:flex;align-items:center;gap:8px;margin-bottom:3px;color:#7564db;font-size:11px;letter-spacing:.1em;font-weight:800;text-transform:uppercase}.c495-topmark::before{content:'';display:inline-block;width:6px;height:6px;background:#12c9a8;border-radius:50%;box-shadow:0 0 0 4px #12c9a822}
.card,.panel,.dbpanel,.kpi{background:#fff!important;border:1px solid #e8ecf4!important;border-radius:19px!important;box-shadow:var(--c-shadow)!important}
.card,.panel{padding:23px!important}.dbpanel{padding:21px!important}.kpi{padding:16px!important;overflow:hidden;position:relative}.kpi::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#755ff0,#10c6ab);opacity:.88}.kpi .sym{background:#f2effe!important;color:#715ed7!important;border-radius:11px!important}.kpi .val{font-size:24px!important;letter-spacing:-.045em}.kpi .sub,.muted{color:var(--c-dim)!important}.dbgrid{gap:17px!important}.kpis{gap:13px!important;margin:19px 0!important}
.dbpanel h3,.sectionhead h2{font-weight:820!important;letter-spacing:-.02em}.aibox{background:linear-gradient(135deg,#eeeaff,#f4f9ff)!important;border:1px solid #e0d9fd!important;border-radius:19px!important}.insight{border:1px solid #e4dff6;border-radius:13px!important}.dbalert{border-radius:14px!important}
.track{background:#ebeaf5!important}.track i{background:linear-gradient(90deg,#735beb,#16c6af)!important}th{background:#f8f9fd;color:#6c7791!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.065em}td{font-size:13px!important}th,td{border-color:#eef1f6!important}tbody tr:hover{background:#fbfaff}table{border-radius:12px!important;overflow:hidden}
.chip{background:#eeebfd!important;color:#6456cb!important}.statuspill{background:#e5f8f2!important;color:#087a65!important}
.login{max-width:470px!important;box-shadow:0 35px 95px #0f1c4050!important;padding:32px!important;border-radius:26px!important;background:#fff!important;position:relative;z-index:1}
body:has(#loginBox:not(.hidden)){background:#141e36!important;background-image:radial-gradient(circle at 20% 20%,#7058be66,transparent 37%),radial-gradient(circle at 95% 80%,#14bfa755,transparent 35%)!important;min-height:100dvh}.login h1{font-size:29px;font-weight:850;margin:9px 0;letter-spacing:-.04em}.login .muted{font-size:13px}.login .c495-brand-visual{width:69px;height:69px;margin-bottom:14px;border-radius:22px}.login button{width:100%;padding:14px}.login input{padding:13px!important}
.c495-login-kicker{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#775de3;margin:8px 0 0}
@media(min-width:1400px){.main{padding:33px 45px!important}.sidebar{width:267px!important}}@media(max-width:980px){.sidebar{width:210px!important}.main{padding:18px!important}.kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.layout{display:block}.sidebar{position:relative;width:100%!important;height:auto!important;padding:12px!important}.sidebar .brand{padding-bottom:10px!important}.nav{display:inline-flex;width:auto!important}.main{padding:12px!important}.top{padding:14px!important}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dbgrid{grid-template-columns:1fr!important}.login{margin:8vh 15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}