.b24-gate{background:var(--bg);place-items:center;min-height:100%;padding:32px 20px;display:grid}.b24-gate__box{text-align:center;max-width:460px}.b24-gate__mark{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:13px;place-items:center;width:44px;height:44px;margin:0 auto 16px;font-weight:800;display:grid}.b24-gate h1{letter-spacing:-.02em;font-size:19px;font-weight:800}.b24-gate p{color:var(--ink-2);margin-top:8px;font-size:13px;line-height:1.55}.b24-gate__hint{color:var(--ink-3)}.deal{background:#eef1f7;flex-direction:column;min-height:100vh;display:flex}.deal__top{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;align-items:center;gap:16px;height:54px;padding:0 18px;display:flex}.deal__portal{color:#1f2a44;align-items:center;gap:9px;font-size:15px;font-weight:800;display:flex}.deal__portal i{color:#fff;background:linear-gradient(135deg,#34d1ff,#1a7ee6);border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;font-style:normal;display:grid}.deal__spacer{flex:1}.deal__user b{font-size:13px;display:block}.deal__user small{color:var(--ink-3);font-size:11px;display:block}.deal__top button{color:var(--ink-3);cursor:pointer;background:0 0;border:0;font-size:12.5px;font-weight:600}.deal__scroll{flex:1;padding:16px}.deal__card{border:1px solid var(--line);max-width:1120px;box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;margin:0 auto;overflow:hidden}.deal__tabs{border-bottom:1px solid var(--line);background:var(--card-2);gap:2px;padding:0 14px;display:flex}.deal__tabs span,.deal__tabs b{color:var(--ink-3);padding:11px 13px;font-size:13px;font-weight:600}.deal__tabs b{color:var(--accent);border-bottom:2px solid var(--accent);background:#fff}.deal__app{padding:18px 20px 22px}.service{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.service__top{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;align-items:center;gap:16px;height:54px;padding:0 18px;display:flex}.service__logo{align-items:center;gap:9px;font-size:15px;font-weight:800;display:flex}.service__logo i{background:linear-gradient(135deg, #7b9cff, var(--accent));color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-style:normal;display:grid}.service__spacer{flex:1}.service__top .ui-clock{border-right:1px solid var(--line);margin-right:4px;padding-right:16px}.service__user b{font-size:13px;display:block}.service__user small{color:var(--ink-3);font-size:11px;display:block}.service__exit{color:var(--ink-3);cursor:pointer;background:0 0;border:0;font-size:12.5px;font-weight:600}.service__exit:hover{color:var(--accent)}.service__body{flex:1;display:flex}.service__menu{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;gap:2px;width:232px;padding:14px 10px;display:flex}.service__menu a{color:#3a4358;border-radius:10px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none}.service__menu a:hover{background:var(--bg)}.service__menu a.is-active{background:var(--accent-soft);color:var(--accent);font-weight:700}.service__content{flex:1;min-width:0}.app-container{max-width:1540px;margin:0 auto;padding:22px 26px 70px}.service__alert{color:#be123c;background:#f044661a;border-radius:12px;margin-bottom:14px;padding:10px 14px;font-size:12.5px}.service__loading{text-align:center;color:var(--ink-3);padding:40px 0;font-size:13px}.service__idle{z-index:80;background:var(--ink);color:#fff;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);animation:rise .35s var(--ease) both;border-radius:14px;align-items:center;gap:14px;padding:12px 14px 12px 18px;font-size:13px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.service__idle b{font-variant-numeric:tabular-nums}.area{background:radial-gradient(ellipse at 50% -10%, #3d5afe1a, transparent 55%), var(--bg);flex-direction:column;min-height:100vh;display:flex}.area__top{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:12px 16px;min-height:60px;padding:10px 22px;display:flex}.area__logo{align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.area__logo i{background:linear-gradient(135deg, #7b9cff, var(--accent));color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-style:normal;display:grid}.area__logo small{color:var(--ink-3);font-size:11px;font-weight:500;display:block}.area__spacer{flex:1}.area__top .ui-clock{border-right:1px solid var(--line);padding-right:16px}.area__exit{color:var(--ink-3);cursor:pointer;background:0 0;border:0;font-size:12.5px;font-weight:600}.area__exit:hover{color:var(--accent)}.area__confirm{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.area__body{text-align:center;width:100%;max-width:1100px;margin:0 auto;padding:34px 22px 60px}.area__body h1{letter-spacing:-.03em;font-size:30px;font-weight:800}.area__body>p{color:var(--ink-2);margin-top:8px;font-size:14px}.area__body h2{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);text-align:left;margin:30px 0 12px;font-size:11px;font-weight:700}.area__state{color:var(--ink-3);margin-top:30px;font-size:14px}.area__state--error{color:#be123c}.area__tiles{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:26px;display:grid}.area__tiles--recent{margin-top:0}.area__tiles--crew{margin-top:14px}.area-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .3s var(--ease), box-shadow .3s, border-color .2s;animation:rise .5s var(--ease) both;flex-direction:column;align-items:center;gap:8px;padding:24px 14px 20px;display:flex}.area-tile:hover:not(:disabled){box-shadow:var(--shadow);border-color:#3d5afe4d;transform:translateY(-3px)}.area-tile:disabled{cursor:wait;opacity:.7}.area-tile b{letter-spacing:-.01em;margin-top:4px;font-size:15px;font-weight:800}.area-tile__role{color:var(--ink-3);font-size:12.5px}.area__list{text-align:left;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;display:grid}.area-row{background:var(--card);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:grid}.area-row:hover:not(:disabled){box-shadow:var(--shadow-sm);border-color:#3d5afe4d}.area-row:disabled{cursor:wait;opacity:.7}.area-row .ui-av{grid-row:1/3}.area-row b{font-size:14px;font-weight:700}.area-row__role{color:var(--ink-3);font-size:12px}@media (width<=640px){.area__body{padding-top:24px}.area__body h1{font-size:24px}.area__tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.area__top .ui-clock{display:none}}.auth{background:radial-gradient(ellipse at 50% -10%, #3d5afe21, transparent 55%), var(--bg);place-items:center;min-height:100vh;padding:28px;display:grid}.auth__box{text-align:center;width:100%;max-width:940px}.auth__box--narrow{max-width:420px}.auth__mark{width:54px;height:54px;color:var(--accent);box-shadow:var(--shadow);background:linear-gradient(135deg,#e9edff 0%,#fff 50%,#dff5ff 100%);border:1px solid #3d5afe38;border-radius:16px;place-items:center;margin:0 auto 18px;font-size:22px;font-weight:800;display:grid}.auth h1{letter-spacing:-.03em;font-size:30px;font-weight:800}.auth p{color:var(--ink-2);margin-top:8px;font-size:14px}.auth__form{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);text-align:left;gap:14px;margin-top:22px;padding:22px;display:grid}.auth__form label{color:var(--ink-2);gap:6px;font-size:12px;font-weight:600;display:grid}.auth__form input{font:inherit;border:1px solid var(--line-2);border-radius:9px;height:34px;padding:0 10px}.auth__roles>span{color:var(--ink-2);font-size:12px;font-weight:600}.auth__roles>div{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.auth__roles button{border:1px solid var(--line-2);color:var(--ink-2);text-align:left;cursor:pointer;background:#fff;border-radius:10px;padding:9px 10px;font-size:12.5px;font-weight:600}.auth__roles button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.auth__roles small{color:var(--ink-3);margin-top:2px;font-size:10.5px;font-weight:500;display:block}.auth__form>.ui-btn{justify-self:center;padding:12px 24px}.auth__error{color:#be123c;text-align:center;font-size:12.5px}.auth__hint{color:var(--ink-3);text-align:center;font-size:12px;line-height:1.5}.auth__hint a,.auth__area-note a{color:var(--accent);font-weight:600;text-decoration:none}.auth .auth__hint--below{color:var(--ink-3);margin-top:14px;font-size:12px}.auth .auth__area-note{background:var(--accent-soft);color:var(--ink-2);border:1px solid #3d5afe38;border-radius:12px;margin-top:16px;padding:10px 14px;font-size:13px}:root{--font:"Onest", "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--bg:#f3f5fa;--bg-2:#eaeef6;--card:#fff;--card-2:#f8f9fd;--ink:#101528;--ink-2:#5b6478;--ink-3:#98a0b3;--line:#10152812;--line-2:#10152821;--line-soft:#1015280b;--accent:#3d5afe;--accent-2:#7b61ff;--accent-soft:#3d5afe1a;--accent-deep:#2f47d6;--amber:#f59e0b;--blue:#2f80ed;--violet:#8b5cf6;--green:#12b981;--rose:#f04466;--teal:#14b8c4;--shadow-sm:0 1px 2px #1015280a, 0 1px 1px #10152805;--shadow:0 1px 2px #1015280a, 0 14px 34px -18px #10152838;--shadow-lg:0 30px 70px -28px #10152859;--r:18px;--r-sm:12px;--r-xs:8px;--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.mt{margin-top:16px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.stagger>*{animation:rise .5s var(--ease) both}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.3s}.stagger>:nth-child(n+7){animation-delay:.36s}@keyframes grow{0%{width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.in-b24-frame .service{min-height:0}.in-b24-frame .drawer{height:min(880px,100vh - 20px);bottom:auto}.in-b24-frame .acc-dialog{place-items:start center;padding-top:24px}.in-b24-frame .acc-dialog__panel{max-height:min(840px,100vh - 48px)}.route-loading{background:var(--bg);min-height:100vh}.page-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-title{letter-spacing:-.025em;font-size:24px;font-weight:800}.page-kpi__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.page-kpi{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:18px;display:grid}.page-empty{text-align:center;color:var(--ink-3);border:1px dashed var(--line-2);border-radius:14px;padding:28px;font-size:13px}.settings-table{border-collapse:collapse;width:100%;font-size:13px}.settings-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);padding:8px 10px;font-size:10.5px}.settings-table td{border-top:1px solid var(--line);padding:10px}.settings-table td:not(:first-child){text-align:center}.page-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-bottom:14px;display:grid}.page-grid--wide{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.page-grid--2-3{grid-template-columns:2fr 3fr}.page-grid--settings{grid-template-columns:1fr 1fr;align-items:start}@media (width<=1100px){.page-grid--settings,.page-grid--wide{grid-template-columns:1fr}}@media (width<=1400px){.page-grid--2-3{grid-template-columns:1fr}}.funnel{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.funnel__col{background:var(--card-2);border:1px solid var(--line);border-radius:12px;justify-items:start;gap:6px;padding:10px 12px;display:grid}.funnel__col b{letter-spacing:-.02em;font-size:22px;font-weight:800}.loads{gap:12px;display:grid}.rows{gap:10px;list-style:none;display:grid}.rows li{gap:2px;font-size:13px;display:grid}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-size:10.5px;font-weight:700}.tbl td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:11px 10px}.tbl tr:last-child td{border-bottom:0}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.tbl .name{font-weight:600}.tbl .sub{color:var(--ink-3);margin-top:2px;font-size:11.5px;font-weight:400}.tbl .muted{color:var(--ink-3)}.area-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.work-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:14px;display:flex}.work-bar .area-tabs{margin-bottom:0}.area-tabs button{border:1px solid var(--line);color:var(--ink-2);cursor:pointer;background:#fff;border-radius:99px;align-items:center;gap:7px;padding:8px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.area-tabs button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.area-tabs button i{border-radius:50%;width:8px;height:8px}.area-tabs button span{background:var(--bg-2);border-radius:99px;padding:1px 6px;font-size:11px}.area-tabs button.is-active span{background:#fff}.hero{border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(120deg,#eef1ff 0%,#f7f9ff 45%,#eefaff 100%);grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;margin-bottom:16px;padding:24px 28px;display:grid;position:relative;overflow:hidden}.hero h2{letter-spacing:-.025em;font-size:22px;font-weight:800}.hero p{color:var(--ink-2);margin-top:8px;font-size:13.5px;line-height:1.55}.hero__risk{color:#be123c}.hero__acts{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.hero__stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hero__stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);background:#ffffffb3;border:1px solid #ffffffe6;border-radius:14px;padding:12px 14px}.hero__stat b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;display:block}.hero__stat b small{color:var(--ink-3);margin-left:3px;font-size:12px;font-weight:500}.hero__stat span{color:var(--ink-2);margin-top:2px;font-size:11.5px;display:block}@media (width<=1100px){.hero{grid-template-columns:1fr}}.pipe{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.pipe__col{background:var(--card-2);border:1px solid var(--line);cursor:pointer;text-align:left;transition:transform .25s var(--ease), box-shadow .25s;border-radius:14px;justify-items:start;gap:8px;padding:12px 14px;display:grid}.pipe__col:hover{box-shadow:var(--shadow);background:#fff;transform:translateY(-2px)}.pipe__name{color:var(--ink-2);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.pipe__name i{border-radius:50%;width:8px;height:8px}.pipe__col b{letter-spacing:-.02em;font-size:24px;font-weight:800}.pipe__col b small{color:var(--ink-3);margin-left:7px;font-size:11.5px;font-weight:500}.pipe__bar{background:var(--bg-2);border-radius:99px;width:100%;height:4px;overflow:hidden}.pipe__bar i{height:100%;transition:width .6s var(--ease);animation:grow 1.1s var(--ease);border-radius:99px;display:block}.page-stack{align-content:start;gap:14px;display:grid}.rows__item{align-items:center;gap:10px;display:flex}.rows__item>div{flex:1;gap:2px;min-width:0;display:grid}.rows__dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.shift{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.shift>div{background:var(--card-2);border:1px solid var(--line);border-radius:14px;gap:6px;padding:12px 14px;display:grid}.shift b{letter-spacing:-.02em;font-size:22px;font-weight:800}.shift b small{color:var(--ink-3);margin-left:5px;font-size:12px;font-weight:600}.shift span{color:var(--ink-3);font-size:11.5px}.page-note{color:var(--ink-2);background:var(--card-2);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:12.5px}
