@font-face{font-family:Manrope;src:url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggqxSuXd.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap}:root{--color-bg:#131313;--color-bg-deep:#050608;--color-surface:#0a0b0fe0;--color-panel:#ffffff05;--color-control:#ffffff05;--color-control-hover:#ffffff0f;--color-border:#ffffff1a;--color-border-strong:#ffffff4d;--color-text:#f6f7f9;--color-text-soft:#ffffffb8;--color-muted:#ffffff73;--color-faint:#ffffff47;--color-accent:#fff;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}body{background:var(--color-bg);scrollbar-width:thin;scrollbar-color:#ffffff29 #ffffff0a;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0a}::-webkit-scrollbar-thumb{background:#ffffff29 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff3d padding-box padding-box}h1{margin:0;font-size:clamp(2.25rem,6vw,4.25rem);font-weight:700}h2{margin:0}button,input,select,textarea{font:inherit;-webkit-tap-highlight-color:transparent}button,a,label,input,select,textarea{-webkit-touch-callout:none}.app-shell{box-sizing:border-box;width:100%;min-height:100vh;padding:48px 20px 64px}.auth-screen{box-sizing:border-box;place-items:center;min-height:100vh;padding:32px 20px;display:grid}.auth-stack{justify-items:center;gap:12px;width:min(100%,380px);display:grid}.auth-logo{object-fit:contain;width:132px;height:132px}.auth-title{text-align:center;letter-spacing:.04em;font-size:clamp(2rem,6vw,3.1rem);font-weight:800}.auth-subtitle{color:var(--color-text-soft);margin:0;font-size:.98rem}.auth-form{gap:14px;width:100%;margin-top:12px;display:grid}.auth-form .button{width:100%}.page--panel{min-height:calc(100vh - 112px)}.template-stage{min-height:calc(100vh - 112px);position:relative;overflow:hidden}.template-screen{opacity:0;pointer-events:none;transition:opacity .22s,transform .24s;position:absolute;inset:0;transform:translateY(12px)}.template-screen.is-active{opacity:1;pointer-events:auto;z-index:1;position:relative;inset:auto;transform:translateY(0)}.template-screen__surface{width:100%;min-height:inherit;box-sizing:border-box;border-radius:24px;padding:8px 0}.template-screen__surface--stats{gap:22px;display:grid}.template-screen__header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.template-screen__header-copy{gap:10px;display:grid}.template-screen__title{margin:0;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:1.05}.template-screen__description{max-width:720px;color:var(--color-muted);margin:0;font-size:.96rem}.panel-section{gap:16px;display:grid}.panel-grid--services,.panel-grid--metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.users-toolbar{gap:18px;display:grid}.users-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.users-results-count{text-align:center;justify-content:center;display:flex}.users-results-count span{color:var(--color-text-soft);font-size:.9rem;font-weight:600}.users-results-count.is-duplicates span{color:#f0a14a}.users-filters{flex-wrap:wrap;gap:18px;display:flex}.users-filters__desktop{display:flex}.users-filters__mobile{flex-wrap:wrap;gap:18px;display:none}.users-grid{opacity:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;transition:opacity .18s,transform .2s;display:grid;transform:translateY(0)}.users-grid.is-hidden{opacity:0;transform:translateY(10px)}.users-table-wrap{display:block}.users-table{gap:8px;display:grid}.users-table__head,.users-table__row{border-radius:16px;grid-template-columns:minmax(200px,1.4fr) minmax(180px,1.2fr) minmax(220px,1.4fr) minmax(90px,.6fr) minmax(90px,.6fr) minmax(170px,1fr) minmax(140px,1fr);align-items:center;gap:16px;padding:14px 16px;display:grid}.users-table__head{color:var(--color-faint);letter-spacing:.08em;text-transform:uppercase;background:#ffffff08;font-size:.76rem;font-weight:700}.users-table__row{border:1px solid var(--color-border);background:var(--color-panel)}.users-table__cell{min-width:0;color:var(--color-text-soft);font-size:.9rem}.users-table__cell--name strong{color:var(--color-text);font-size:.95rem;font-weight:600;line-height:1.2}.users-table__cell--vehicle{color:var(--color-text-soft)}.users-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:none}.user-card{border:1px solid var(--color-border);background:var(--color-panel);border-radius:16px;align-content:start;gap:16px;min-height:220px;padding:18px;display:grid}.user-card__header{gap:8px;display:grid}.user-card__title{color:var(--color-text);margin:0;font-size:1rem;font-weight:600;line-height:1.2}.user-card__subtitle{color:var(--color-text-soft);font-size:.9rem;line-height:1.3}.user-card__details{gap:12px;display:grid}.user-card__detail{gap:4px;display:grid}.user-card__detail-label{color:var(--color-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.user-card__detail strong{color:var(--color-text-soft);font-size:.9rem;font-weight:600}.user-card__telegram{color:var(--color-accent);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem;font-weight:600}.user-card__telegram:hover{text-decoration:underline}.user-card__footer{gap:12px;margin-top:auto;display:grid}.user-card__status{align-items:center;gap:12px;padding-top:2px;display:flex}.user-card__status-copy{gap:2px;display:grid}.user-card__status-copy strong{color:var(--color-text);font-size:.92rem}.user-card__status-copy span{color:var(--color-muted);font-size:.85rem}.user-card__action{width:fit-content;margin-left:auto}.user-card__status-row{align-items:center;gap:12px;display:flex}.users-table__row--interactive,.user-card--interactive{cursor:pointer;transition:border-color .18s,background-color .18s,transform .18s}.users-table__row--interactive:hover,.user-card--interactive:hover{background:#ffffff0b;border-color:#ffffff29}.content-shell{box-sizing:border-box;width:100%;padding-left:92px}.sidebar{--sidebar-item-radius:24px;--sidebar-capsule-radius:28px;z-index:20;flex-direction:column;gap:64px;width:48px;padding:18px 12px;transition:width .24s,background-color .24s,-webkit-backdrop-filter .24s,backdrop-filter .24s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar:hover{--sidebar-item-radius:16px;--sidebar-capsule-radius:16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#00000040;width:236px}.sidebar__logo-wrap{flex:0 0 58px;width:52px;height:58px;display:block;position:relative;overflow:visible}.sidebar__logo{object-fit:contain;width:52px;height:52px;transition:width .24s,height .24s;position:absolute;top:0;left:0}.sidebar:hover .sidebar__logo{width:88px;height:70px}.sidebar__group{flex-direction:column;gap:10px;display:flex}.sidebar__bottom{margin-top:auto}.sidebar__capsule{border-radius:var(--sidebar-capsule-radius);background:#ffffff0b;flex-direction:column;gap:8px;width:48px;transition:width .24s,border-radius .24s,background-color .24s,-webkit-backdrop-filter .24s,backdrop-filter .24s;display:flex}.sidebar:hover .sidebar__capsule{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;width:100%}.sidebar__build-note{opacity:0;text-align:center;width:100%;color:var(--color-faint);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;margin-top:14px;font-size:.65rem;line-height:1.45;transition:opacity .18s}.sidebar__build-note span{display:block}.sidebar:hover .sidebar__build-note{opacity:1}.sidebar__item{border-radius:var(--sidebar-item-radius);width:48px;height:48px;color:var(--color-text);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;transition:width .24s,border-radius .24s,background-color .18s;display:flex;overflow:hidden}.sidebar:hover .sidebar__item{width:100%;padding:0 10px 0 0}.sidebar__item:hover{background:#ffffff14}.sidebar__item.is-active{background:#ffffff24}.sidebar__icon-wrap{border-radius:var(--sidebar-item-radius);background:0 0;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;transition:border-radius .24s,background-color .18s;display:inline-flex}.sidebar__item:hover .sidebar__icon-wrap,.sidebar__item.is-active .sidebar__icon-wrap{background:0 0}.sidebar__icon{width:22px;height:22px;display:block}.sidebar__label{opacity:0;white-space:nowrap;color:var(--color-text);letter-spacing:.01em;font-size:.94rem;font-weight:600;transition:opacity .18s,transform .24s;transform:translate(-8px)}.sidebar:hover .sidebar__label{opacity:1;transform:translate(0)}.sidebar-toggle{display:none}.page{gap:24px;margin:0 auto;display:grid}.hero{text-align:left;justify-items:start;gap:10px;display:grid}.hero p{max-width:720px;color:var(--color-muted);margin:0;font-size:.95rem}.card{background:#1a1a1ae0;border:0;border-radius:16px;padding:24px}.card-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.card-head h2{margin:0;font-size:1.05rem}.card-head span{color:var(--color-faint);font-size:.85rem}.grid{gap:14px;display:grid}.grid--buttons{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.grid--buttons-loading{margin-top:14px}.grid--form{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--checks{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:center}.grid--helpers{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.button{background:var(--button-bg);height:40px;color:var(--button-fg);font:inherit;cursor:pointer;border:0;border-radius:16px;padding:0 14px;font-size:.92rem;font-weight:600;transition:background-color .18s,border-color .18s,color .18s}.button:hover:not(:disabled){background:var(--button-bg-hover)}.button:active:not(:disabled){background:var(--button-bg-active)}.button:disabled{color:var(--color-muted);cursor:not-allowed;background:#ffffff0a}.button--primary{--button-bg:#f2f4f8;--button-fg:#111;--button-bg-hover:#e2e8f0;--button-bg-active:#d4dce7}.button--secondary{--button-bg:#ffffff21;--button-fg:var(--color-text);--button-bg-hover:#ffffff40;--button-bg-active:#ffffff24}.button--ghost{--button-bg:transparent;--button-fg:var(--color-text);--button-bg-hover:#ffffff17;--button-bg-active:#ffffff24}.button--small{border-radius:12px;height:32px;padding:0 12px;font-size:.84rem}.button--danger{--button-bg:#8c313d;--button-fg:#fff5f6;--button-bg-hover:#9b3947;--button-bg-active:#7f2a36}.button--success{--button-bg:#2b7a53;--button-fg:#f3fff9;--button-bg-hover:#32895d;--button-bg-active:#256a48}.button--loading{justify-content:center;align-items:center;padding-inline:14px;display:inline-flex}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.field{text-align:left;gap:8px;display:grid}.field span{color:var(--color-text-soft);font-size:.92rem;font-weight:600}.field input,.field select,.field textarea{box-sizing:border-box;border:1px solid var(--color-border-strong);background:var(--color-control);width:100%;min-height:40px;color:var(--color-text);font:inherit;border-radius:16px;outline:none;padding:10px 12px;transition:border-color .18s,box-shadow .18s;box-shadow:0 0 #fff0}.field textarea{resize:vertical;min-height:110px}.field input:disabled,.field textarea:disabled{color:var(--color-muted);cursor:not-allowed;background:#ffffff05;border-color:#ffffff14}.field input::placeholder,.field textarea::placeholder{color:var(--color-faint)}.field input:focus,.field textarea:focus{border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff14}.field--wide{grid-column:1/-1}.select{position:relative}.select-trigger{border:1px solid var(--color-border-strong);background:var(--color-control);width:100%;min-height:40px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;border-radius:16px;padding:10px 40px 10px 12px;transition:border-color .18s,background-color .18s,box-shadow .18s;box-shadow:0 0 #fff0}.select-trigger:hover{background:var(--color-control-hover)}.select-trigger:disabled{color:var(--color-muted);cursor:not-allowed;background:#ffffff05;border-color:#ffffff14}.select.is-open .select-trigger{border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff14}.select-chevron{border-right:1.5px solid var(--color-muted);border-bottom:1.5px solid var(--color-muted);pointer-events:none;width:8px;height:8px;transition:transform .18s;position:absolute;top:50%;right:14px;transform:translateY(-60%)rotate(45deg)}.select.is-open .select-chevron{transform:translateY(-20%)rotate(-135deg)}.select-panel{z-index:10;border:1px solid var(--color-border);background:var(--color-control);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0}.select-option{width:100%;min-height:36px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;margin-top:4px;padding:8px 10px;transition:background-color .18s}.select-option:first-child{margin-top:0}.select-option:hover,.select-option.is-selected{background:#ffffff0f}.select-option:disabled{color:var(--color-muted);cursor:not-allowed;background:0 0}.check,.switch{color:var(--color-text);align-items:center;gap:10px;font-size:.92rem;font-weight:500;display:inline-flex}.check-input{opacity:0;pointer-events:none;position:absolute}.check-box{border:1px solid var(--color-border-strong);background:var(--color-control);border-radius:5px;flex:none;width:16px;height:16px;transition:border-color .18s,background-color .18s;position:relative}.check-box:after{content:"";background:var(--color-accent);border-radius:2px;transition:transform .18s;position:absolute;inset:3px;transform:scale(0)}.check-box--radio,.check-box--radio:after{border-radius:999px}.check-input:checked+.check-box{border-color:var(--color-accent)}.check-input:checked+.check-box:after{transform:scale(1)}.check--disabled{color:var(--color-muted);cursor:not-allowed}.check--disabled .check-box{background:#ffffff05;border-color:#ffffff14}.check--disabled .check-box:after{background:#ffffff47}.check-input:disabled+.check-box{background:#ffffff05;border-color:#ffffff14}.check-input:disabled+.check-box:after{background:#ffffff47}.check-input:disabled:checked+.check-box{border-color:#ffffff1f}.check-input:disabled:checked+.check-box:after{transform:scale(1)}.switch input{opacity:0;pointer-events:none;position:absolute}.switch-track{border:1px solid var(--color-border-strong);background:var(--color-control);border-radius:999px;width:40px;height:22px;transition:background-color .18s,border-color .18s;position:relative}.switch-track:after{content:"";background:#dfe5ee;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.switch input:checked+.switch-track{border-color:var(--color-accent);background:#2b2f36}.switch input:checked+.switch-track:after{background:var(--color-accent);transform:translate(18px,-50%)}.switch--disabled{color:var(--color-muted);cursor:not-allowed}.switch--disabled .switch-track{background:#ffffff05;border-color:#ffffff14}.switch--disabled .switch-track:after{background:#ffffff47}.switch input:disabled+.switch-track{background:#ffffff05;border-color:#ffffff14}.switch input:disabled+.switch-track:after{background:#ffffff47}.switch input:disabled:checked+.switch-track{background:#ffffff0a;border-color:#ffffff1f}.switch input:disabled:checked+.switch-track:after{background:#ffffff47;transform:translate(18px,-50%)}.segmented-control{isolation:isolate;background:0 0;border-radius:16px;width:fit-content;max-width:100%;display:inline-flex;overflow:hidden}.segmented-control__button{--button-bg:transparent;--button-fg:var(--color-text);--button-bg-hover:#ffffff17;--button-bg-active:#ffffff24;z-index:0;border:0;border-right:1px solid var(--color-border);background:var(--button-bg);min-width:0;height:40px;color:var(--button-fg);font:inherit;white-space:nowrap;cursor:pointer;border-radius:0;padding:0 18px;font-size:.92rem;font-weight:600;transition:background-color .18s,color .18s;position:relative}.segmented-control__button[data-edge=start]{border-top-left-radius:16px;border-bottom-left-radius:16px}.segmented-control__button[data-edge=end]{border-right:0;border-top-right-radius:16px;border-bottom-right-radius:16px}.segmented-control__button.is-active{--button-bg:#f2f4f8;--button-fg:#111;--button-bg-hover:#e2e8f0;--button-bg-active:#d4dce7}.segmented-control__button:hover:not(:disabled){z-index:1;background:var(--button-bg-hover)}.segmented-control__button:active:not(:disabled){background:var(--button-bg-active)}.segmented-control__button:disabled{color:var(--color-muted);cursor:not-allowed}.segmented-demo{margin-top:20px}.stack{gap:14px;display:grid}.progress-meta{color:var(--color-text-soft);justify-content:space-between;align-items:center;gap:16px;display:flex}.progress{background:#ffffff08;border:0;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress::-webkit-progress-bar{background:#ffffff08;border-radius:999px}.progress::-webkit-progress-value{background:var(--color-accent);border-radius:999px}.progress::-moz-progress-bar{background:var(--color-accent);border-radius:999px}.range{width:100%;accent-color:var(--color-accent)}.range:disabled{opacity:.45;cursor:not-allowed}.notice,.stat-card{border:1px solid var(--color-border);background:var(--color-panel);border-radius:16px;min-height:148px;padding:18px}.notice{text-align:left}.notice--error{background:#a53b461f;border-color:#a53b466b}.notice strong{margin-bottom:8px;display:block}.notice p{color:var(--color-muted);margin:0}.stat-card{text-align:left;flex-direction:column;justify-content:space-between;gap:10px;display:flex}.stat-card--interactive{cursor:pointer;width:100%;transition:background-color .18s,border-color .18s}.stat-card--interactive:hover{background:#ffffff09;border-color:#ffffff29}.stat-card--headline,.stat-card--status{min-height:170px}.stat-card__topline{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.stat-card__title{color:var(--color-text);font-size:.96rem;font-weight:600}.stat-card__title--large{font-size:1.18rem;font-weight:800;line-height:1.15}.stat-card__subtitle{color:var(--color-muted);font-size:.84rem}.stat-card__value{color:var(--color-accent);font-size:2.1rem;font-weight:700;line-height:1}.stat-card__value--status{font-size:1.6rem}.card--compact{padding:20px}.status-indicator{--status-color:#2f8f61;color:#f6f7f9;border-radius:999px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:relative;overflow:visible}.status-indicator--ok{--status-color:#2f8f61;background:var(--status-color)}.status-indicator--error{--status-color:#a53b46;background:var(--status-color)}.status-indicator__pulse{border-radius:inherit;background:var(--status-color);opacity:.34;box-shadow:0 0 0 2px color-mix(in srgb, var(--status-color) 40%, transparent);animation:1.8s ease-out infinite statusPulse;position:absolute;inset:0}.status-indicator__icon{z-index:1;font-size:.92rem;font-weight:800;line-height:1;position:relative}.subsystem-list{gap:10px;display:grid}.subsystem-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.subsystem-row:last-child{border-bottom:0;padding-bottom:0}.subsystem-row:first-child{padding-top:0}.subsystem-row__meta{align-items:center;gap:12px;display:flex}.subsystem-row__label{color:var(--color-text);font-weight:600}.subsystem-row__value{color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.92rem}.subsystem-row__value.is-problem{color:#ffb5be}.recent-days{gap:10px;display:grid}.recent-days__row{background:#ffffff08;border-radius:16px;grid-template-columns:minmax(120px,.9fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;padding:12px 14px;display:grid}.recent-days__date{color:var(--color-text);font-weight:700}.recent-days__metric{color:var(--color-text-soft);font-size:.92rem}.recent-days__metric strong{color:var(--color-text)}.empty-state{gap:8px;display:grid}.empty-state strong{color:var(--color-text)}.empty-state p{color:var(--color-muted);margin:0}.users-loading-state{place-items:center;min-height:220px;display:grid}.users-loading-state__spinner{width:52px;height:52px;color:var(--color-text);border-width:4px}.text-italic{font-style:italic}.metric-modal{gap:16px;display:grid}.metric-modal .stat-card--headline{gap:8px;min-height:0;padding:14px 16px}.metric-modal .stat-card--headline .stat-card__value{font-size:1.5rem}.metric-modal__text{color:var(--color-text-soft);margin:0}.metric-modal__table{gap:6px;display:grid}.metric-modal__table-head,.metric-modal__table-row{border-radius:14px;grid-template-columns:minmax(120px,.9fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:14px;padding:12px 14px;display:grid}.metric-modal__table-head{color:var(--color-faint);letter-spacing:.08em;text-transform:uppercase;background:#ffffff08;font-size:.78rem;font-weight:700}.metric-modal__table-row{color:var(--color-text-soft);background:#ffffff05}.metric-modal__table-row span:nth-child(2),.metric-modal__table-row span:last-child{color:var(--color-text)}.metric-modal__table-head--two,.metric-modal__table-row--two{grid-template-columns:minmax(120px,1fr) minmax(0,1fr)}.metric-achievement{background:#2f8f6114;border:1px solid #2f8f6138;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.metric-achievement__copy{color:var(--color-text)}.grant-access{gap:18px;display:grid}.grant-access__user-card{border:1px solid var(--color-border);background:#ffffff08;border-radius:14px;gap:4px;padding:14px 16px;display:grid}.grant-access__user-card strong{color:var(--color-text);font-size:1rem;font-weight:600;line-height:1.3}.grant-access__label{color:var(--color-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:700}.grant-access__vehicle{color:var(--color-text-soft);font-size:.9rem}.grant-access__controls{gap:16px;display:grid}.grant-access__free-info{border:1px solid var(--color-border);color:var(--color-text-soft);background:#ffffff08;border-radius:14px;padding:14px 16px;line-height:1.5}.grant-access__loading{place-items:center;min-height:260px;display:grid}.grant-access__spinner{width:52px;height:52px;color:var(--color-text);border-width:4px}.grant-access__mode-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.grant-access__mode-label{color:var(--color-text);font-size:.94rem;font-weight:600}.grant-access__mode-control{justify-content:flex-end;display:flex}.edit-user{gap:18px;min-height:540px;display:grid}.edit-user__tabs{width:100%;display:flex}.edit-user__tabs--desktop{justify-content:center}.edit-user__tabs--mobile{display:none}.edit-user__content{min-height:430px}.edit-user__section{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:16px;display:grid}.edit-user__section--animated{animation:.2s editUserSectionIn}.edit-user__section--access,.edit-user__section--waybill{grid-template-columns:1fr;min-height:260px}.edit-user__section--data{grid-template-columns:1fr}.edit-user__data-card{border:1px solid var(--color-border);background:#ffffff08;border-radius:16px;gap:16px;padding:18px;display:grid}.edit-user__data-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.edit-user__data-card-title{color:var(--color-text);margin:0;font-size:1rem;font-weight:700}.edit-user__data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field--changed input,.field--changed textarea,.field--changed select,.field--changed .select-trigger{border-color:#f0a14aeb;box-shadow:0 0 0 3px #f0a14a21}.edit-user__access-card{border:1px solid var(--color-border);background:#ffffff08;border-radius:16px;gap:12px;padding:16px;display:grid}.edit-user__access-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.edit-user__access-meta{color:var(--color-text-soft);gap:4px;font-size:.9rem;display:grid}.edit-user__access-loading{place-items:center;min-height:260px;display:grid}.edit-user__access-spinner{width:52px;height:52px;color:var(--color-text);border-width:4px}.edit-user__waybill-card{border:1px solid var(--color-border);background:#ffffff08;border-radius:16px;gap:12px;padding:16px;display:grid}.edit-user__waybill-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.edit-user__waybill-meta{color:var(--color-text-soft);gap:4px;font-size:.9rem;display:grid}.edit-user__waybill-note{color:var(--color-text)}.edit-user__waybill-loading{place-items:center;min-height:260px;display:grid}.edit-user__waybill-spinner{width:52px;height:52px;color:var(--color-text);border-width:4px}.edit-user-confirm{gap:16px;display:grid}.edit-user-confirm__list{gap:10px;display:grid}.edit-user-confirm__item{border:1px solid var(--color-border);color:var(--color-text-soft);background:#ffffff08;border-radius:14px;grid-template-columns:minmax(140px,1fr) minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;font-size:.88rem;display:grid}.edit-user-confirm__item strong{color:var(--color-text);font-size:.9rem}.waybill-open{gap:16px;display:grid}.waybill-open__card{border:1px solid var(--color-border);background:#ffffff08;border-radius:14px;gap:4px;padding:14px 16px;display:grid}.waybill-open__label{color:var(--color-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:700}.waybill-open__card strong{color:var(--color-text);font-size:1rem;font-weight:600}.waybill-open__mode,.waybill-open__mode .segmented-control{width:100%;display:flex}.waybill-open__mode .segmented-control__button{flex:1 1 0}.waybill-open__time-block{gap:12px;display:grid}.waybill-open__hint{color:var(--color-text-soft);margin:0;font-size:.92rem;line-height:1.5}.waybill-open__datetime-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@keyframes editUserSectionIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.edit-user__data-grid{grid-template-columns:1fr}}.modal-stack{z-index:1000;pointer-events:none;position:fixed;inset:0}.modal-backdrop{opacity:0;background:#0000008a;transition:opacity .2s;position:absolute;inset:0}.modal-backdrop.is-open{opacity:1}.modal-backdrop.is-closing{opacity:0}.modal-shell{box-sizing:border-box;opacity:0;pointer-events:none;place-items:center;padding:24px;transition:opacity .2s;display:grid;position:fixed;inset:0}.modal-shell.is-top{pointer-events:auto}.modal{width:min(90vw, var(--modal-width,560px));max-width:min(90vw, var(--modal-max-width,560px));height:var(--modal-height,auto);max-height:min(88vh, var(--modal-max-height,720px));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);pointer-events:auto;box-sizing:border-box;background:#1212128a;border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:22px;transition:transform .22s,opacity .2s,background-color .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s,filter .2s;display:grid;transform:translateY(18px)scale(.96);box-shadow:0 18px 64px #00000061}.modal-shell--entering,.modal-shell--open{opacity:1}.modal-shell--entering .modal{transform:translateY(12px)scale(.98)}.modal-shell--open .modal{transform:translateY(calc(var(--modal-depth,0) * 8px)) scale(calc(1 - (var(--modal-depth,0) * .02)))}.modal-shell--closing{opacity:0}.modal-shell--closing .modal{transform:translateY(16px)scale(.96)}.modal-shell:not(.is-top) .modal{pointer-events:none;-webkit-backdrop-filter:blur();backdrop-filter:blur();filter:saturate(.82)brightness(.78);background:#0a0a0aeb}.modal__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.modal__title{margin:0;font-size:1.18rem;font-weight:800;line-height:1.2}.modal__close{width:36px;height:36px;color:var(--color-text-soft);font:inherit;cursor:pointer;background:#ffffff0a;border:0;border-radius:14px;flex:0 0 36px;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;transition:background-color .18s,color .18s;display:inline-flex}.modal__close:hover{color:var(--color-text);background:#ffffff14}.modal__body{scrollbar-width:thin;scrollbar-color:#ffffff29 #ffffff0a;gap:14px;min-height:0;display:grid;overflow:auto}.modal__body,.modal__body *{scrollbar-width:thin;scrollbar-color:#ffffff29 #ffffff0a}.modal__body::-webkit-scrollbar{width:8px;height:8px}.modal__body ::-webkit-scrollbar{width:8px;height:8px}.modal__body::-webkit-scrollbar-track{background:#ffffff0a}.modal__body ::-webkit-scrollbar-track{background:#ffffff0a}.modal__body::-webkit-scrollbar-thumb{background:#ffffff29 padding-box padding-box;border:2px solid #0000;border-radius:999px}.modal__body ::-webkit-scrollbar-thumb{background:#ffffff29 padding-box padding-box;border:2px solid #0000;border-radius:999px}.modal__body::-webkit-scrollbar-thumb:hover{background:#ffffff3d padding-box padding-box}.modal__body ::-webkit-scrollbar-thumb:hover{background:#ffffff3d padding-box padding-box}.modal__text{color:var(--color-text-soft);margin:0}.modal__footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.modal-demo{gap:14px;display:grid}.modal-demo p{color:var(--color-text-soft);margin:0}.modal-demo__status{background:#ffffff08;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.modal-demo__status-copy{gap:4px;display:grid}.modal-demo__status-copy strong{color:var(--color-text)}.modal-demo__status-copy span{color:var(--color-muted);font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes statusPulse{0%{opacity:.46;transform:scale(.92)}70%{opacity:0;transform:scale(1.68)}to{opacity:0;transform:scale(1.68)}}@media (width<=900px){.segmented-control[data-mobile-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid;overflow:hidden}.segmented-control[data-mobile-columns="2"] .segmented-control__button{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);white-space:normal;text-align:center;height:40px;padding:0 10px;font-size:.78rem;line-height:1.15}.segmented-control[data-mobile-columns="2"] .segmented-control__button[data-mobile-row="1"][data-mobile-col="1"]{border-top-left-radius:16px}.segmented-control[data-mobile-columns="2"] .segmented-control__button[data-mobile-row="1"][data-mobile-last-col=true]{border-top-right-radius:16px}.segmented-control[data-mobile-columns="2"] .segmented-control__button[data-mobile-last-row=true][data-mobile-col="1"]{border-bottom-left-radius:16px}.segmented-control[data-mobile-columns="2"] .segmented-control__button[data-mobile-last-row=true][data-mobile-last-col=true]{border-bottom-right-radius:16px}.segmented-control[data-mobile-columns="2"] .segmented-control__button[data-mobile-last-col=true]{border-right:0}.segmented-control[data-mobile-columns="2"] .segmented-control__button[data-mobile-last-row=true]{border-bottom:0}.content-shell{padding-top:0;padding-left:0}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:#00000040;flex-direction:column;justify-content:flex-start;align-items:stretch;width:72vw;padding:18px 14px 24px;transition:transform .24s,background-color .24s,-webkit-backdrop-filter .24s,backdrop-filter .24s;transform:translate(calc(-100% - 24px))}.sidebar:hover,.sidebar.is-mobile-open{width:72vw}.sidebar.is-mobile-open{--sidebar-item-radius:16px;--sidebar-capsule-radius:16px;pointer-events:auto;transform:translate(0)}.sidebar.is-mobile-open .sidebar__logo{width:88px;height:70px}.sidebar__group{flex-direction:column;width:100%}.sidebar__capsule{align-self:flex-start}.sidebar.is-mobile-open .sidebar__capsule{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;width:100%}.sidebar.is-mobile-open .sidebar__build-note{opacity:1;transform:translateY(0)}.sidebar__item{width:48px;padding:0}.sidebar.is-mobile-open .sidebar__item{width:100%;padding:0 10px 0 0}.sidebar__label{display:block}.sidebar.is-mobile-open .sidebar__label{opacity:1;transform:translate(0)}.sidebar-toggle{z-index:30;width:56px;height:56px;color:var(--color-text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#00000040;border:0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:background-color .24s,color .24s,-webkit-backdrop-filter .24s,backdrop-filter .24s;display:inline-flex;position:fixed;bottom:18px;right:14px}.sidebar-toggle.is-open{color:#050608;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.sidebar-toggle__line{background:currentColor;border-radius:999px;width:20px;height:2px;transition:transform .24s,opacity .18s}.sidebar-toggle.is-open .sidebar-toggle__line:first-child{transform:translateY(7px)rotate(45deg)}.sidebar-toggle.is-open .sidebar-toggle__line:nth-child(2){opacity:0}.sidebar-toggle.is-open .sidebar-toggle__line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.grid--form,.grid--helpers{grid-template-columns:1fr}.users-table-wrap{display:none}.users-cards{display:grid}.user-card__action{width:100%;margin-left:0}.user-card__status-row{flex-direction:column;align-items:stretch}.users-filters__desktop{display:none}.users-filters__mobile{display:flex}.template-screen__header,.subsystem-row{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.users-header-actions{justify-content:stretch;width:100%}.users-header-actions .button{width:100%}.modal-shell{padding:14px}.modal{width:min(90vw, var(--modal-width,560px));max-width:min(90vw, var(--modal-max-width,560px));padding:18px}.modal__footer{flex-direction:column-reverse;align-items:stretch}.modal__footer .button{width:100%}.metric-modal__table-head,.metric-modal__table-row,.metric-modal__table-head--two,.metric-modal__table-row--two{grid-template-columns:1fr;gap:6px}.grant-access__mode-row{flex-direction:column;align-items:flex-start}.grant-access__mode-control{justify-content:flex-start;width:100%}.edit-user__tabs--desktop{display:none}.edit-user__tabs--mobile{display:block}.edit-user__section{grid-template-columns:1fr}.edit-user,.edit-user__content,.edit-user__section--access,.edit-user__section--waybill,.edit-user__access-loading,.edit-user__waybill-loading{min-height:auto}.edit-user__access-head,.edit-user__waybill-head{flex-direction:column;align-items:flex-start}.waybill-open__datetime-fields{grid-template-columns:1fr}.edit-user-confirm__item{grid-template-columns:1fr;gap:6px}.recent-days__row{grid-template-columns:1fr;gap:8px}.page--panel,.template-stage{min-height:calc(100vh - 96px)}.card-head,.progress-meta{flex-direction:column;align-items:start}}@media (width<=640px){.app-shell{padding:24px 14px 40px}.card{padding:18px}.grid--buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}
