@charset "UTF-8";
:root{--bg:#f6f7f9;--surface:#fff;--ink:#202e3a;--muted:#77818c;--line:#e8ebee;--accent:#326556;--accent-dark:#254e43;--accent-pale:#edf4f0;--radius:14px;--shadow:0 2px 8px #1b293306;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;line-height:1.5;font-size:14px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #86b3a0;outline-offset:3px}h1,h2,p{margin:0}h1{font-size:30px;line-height:1.25;letter-spacing:-.7px;font-weight:650}h2{font-size:17px;line-height:1.4;font-weight:600}small{display:block}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.6px;color:var(--muted);display:block;margin-bottom:12px}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:650;letter-spacing:-.3px}.brand small{font-size:11px;letter-spacing:.3px;font-weight:400;color:var(--muted);margin-top:1px}.brand-mark{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:var(--accent);color:#fff;font-size:21px;font-weight:500;letter-spacing:-2px;border-radius:12px;padding-right:2px}.app-layout{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);padding:30px 20px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar>.brand{padding-left:8px;margin-bottom:43px}.nav-label{font-size:9px;letter-spacing:1.1px;color:#9aA1a9;padding:0 12px;margin-bottom:15px}.nav-item{display:flex;align-items:center;gap:11px;min-height:45px;padding:11px 12px;border-radius:9px;margin-bottom:5px;font-size:12px;font-weight:500;line-height:1.3}.nav-icon{font-size:20px;line-height:1;display:inline-grid;width:22px;place-items:center;flex-shrink:0}.nav-item.active{background:var(--accent-pale);color:var(--accent);font-weight:600}.nav-item[href]:hover{background:#f1f5f3}.nav-item.unavailable{color:#8c959e;min-height:54px}.nav-item small{font-size:9px;color:#a4abb3;margin-top:3px;font-weight:400}.settings-nav{margin-top:20px;border-top:1px solid var(--line);border-radius:0;padding-top:19px}.settings-nav.active{border-radius:9px;border-top-color:transparent}.sidebar-footer{margin-top:auto;padding:28px 9px 0;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.version{margin-left:auto;font-size:10px;color:#9aa3ab}.status-dot{display:inline-block;width:6px;height:6px;background:#548972;border-radius:50%;flex-shrink:0}.main-column{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fff;border-bottom:1px solid var(--line);gap:20px}.topbar-left{display:flex;align-items:center;gap:15px;min-width:0}.breadcrumb{font-size:11px;color:#98a0a8}.breadcrumb span{padding:0 12px;color:#c0c5ca}.breadcrumb strong{font-weight:500;color:#53616e}.user-menu{display:flex;gap:10px;align-items:center;min-width:0}.avatar{height:32px;width:32px;border-radius:50%;display:grid;place-items:center;background:#eaf0ed;color:var(--accent);font-size:12px;font-weight:600;flex-shrink:0}.user-name{font-size:11px;font-weight:500;max-width:150px;overflow-wrap:anywhere}.user-name small{font-size:9px;font-weight:400;color:var(--muted);margin-top:1px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;border-radius:8px;padding:10px 16px;border:1px solid transparent;font-weight:500;font-size:12px;transition:background .15s}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-dark)}.button-quiet{background:transparent;color:var(--muted);font-size:11px;margin-left:8px}.button-quiet:hover{background:var(--bg);color:var(--ink)}.workspace{width:100%;max-width:1370px;margin:0 auto;padding:38px 40px 32px;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading .eyebrow{margin-bottom:9px}.page-heading p{margin-top:10px;font-size:12px}.badge{display:inline-flex;gap:7px;align-items:center;color:var(--accent);background:#edf4f0;border:1px solid #dce9e2;border-radius:20px;padding:6px 10px;font-size:10px;white-space:nowrap}.welcome-card{background:#eaf1ed;border:1px solid #dce8e1;border-radius:var(--radius);padding:29px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:23px}.welcome-card .eyebrow{color:#648674;font-size:9px;margin-bottom:10px}.welcome-card h2{font-size:23px;letter-spacing:-.5px;font-weight:550;color:#2e5547}.welcome-card p{max-width:540px;font-size:12px;color:#718377;margin:10px 0 19px;line-height:1.8}.text-link{color:var(--accent);font-weight:550;font-size:11px}.text-link:hover{text-decoration:underline}.text-link span{margin-left:8px}.welcome-symbol{width:130px;height:130px;flex-shrink:0;color:#86a695;margin-right:14px}.welcome-symbol svg{width:100%;height:100%}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:25px;min-width:0}.card-label{color:var(--muted);font-size:11px}.metric{font-size:21px;letter-spacing:-.4px;font-weight:550;display:flex;align-items:center;gap:11px;margin-top:12px;line-height:1.3;overflow-wrap:anywhere}.metric .status-dot{height:7px;width:7px}.timezone-metric{font-size:19px}.status-card p{font-size:10px;color:#929ba4;margin-top:9px}.content-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}.card-heading h2{font-size:14px}.tag{font-size:9px;border-radius:5px;background:#f0f5f2;color:#628171;padding:4px 7px;white-space:nowrap}.tag.neutral{background:#f4f5f7;color:#8a939c}.details{margin:0}.details>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #f0f2f4;font-size:11px;align-items:baseline}.details>div:last-child{border-bottom:0;padding-bottom:0}.details dt{color:var(--muted);flex:1}.details dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0;max-width:65%;font-size:11px}.integration-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;font-size:11px;border-bottom:1px solid #f0f2f4}.card-note{font-size:10px;color:#929ba4;line-height:1.7;margin-top:15px}.info-note{display:flex;gap:11px;margin-top:24px;color:#909aa4;font-size:11px;line-height:1.7}.info-note strong{font-weight:500;color:#73808c}.info-mark{display:grid;place-items:center;border:1px solid #b9c2cb;border-radius:50%;height:16px;width:16px;flex-shrink:0;font:10px Georgia;margin-top:2px}.workspace-footer{padding:20px 40px;display:flex;justify-content:space-between;color:#a3aab2;font-size:10px;border-top:1px solid var(--line);gap:20px}.settings-card{margin-bottom:22px;max-width:900px}.settings-card .details>div{font-size:12px;padding:16px 0}.settings-card .details dd{font-size:12px}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;min-width:44px;min-height:44px;font-size:20px;color:var(--ink)}.login-layout{display:grid;grid-template-columns:44% 56%;min-height:100vh;background:#fff}.login-story{padding:40px 48px;display:flex;flex-direction:column;background:#2e584b;color:#eff5f0}.brand-light .brand-mark{background:#507365}.brand-light small{color:#b2c7bc}.story-content{margin:auto 0;padding:70px 0;max-width:430px}.story-content .eyebrow{color:#acc5b7;letter-spacing:1.4px;font-size:9px}.story-content h1{font-size:46px;font-weight:450;line-height:1.2;letter-spacing:-1.7px;margin:24px 0}.story-content p{font-size:14px;color:#b5cbbf;line-height:1.9;max-width:310px}.story-note{font-size:10px;color:#a3c1b0;margin-top:38px;display:flex;gap:12px;align-items:center}.story-line{width:28px;height:1px;background:#6e9881}.story-footer{font-size:10px;color:#91b29e}.login-panel{display:flex;align-items:center;justify-content:center;position:relative;padding:50px 32px 90px}.login-card{width:100%;max-width:350px}.login-card h2{font-size:29px;letter-spacing:-.6px;margin-bottom:12px}.login-card>p{font-size:12px;line-height:1.8}.login-form{display:flex;flex-direction:column;margin-top:33px}.login-form label{font-size:12px;font-weight:500;margin-bottom:8px}.login-form input:not([type=hidden]){border:1px solid #dfe4e7;background:#fcfcfd;border-radius:8px;padding:12px 14px;height:47px;width:100%;color:var(--ink);margin-bottom:22px}.login-form .button{margin-top:4px;width:100%;justify-content:space-between;min-height:47px;font-size:12px}.login-help{margin-top:24px;color:#9aa2ab;font-size:10px!important}.login-footnote{position:absolute;bottom:30px;font-size:10px;color:#a0a8b0;text-align:center}.alert{background:#fcf0ef;border:1px solid #f1d6d2;color:#a2493e;font-size:12px;padding:12px;border-radius:8px;margin-top:20px}.error-layout{min-height:100vh;display:grid;place-items:center;padding:24px}.error-card{max-width:560px;text-align:center}.error-code{font-size:70px;color:#9eb7aa;font-weight:500;margin:12px 0}.error-card p{margin:18px 0 28px;font-size:13px}.error-card .button{min-width:170px}
@media(min-width:1500px){.workspace{padding-top:48px}}@media(max-width:1100px){.sidebar{width:220px;padding-left:14px;padding-right:14px}.workspace{padding:30px 24px}.topbar{padding:0 24px}.workspace-footer{padding:20px 24px}.card{padding:20px}.content-grid{gap:18px}.breadcrumb{font-size:10px}.login-story{padding:32px}.story-content h1{font-size:39px}}
@media(max-width:900px){.sidebar{position:fixed;left:0;top:76px;bottom:0;height:calc(100dvh - 76px);z-index:10;width:260px;box-shadow:12px 8px 28px #182c3520;transform:translateX(-110%);transition:transform .18s}.sidebar.is-open{transform:translateX(0)}.menu-toggle{display:block}.topbar{height:76px}.breadcrumb{font-size:11px}.status-grid{gap:12px}.metric{font-size:19px}.timezone-metric{font-size:16px}.content-grid{grid-template-columns:1fr}.sidebar>.brand{margin-bottom:28px}.login-layout{grid-template-columns:38% 62%}.login-story{padding:28px 22px}.story-content h1{font-size:32px}.story-content p{font-size:12px}.login-story .brand{font-size:15px}.story-content .eyebrow{font-size:8px}}
@media(max-width:600px){h1{font-size:27px}.topbar{padding:0 16px;gap:8px}.breadcrumb{display:none}.user-name{max-width:100px;font-size:11px}.button-quiet{margin-left:0;padding:9px;gap:5px}.workspace{padding:26px 18px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:22px}.page-heading p{font-size:12px}.welcome-card{padding:23px;gap:0}.welcome-card h2{font-size:21px}.welcome-card p{font-size:12px}.welcome-symbol{display:none}.status-grid{grid-template-columns:1fr;gap:12px}.status-card{position:relative;padding:18px 20px}.metric{font-size:20px;margin-top:7px}.status-card p{margin-top:6px}.card{padding:21px}.card-heading{gap:10px}.details>div{font-size:11px;gap:12px;align-items:flex-start}.details dd{font-size:11px;max-width:57%}.workspace-footer{padding:18px;font-size:9px}.info-note{font-size:10px}.login-layout{display:flex;flex-direction:column}.login-story{padding:24px;background:#2e584b}.login-story>.brand{font-size:17px}.story-content,.story-footer{display:none}.login-panel{padding:42px 25px 90px;flex:1;align-items:flex-start;min-height:calc(100dvh - 88px)}.login-card{max-width:390px}.login-card h2{font-size:27px}.login-footnote{bottom:24px}.settings-card .details dd,.settings-card .details>div{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.vk-app-form { display:grid; gap:12px; margin:16px 0; min-width:0; }
.vk-app-form label { display:grid; gap:6px; }
.vk-app-form input { max-width:100%; min-width:0; padding:10px; }
.vk-callback { overflow-wrap:anywhere; white-space:normal; }

/* VK registry: scoped presentation, existing palette and controls. */
.vk-page { max-width:1080px; min-width:0; }
.vk-heading,.vk-actions { display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.vk-heading { margin-bottom:20px; }.vk-heading h1 { margin:0; }
.vk-page .card { padding:20px; margin-bottom:14px; }
.vk-page summary { cursor:pointer; padding:8px 0; font-weight:600; }
.vk-page summary:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.vk-page h3 { margin:0 0 6px; }.vk-page p { margin:8px 0; }
.vk-addresses { margin:14px 0; border-block:1px solid #e4e9e7; padding:10px 0; }
.vk-addresses>div { display:grid; grid-template-columns:150px minmax(0,1fr); gap:12px; margin:6px 0; }
.vk-addresses dt { color:#667570; }.vk-addresses dd { margin:0; overflow-wrap:anywhere; min-width:0; }
.vk-addresses code { font-size:inherit; overflow-wrap:anywhere; }
.vk-more { margin-top:10px; }.vk-confirm { border-top:1px solid #e4e9e7; padding:6px 0; }
.vk-page .vk-app-form label:has(input[type=checkbox]) { display:flex; align-items:flex-start; gap:8px; }
.vk-page input[type=checkbox] { flex:none; margin-top:4px; }
.vk-editor { margin-top:16px; }.vk-page .button { max-width:100%; white-space:normal; }
@media(max-width:768px) { .vk-addresses>div { grid-template-columns:minmax(0,1fr); gap:4px; }.vk-page .card { padding:16px; } }