.app{min-height:100vh;display:flex}.rail{background:#fff;border-right:1px solid #e3e8ef;flex-direction:column;flex:0 0 56px;align-items:center;gap:6px;width:56px;height:100vh;padding:14px 0;display:flex;position:sticky;top:0}.rail__logo{color:#5a4300;background:#ffd84d;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.rail__item{color:#6b7787;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .12s,color .12s;display:flex}.rail__item:hover{color:#1b2430;background:#f8fafc;text-decoration:none}.rail__item--on{color:#1b4fc4;background:#e8f0fe}.rail__spacer{flex:1}.rail__avatar{color:#1b4fc4;background:#e8f0fe;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.nav{background:#fff;border-right:1px solid #e3e8ef;flex-direction:column;flex:0 0 220px;gap:2px;width:220px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.nav__group{letter-spacing:.08em;text-transform:uppercase;color:#98a3b3;padding:8px 10px 6px;font-size:11px;font-weight:600}.nav__item{color:#1b2430;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;transition:background .12s;display:flex}.nav__item:hover{background:#f8fafc;text-decoration:none}.nav__item--on{color:#1b4fc4;background:#e8f0fe;font-weight:600}.nav__item--on:hover{background:#e8f0fe}.nav__item svg{flex:0 0 18px}.nav__count{color:#98a3b3;font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.content{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{align-items:center;gap:14px;height:64px;padding:0 28px;display:flex}.topbar__search{color:#98a3b3;background:#fff;border:1px solid #e3e8ef;border-radius:10px;flex:0 0 440px;align-items:center;gap:10px;height:40px;padding:0 14px;display:flex}.topbar__search input{font:inherit;color:#1b2430;background:0 0;border:none;outline:none;flex:1;min-width:0}.topbar__search input::placeholder{color:#98a3b3}.topbar__grow{flex:1}.topbar__status{color:#6b7787;align-items:center;gap:10px;font-size:13px;display:flex}.page{flex-direction:column;flex:1;gap:16px;min-width:0;padding:6px 28px 32px;display:flex}.page-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.page-head h1{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700}.page-head__count{color:#98a3b3;font-variant-numeric:tabular-nums;font-size:14px}.page-head__grow{flex:1}.flash{color:#128a4f;background:#e3f6eb;border:1px solid #16a05c4d;border-radius:8px;margin:0 28px;padding:10px 16px}.flash-enter-active,.flash-leave-active{transition:opacity .25s}.flash-enter-from,.flash-leave-to{opacity:0}.card{background:#fff;border:1px solid #e3e8ef;border-radius:12px}.card--pad{padding:18px 22px}.card--flush{overflow:hidden}.card__title{margin:0 0 8px;font-size:15px;font-weight:600}.thead{letter-spacing:.06em;text-transform:uppercase;color:#98a3b3;border-bottom:1px solid #e3e8ef;gap:16px;padding:10px 18px;font-size:11px;font-weight:600;display:grid}.row{border-bottom:1px solid #e3e8ef;align-items:center;gap:16px;padding:12px 18px;transition:background .1s;display:grid}.row:last-child{border-bottom:none}.row--link{cursor:pointer}.row--link:hover,.row--on{background:#f8fafc}.row__name{font-weight:600}.row__sub{color:#6b7787;font-size:12.5px}.row__actions{opacity:0;justify-content:flex-end;gap:6px;transition:opacity .1s;display:flex}.row--link:hover .row__actions{opacity:1}.avatar{color:#1b4fc4;background:#e8f0fe;border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.avatar--lg{flex-basis:44px;width:44px;height:44px;font-size:15px}.avatar--off{color:#98a3b3;background:#edf0f4}.kv{border-bottom:1px solid #e3e8ef;justify-content:space-between;gap:12px;padding:9px 0;font-size:13.5px;display:flex}.kv:last-child{border-bottom:none}.kv span{color:#6b7787}.kv b{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.tile{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:18px 20px}.tile__value{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.1}.tile__label{color:#6b7787;margin-top:6px;font-size:13px}.tile__sub{color:#98a3b3;margin-top:2px;font-size:12px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.chip{white-space:nowrap;border-radius:999px;align-items:center;height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.chip--ok{color:#16a05c;background:#e3f6eb}.chip--off{color:#6b7787;background:#edf0f4}.chip--warn{color:#d9791f;background:#fdf0e1}.chip--no{color:#c0392b;background:#fbe7e4}.chip--acc{color:#1b4fc4;background:#e8f0fe;font-weight:500}.tag{color:#1b4fc4;background:#e8f0fe;border-radius:5px;align-items:center;height:20px;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex}.tag--off{color:#98a3b3;background:#edf0f4;text-decoration:line-through}.tags{flex-wrap:wrap;gap:4px;display:flex}.dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px;display:inline-block}.dot--ok{background:#16a05c}.dot--warn{background:#d9791f}.dot--no{background:#c0392b}.dot--off{background:#98a3b3}.meter{background:#e3e8ef;border-radius:3px;width:120px;height:5px;margin-top:6px;overflow:hidden}.meter__fill{background:#2f6feb;height:100%;display:block}.meter__fill--warn{background:#d9791f}.seg{background:#fff;border:1px solid #e3e8ef;border-radius:9px;gap:2px;padding:3px;display:inline-flex}.seg__item{color:#6b7787;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-family:inherit;font-size:13px}.seg__item:hover{color:#1b2430}.seg__item--on{color:#1b4fc4;background:#e8f0fe;font-weight:600}.btn{height:40px;font:inherit;color:#1b2430;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e3e8ef;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:#f8fafc;text-decoration:none}.btn:disabled{opacity:.55;cursor:default}.btn--primary{color:#fff;background:#2f6feb;border-color:#2f6feb}.btn--primary:hover{background:#1b4fc4}.btn--danger{color:#c0392b;border-color:#f2c9c4}.btn--danger:hover{background:#fbe7e4}.btn--sm{height:34px;padding:0 12px;font-size:13px}.btn--icon{width:34px;padding:0}.btn--block{width:100%}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label{color:#6b7787;font-size:12px}.field__row{align-items:flex-end;gap:10px;display:flex}.field__at{color:#6b7787;align-items:center;height:40px;display:flex}.input{height:40px;font:inherit;color:#1b2430;background:#fff;border:1px solid #e3e8ef;border-radius:8px;width:100%;min-width:0;padding:0 12px}.input::placeholder{color:#98a3b3}.input:focus{border-color:#2f6feb;outline:none;box-shadow:0 0 0 3px #2f6feb26}.input:disabled{color:#6b7787;background:#f8fafc}.input--w{width:auto}select.input{padding-right:32px}.group-title{letter-spacing:.08em;text-transform:uppercase;color:#6b7787;font-size:11px;font-weight:600}.divider{background:#e3e8ef;height:1px}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__track{background:#cbd3de;border-radius:999px;flex:0 0 36px;width:36px;height:20px;transition:background .15s;position:relative}.toggle__track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px}input:checked+.toggle__track{background:#2f6feb}input:checked+.toggle__track:after{left:18px}input:focus-visible+.toggle__track{outline-offset:2px;outline:2px solid #2f6feb}.error{color:#c0392b;margin:0;font-size:12px}.empty{text-align:center;color:#6b7787;padding:32px}.tabs{border-bottom:1px solid #e3e8ef;gap:2px;padding:0 22px;display:flex;overflow-x:auto}.tabs__item{font:inherit;color:#6b7787;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px;font-size:13.5px}.tabs__item:hover{color:#1b2430}.tabs__item--on{color:#1b4fc4;border-bottom-color:#2f6feb;font-weight:600}.tabs__item--error:after{content:"";vertical-align:middle;background:#c0392b;border-radius:50%;width:6px;height:6px;margin-left:6px;display:inline-block}.drawer-backdrop{z-index:30;background:#1b24302e;position:fixed;inset:0}.drawer{z-index:31;background:#fff;border-left:1px solid #e3e8ef;flex-direction:column;width:600px;max-width:100vw;height:100vh;display:flex;position:fixed;top:0;right:0;box-shadow:-24px 0 60px -30px #1b243059}.drawer__head{align-items:center;gap:14px;padding:22px 24px 16px;display:flex}.drawer__head h2{margin:0;font-size:17px;font-weight:700}.drawer__head .grow{flex:1;min-width:0}.drawer__body{flex-direction:column;flex:1;gap:16px;padding:22px 24px;display:flex;overflow-y:auto}.drawer__foot{background:#f8fafc;border-top:1px solid #e3e8ef;gap:10px;padding:16px 24px;display:flex}.drawer__foot .grow{flex:1}.drawer-enter-active,.drawer-leave-active{transition:transform .2s,opacity .2s}.drawer-enter-from,.drawer-leave-to{opacity:0;transform:translate(24px)}@media (prefers-reduced-motion:reduce){.drawer-enter-active,.drawer-leave-active,.row,.btn,.rail__item,.nav__item{transition:none}}.form-card{flex-direction:column;gap:14px;padding:24px 28px;display:flex}.form-layout{grid-template-columns:minmax(0,760px) minmax(280px,1fr);align-items:start;gap:20px;display:grid}.side-stack{flex-direction:column;gap:14px;display:flex}.plain-list{margin:0;padding:0;list-style:none}.plain-list li{border-bottom:1px solid #e3e8ef;padding:7px 0}.plain-list li:last-child{border-bottom:none}.check{cursor:pointer;align-items:center;gap:9px;padding:6px 0;display:flex}.check input{accent-color:#2f6feb;width:15px;height:15px}.log-line{border-bottom:1px solid #e3e8ef;grid-template-columns:70px 10px 1fr;align-items:center;gap:12px;padding:9px 18px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;display:grid}.log-line:last-child{border-bottom:none}.mail-list{background:#fff;border-right:1px solid #e3e8ef;flex-direction:column;flex:0 0 420px;width:420px;height:100vh;display:flex;position:sticky;top:0}.mail-list__head{padding:12px 14px 8px}.mail-list__meta{padding:0 16px 8px}.mail-list__rows{flex:1;overflow-y:auto}.mail-list__foot{border-top:1px solid #e3e8ef;gap:8px;padding:10px 14px;display:flex}.mail-row{width:100%;font:inherit;color:#1b2430;text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #e3e8ef;grid-template-columns:10px 150px 1fr auto;align-items:center;gap:10px;padding:11px 16px;display:grid}.mail-row:hover{background:#f8fafc}.mail-row--on{background:#e8f0fe}.mail-row__dot{background:0 0;border-radius:50%;width:8px;height:8px}.mail-row--unread .mail-row__dot{background:#2f6feb}.mail-row--unread .mail-row__from,.mail-row--unread .mail-row__subject{font-weight:600}.mail-row__from,.mail-row__subject{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mail-row__from{font-size:13.5px}.mail-row__subject{color:#1b2430;font-size:13.5px}.mail-row__meta{color:#98a3b3;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.mail-read{background:#f3f5f8;flex:1;min-width:0}.mail-read__body{background:#fff;border:1px solid #e3e8ef;border-radius:12px;max-width:860px;margin:24px 28px;padding:24px 28px}.mail-read__subject{letter-spacing:-.01em;text-wrap:balance;margin:0 0 16px;font-size:20px;font-weight:700}.mail-read__from{border-bottom:1px solid #e3e8ef;align-items:flex-start;gap:12px;padding-bottom:16px;display:flex}.mail-read__html{margin-top:18px;font-size:14px;line-height:1.55;overflow-x:auto}.mail-read__html img{max-width:100%;height:auto}.mail-read__html table{max-width:100%}.mail-read__html a{color:#1b4fc4}.mail-read__text{white-space:pre-wrap;word-wrap:break-word;font:inherit;margin:18px 0 0;line-height:1.55}.auth{background:#f3f5f8;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth__card{flex-direction:column;gap:18px;width:420px;max-width:100%;padding:36px 40px 32px;display:flex;box-shadow:0 12px 40px -18px #1b243040}.auth__brand{align-items:center;gap:12px;display:flex}.auth__title{font-size:18px;font-weight:700}.auth__code{letter-spacing:.3em;text-align:center;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:22px}*,:before,:after{box-sizing:border-box}html{height:100%}body{color:#1b2430;-webkit-font-smoothing:antialiased;background:#f3f5f8;min-height:100%;margin:0;font-family:Golos Text,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.45}a{color:#1b4fc4;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #2f6feb}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.hint{color:#6b7787;font-size:12.5px}.faint{color:#98a3b3;font-size:12.5px}.nowrap{white-space:nowrap}