.su-usermenu{position:relative}.su-usermenu__trigger{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;background:var(--su-surface-elevated);border:1px solid var(--su-border);border-radius:var(--su-radius-pill);cursor:pointer;color:var(--su-text-primary);font-size:13px;font-weight:500;transition:background .15s ease,border-color .15s ease}.su-usermenu__trigger:hover{background:var(--su-surface);border-color:var(--su-border-strong)}.su-usermenu__trigger:focus-visible{outline:2px solid var(--su-accent-primary);outline-offset:2px}.su-usermenu__avatar{width:32px;height:32px;border-radius:var(--su-radius-pill);background:linear-gradient(135deg,var(--su-accent-primary),var(--su-accent-primary-hover));color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.su-usermenu__name{white-space:nowrap}.su-usermenu__chev{color:var(--su-text-secondary);margin-left:2px;transition:transform .15s ease}.su-usermenu--open .su-usermenu__chev{transform:rotate(180deg)}@media(max-width:540px){.su-usermenu__name,.su-usermenu__chev{display:none}.su-usermenu__trigger{padding:4px}}.su-usermenu__panel{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--su-surface-elevated);border:1px solid var(--su-border);border-radius:var(--su-radius-lg);box-shadow:var(--su-shadow-elevated);padding:8px;z-index:var(--su-z-dropdown);animation:su-fade-scale .12s ease-out}@keyframes su-fade-scale{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.su-usermenu__header{padding:12px 14px 14px;border-bottom:1px solid var(--su-border);margin-bottom:6px}.su-usermenu__header-name{font-weight:600;font-size:14px;color:var(--su-text-primary);margin-bottom:2px}.su-usermenu__header-email{font-size:12px;color:var(--su-text-secondary);word-break:break-all}.su-usermenu__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--su-text-primary);font-size:13px;text-align:left;border-radius:var(--su-radius-sm);cursor:pointer;transition:background .12s ease;font-family:inherit}.su-usermenu__item:hover{background:var(--su-surface)}.su-usermenu__item:focus-visible{outline:2px solid var(--su-accent-primary);outline-offset:-2px}.su-usermenu__item--danger{color:var(--su-accent-danger)}.su-usermenu__item--danger:hover{background:var(--su-danger-soft)}.su-usermenu__sep{height:1px;background:var(--su-border);margin:6px 4px}.su-bottomnav,.su-fab{display:none}@media(max-width:767px){.su-bottomnav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:stretch;background:var(--su-surface);border-top:1px solid var(--su-border);padding:8px 4px;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:var(--su-z-bottom-nav)}.su-bottomnav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;min-height:52px;background:transparent;border:none;padding:2px 0;color:var(--su-text-secondary);text-decoration:none;font-family:inherit;cursor:pointer}.su-bottomnav__item--active{color:var(--su-accent-secondary)}.su-bottomnav__icon{position:relative;width:48px;height:28px;border-radius:var(--su-radius-pill);display:inline-flex;align-items:center;justify-content:center}.su-bottomnav__badge{position:absolute;top:-4px;right:-8px;background:var(--su-accent-danger);color:#fff;font-size:9px;font-weight:500;line-height:1;padding:1px 5px;border-radius:var(--su-radius-pill);min-width:14px;text-align:center}.su-bottomnav__label{font-size:11px;line-height:1.25;overflow-wrap:anywhere}.su-fab{position:fixed;right:18px;bottom:calc(88px + env(safe-area-inset-bottom));width:52px;height:52px;border-radius:var(--su-radius-pill);background:var(--su-accent-primary);border:none;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--su-shadow-elevated);cursor:pointer;z-index:var(--su-z-fab)}.su-fab:active{filter:brightness(1.08)}}.su-bottomnav__item--active .su-bottomnav__icon{background:var(--su-accent-primary-soft)}.su-shell{display:flex;min-height:100dvh;background:var(--su-surface-bg);color:var(--su-text-primary);font-family:var(--su-font)}.su-shell__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:var(--su-z-drawer-backdrop)}.su-shell__overlay--visible{display:block}.su-shell__main{flex:1;display:flex;flex-direction:column;min-width:0}.su-shell__content{flex:1;padding:clamp(20px,3vw,44px);overflow-x:auto}@media(max-width:767px){.su-shell__content{padding:16px}}@media(max-width:480px){.su-shell__content{padding:12px}}@media(max-width:767px){.su-shell--has-bottomnav .su-shell__content{padding-bottom:calc(100px + env(safe-area-inset-bottom))}}.su-sidebar{width:248px;position:sticky;top:0;height:100dvh;flex-shrink:0;background:var(--su-surface);border-right:1px solid var(--su-border);display:flex;flex-direction:column;transition:transform .25s ease,width .25s ease;z-index:var(--su-z-drawer)}.su-sidebar__brand{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--su-border)}.su-sidebar__brand-icon{width:40px;height:40px;border-radius:var(--su-radius-md);background:linear-gradient(135deg,var(--su-accent-primary),var(--su-accent-primary-hover));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;flex-shrink:0}.su-sidebar__brand-text{display:flex;flex-direction:column;min-width:0}.su-sidebar__brand-name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--su-text-primary)}.su-sidebar__brand-sub{font-size:11px;color:var(--su-text-secondary);text-transform:uppercase;letter-spacing:.5px}.su-sidebar__close{display:none;margin-left:auto;background:transparent;border:none;color:var(--su-text-secondary);cursor:pointer;padding:4px;border-radius:var(--su-radius-sm)}.su-sidebar__close:hover{color:var(--su-text-primary)}.su-sidebar__nav{flex:1;overflow-y:auto;padding:20px 12px;display:flex;flex-direction:column;gap:2px}.su-sidebar__section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--su-text-muted);padding:14px 12px 6px}.su-sidebar__item{display:flex;align-items:center;gap:12px;padding:12px;min-height:46px;border-radius:var(--su-radius-md);color:var(--su-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:background .15s ease,color .15s ease;position:relative}.su-sidebar__item:hover{background:var(--su-surface-elevated);color:var(--su-text-primary)}.su-sidebar__item--active{background:var(--su-accent-primary-soft);color:var(--su-text-primary);box-shadow:inset 3px 0 0 var(--su-accent-primary)}.su-sidebar__icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.su-sidebar__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.su-sidebar__badge{background:var(--su-accent-danger);color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:var(--su-radius-pill);min-width:18px;text-align:center}@media(max-width:767px){.su-sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);visibility:hidden;width:min(320px,88vw);padding-top:env(safe-area-inset-top)}.su-sidebar--open{transform:translate(0);visibility:visible}.su-sidebar__close{display:inline-flex}}.su-header{height:72px;border-bottom:1px solid var(--su-border);background:var(--su-surface);display:flex;align-items:center;padding:0 20px;gap:16px;position:sticky;top:0;z-index:var(--su-z-sticky)}.su-header__hamburger{display:none;background:transparent;border:none;color:var(--su-text-primary);cursor:pointer;padding:6px;border-radius:var(--su-radius-sm)}.su-header__hamburger:hover{background:var(--su-surface-elevated)}@media(max-width:767px){.su-header__hamburger{display:inline-flex}}.su-header__title{font-size:18px;font-weight:600;color:var(--su-text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.su-header__company{color:var(--su-text-secondary);font-size:13px;padding:4px 10px;border-radius:var(--su-radius-pill);background:var(--su-surface-elevated);border:1px solid var(--su-border);white-space:nowrap}.su-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media(max-width:639px){.su-header{padding:0 12px;gap:8px}.su-header__title{font-size:16px}.su-header__company{max-width:110px;overflow:hidden;text-overflow:ellipsis;font-size:12px;padding:3px 8px}.su-header__actions{gap:4px}}@media(max-width:420px){.su-header__company{display:none}}.su-header__bell{position:relative;width:38px;height:38px;border-radius:var(--su-radius-pill);background:transparent;border:none;color:var(--su-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .15s ease,color .15s ease}.su-header__bell:hover{background:var(--su-surface-elevated);color:var(--su-text-primary)}.su-header__bell-badge{position:absolute;top:4px;right:4px;background:var(--su-accent-danger);color:#fff;font-size:11px;font-weight:700;padding:1px 5px;border-radius:var(--su-radius-pill);min-width:16px;text-align:center}.su-header__hamburger,.su-sidebar__close,.su-header__bell{min-width:44px;min-height:44px;align-items:center;justify-content:center}.su-shell__content>*{min-width:0}.su-shell__skip{position:fixed;top:8px;left:12px;z-index:var(--su-z-toast);padding:12px 18px;background:var(--su-surface);color:var(--su-text-primary);border-radius:var(--su-radius-md);transform:translateY(-200%)}.su-shell__skip:focus{transform:translateY(0)}@media(min-width:768px){.su-shell__overlay--visible{display:none}}.su-pageheader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--su-border);flex-wrap:wrap}.su-pageheader__left{min-width:0}.su-pageheader__title{font-family:var(--su-font-display);font-size:clamp(26px,3vw,36px);letter-spacing:-.035em;font-weight:700;color:var(--su-text-primary);margin:0;line-height:1.2}.su-pageheader__subtitle{font-size:14px;color:var(--su-text-secondary);margin-top:6px}.su-pageheader__actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap;max-width:100%}.su-breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--su-text-muted);margin-bottom:8px}.su-breadcrumb a{color:var(--su-text-secondary);text-decoration:none}.su-breadcrumb a:hover{color:var(--su-text-primary)}.su-breadcrumb__current{color:var(--su-text-primary);font-weight:500}.su-breadcrumb__sep{color:var(--su-text-muted);display:inline-flex}@media(max-width:639px){.su-pageheader__actions{width:100%}.su-pageheader__actions>*{flex:1 1 auto}}.su-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:600;border-radius:var(--su-radius-md);cursor:pointer;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .05s ease;white-space:nowrap;text-decoration:none;line-height:1.2;min-height:40px}.su-btn:focus-visible{outline:2px solid var(--su-accent-primary);outline-offset:2px}.su-btn:active:not(:disabled){transform:translateY(1px)}.su-btn:disabled{cursor:not-allowed;opacity:.55}.su-btn--size-sm{padding:6px 12px;font-size:12px}.su-btn--size-md{padding:9px 16px;font-size:13px}.su-btn--size-lg{padding:12px 22px;font-size:14px}.su-btn--full{width:100%}.su-btn--primary{background:var(--su-accent-primary);color:#fff;border-color:transparent}.su-btn--primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 18px var(--su-accent-primary-glow)}.su-btn--secondary{background:var(--su-surface-elevated);color:var(--su-text-primary);border-color:var(--su-border)}.su-btn--secondary:hover:not(:disabled){background:var(--su-surface);border-color:var(--su-border-strong)}.su-btn--danger{background:var(--su-accent-danger);color:#fff}.su-btn--danger:hover:not(:disabled){filter:brightness(1.1)}.su-btn--ghost{background:transparent;color:var(--su-text-secondary);border-color:transparent}.su-btn--ghost:hover:not(:disabled){background:var(--su-surface-elevated);color:var(--su-text-primary)}.su-btn--success{background:var(--su-accent-success);color:#fff}.su-btn--success:hover:not(:disabled){filter:brightness(1.08)}.su-btn__spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;animation:su-spin .7s linear infinite}@keyframes su-spin{to{transform:rotate(360deg)}}.su-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--su-radius-md);background:transparent;border:none;color:var(--su-text-secondary);cursor:pointer;transition:background .12s ease,color .12s ease}.su-iconbtn:hover:not(:disabled){background:var(--su-surface-elevated);color:var(--su-text-primary)}.su-iconbtn:disabled{cursor:not-allowed;opacity:.5}.su-iconbtn--danger:hover:not(:disabled){background:var(--su-danger-soft);color:var(--su-accent-danger)}@media(pointer:coarse){.su-btn{min-height:44px;white-space:normal}}.su-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--su-surface-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--su-z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:16px;animation:su-modal-fade .15s ease-out}@keyframes su-modal-fade{0%{opacity:0}to{opacity:1}}.su-modal{background:var(--su-surface-elevated);border:1px solid var(--su-border);border-radius:var(--su-radius-lg);box-shadow:var(--su-shadow-overlay);max-height:90dvh;width:100%;display:flex;flex-direction:column;overflow:hidden;z-index:var(--su-z-modal);animation:su-modal-pop .18s ease-out}@keyframes su-modal-pop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.su-modal--size-sm{max-width:400px}.su-modal--size-md{max-width:560px}.su-modal--size-lg{max-width:760px}.su-modal--size-xl{max-width:960px}.su-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--su-border)}.su-modal__title{font-size:16px;font-weight:600;color:var(--su-text-primary);margin:0}.su-modal__body{padding:20px 22px;overflow-y:auto;flex:1}.su-modal__footer{padding:14px 22px;border-top:1px solid var(--su-border);display:flex;justify-content:flex-end;gap:10px;background:var(--su-surface)}.su-confirm__msg{font-size:14px;color:var(--su-text-secondary);line-height:1.5}.su-confirm__icon-wrap{display:flex;align-items:flex-start;gap:14px}.su-confirm__icon{width:40px;height:40px;border-radius:var(--su-radius-pill);display:flex;align-items:center;justify-content:center;flex-shrink:0}.su-confirm__icon--danger{background:var(--su-danger-soft);color:var(--su-accent-danger)}.su-confirm__icon--warning{background:var(--su-warning-soft);color:var(--su-accent-warning)}@media(max-width:639px){.su-modal__backdrop{padding:8px 8px max(8px,env(safe-area-inset-bottom));align-items:flex-end}.su-modal{max-height:95dvh}.su-modal__header{padding:14px 16px}.su-modal__body{padding:16px}.su-modal__footer{padding:12px 16px;flex-direction:column-reverse;align-items:stretch}.su-modal__footer>*{width:100%}}.su-modal__header,.su-modal__footer{flex-shrink:0}.su-modal__body{min-height:0;overscroll-behavior:contain}.su-card{background:var(--su-surface-elevated);border:1px solid var(--su-border);border-radius:var(--su-radius-lg);padding:20px;box-shadow:var(--su-shadow-card)}.su-card--flat{box-shadow:none;background:var(--su-surface)}.su-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;border-radius:var(--su-radius-pill);border:1px solid transparent;white-space:nowrap}.su-badge--neutral{background:var(--su-surface);color:var(--su-text-secondary);border-color:var(--su-border)}.su-badge--success{background:#10b9811f;color:var(--su-accent-success);border-color:#10b9814d}.su-badge--warning{background:#f59e0b1f;color:var(--su-accent-warning);border-color:#f59e0b4d}.su-badge--danger{background:#ef44441f;color:var(--su-accent-danger);border-color:#ef44444d}.su-badge--info{background:#00d4ff1f;color:var(--su-accent-info);border-color:#00d4ff4d}.su-badge--accent{background:linear-gradient(135deg,var(--su-accent-primary-soft),var(--su-accent-primary-faint));color:var(--su-text-primary);border-color:var(--su-accent-primary-glow)}.su-skeleton{background:linear-gradient(90deg,var(--su-surface-elevated) 0%,var(--su-border) 50%,var(--su-surface-elevated) 100%);background-size:200% 100%;animation:su-skel 1.4s ease-in-out infinite;border-radius:var(--su-radius-sm);display:block}.su-skeleton--circle{border-radius:50%}.su-skeleton--text{height:12px}.su-skeleton--text+.su-skeleton--text{margin-top:8px}@keyframes su-skel{0%{background-position:100% 0}to{background-position:-100% 0}}.su-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;border:1px dashed var(--su-border);border-radius:var(--su-radius-lg);background:var(--su-surface);color:var(--su-text-secondary)}.su-empty__icon{width:56px;height:56px;border-radius:var(--su-radius-pill);background:var(--su-surface-elevated);border:1px solid var(--su-border);color:var(--su-text-muted);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.su-empty__title{font-size:15px;font-weight:600;color:var(--su-text-primary);margin:0 0 6px}.su-empty__desc{font-size:13px;max-width:380px;margin:0 0 16px;line-height:1.5}.su-sheet__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--su-surface-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--su-z-modal-backdrop);display:flex;align-items:flex-end;justify-content:center;animation:su-sheet-fade .15s ease-out}@keyframes su-sheet-fade{0%{opacity:0}to{opacity:1}}.su-sheet{position:relative;width:100%;background:var(--su-surface-elevated);border-top-left-radius:var(--su-radius-sheet);border-top-right-radius:var(--su-radius-sheet);box-shadow:var(--su-shadow-overlay);max-height:92dvh;display:flex;flex-direction:column;overflow:hidden;z-index:var(--su-z-modal);padding-top:12px;animation:su-sheet-up .2s ease-out}@keyframes su-sheet-up{0%{transform:translateY(16px);opacity:.6}to{transform:translateY(0);opacity:1}}@media(min-width:768px){.su-sheet__backdrop{align-items:center;padding:16px}.su-sheet{max-width:560px;border-radius:var(--su-radius-lg);max-height:90dvh}.su-sheet__handle{display:none}}.su-sheet__handle{display:block;width:40px;height:4px;margin:0 auto 14px;padding:0;border:none;border-radius:var(--su-radius-pill);background:var(--su-border-strong);cursor:pointer}.su-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:0 22px 14px}.su-sheet__title{font-size:17px;font-weight:500;color:var(--su-text-primary);margin:0}.su-sheet__close{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--su-text-secondary);cursor:pointer;padding:2px;min-width:44px;min-height:44px}.su-sheet__close:hover{color:var(--su-text-primary)}.su-sheet__body{min-height:0;overscroll-behavior:contain;padding:0 22px 22px;overflow-y:auto;flex:1}.su-sheet__footer{padding:14px 22px;padding-bottom:max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--su-border);background:var(--su-surface);display:flex;gap:10px}.su-sheet__footer>*{flex:1}.su-sheet__header,.su-sheet__footer{flex-shrink:0}.su-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--su-radius-pill);color:#fff;font-weight:500;flex-shrink:0;line-height:1}.su-avatar--sm{width:22px;height:22px;font-size:10px}.su-avatar--md{width:32px;height:32px;font-size:11px}.su-avatar--lg{width:36px;height:36px;font-size:13px}.su-avatar--xl{width:44px;height:44px;font-size:14px}.su-avatar-stack{display:inline-flex;align-items:center}.su-avatar-stack .su-avatar{border:2px solid var(--su-surface-elevated);margin-right:-7px}.su-avatar-stack .su-avatar:last-child{margin-right:0}.su-avatar-stack__more{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--su-radius-pill);background:var(--su-surface);border:2px solid var(--su-surface-elevated);color:var(--su-text-secondary);font-weight:500;flex-shrink:0;line-height:1}.su-avatar-stack__more--sm{width:22px;height:22px;font-size:9px}.su-avatar-stack__more--md{width:32px;height:32px;font-size:10px}.su-avatar-stack__more--lg{width:36px;height:36px;font-size:11px}.su-avatar-stack__more--xl{width:44px;height:44px;font-size:12px}.su-status-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--su-radius-sm);font-size:10px;font-weight:500;line-height:1.4;white-space:nowrap}.su-status-chip__icon{display:inline-flex;align-items:center}.su-status-chip--neutral{background:var(--su-surface-elevated);color:var(--su-text-secondary)}.su-status-chip--accent{background:var(--su-accent-primary-soft);color:var(--su-accent-secondary)}.su-status-chip--success{background:var(--su-success-soft);color:var(--su-accent-success)}.su-status-chip--warning{background:var(--su-warning-soft);color:var(--su-accent-warning)}.su-status-chip--danger{background:var(--su-danger-soft);color:var(--su-accent-danger-soft-text)}.su-status-chip--info{background:var(--su-info-soft);color:var(--su-accent-info)}.su-segtabs{display:flex;max-width:100%;overflow-x:auto;background:var(--su-surface-elevated);border-radius:var(--su-radius-md);padding:3px;gap:2px}.su-segtabs__btn{flex:1 0 auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:none;padding:8px;border-radius:var(--su-radius-md);color:var(--su-text-secondary);font-size:12px;font-family:inherit;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.su-segtabs__btn:hover{color:var(--su-text-primary)}.su-segtabs__btn--active{background:var(--su-surface);color:var(--su-text-primary);font-weight:500}.su-segtabs__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;padding:1px 6px;border-radius:var(--su-radius-pill);background:var(--su-accent-primary-soft);color:var(--su-accent-secondary);font-size:10px;font-weight:500}.su-segtabs__btn--active .su-segtabs__count{background:var(--su-accent-primary-soft)}.su-kvrows{display:flex;flex-direction:column}.su-kvrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0}.su-kvrow__label{font-size:12px;color:var(--su-text-secondary)}.su-kvrow__value{font-size:13px;color:var(--su-text-primary);text-align:right}.su-kvrow__value--success{color:var(--su-accent-success)}.su-kvrow__value--warning{color:var(--su-accent-warning)}.su-kvrow__value--danger{color:var(--su-accent-danger-soft-text)}.su-kvrow__value--muted{color:var(--su-text-secondary)}.su-toaster{position:fixed;top:16px;right:16px;z-index:var(--su-z-toast);display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:calc(100vw - 32px);width:360px}.su-toast{background:var(--su-surface-elevated);border:1px solid var(--su-border);border-left:3px solid var(--su-accent-primary);border-radius:var(--su-radius-md);padding:12px 14px;box-shadow:var(--su-shadow-elevated);display:flex;align-items:flex-start;gap:10px;pointer-events:auto;animation:su-toast-in .2s ease-out}.su-toast--success{border-left-color:var(--su-accent-success)}.su-toast--error{border-left-color:var(--su-accent-danger)}.su-toast--warning{border-left-color:var(--su-accent-warning)}.su-toast--info{border-left-color:var(--su-accent-info)}.su-toast--leaving{animation:su-toast-out .18s ease-in forwards}@keyframes su-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes su-toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.su-toast__icon{flex-shrink:0;margin-top:1px}.su-toast__icon--success{color:var(--su-accent-success)}.su-toast__icon--error{color:var(--su-accent-danger)}.su-toast__icon--warning{color:var(--su-accent-warning)}.su-toast__icon--info{color:var(--su-accent-info)}.su-toast__body{flex:1;min-width:0}.su-toast__title{font-size:13px;font-weight:600;color:var(--su-text-primary);margin-bottom:2px}.su-toast__msg{font-size:12.5px;color:var(--su-text-secondary);line-height:1.4;word-break:break-word}.su-toast__close{background:transparent;border:none;color:var(--su-text-muted);cursor:pointer;padding:0;display:inline-flex;align-items:center;margin-top:1px}.su-toast__close:hover{color:var(--su-text-primary)}.su-field{display:flex;flex-direction:column;gap:6px}.su-field__label{font-size:13px;font-weight:600;color:var(--su-text-secondary);text-transform:none;letter-spacing:.4px}.su-field__label-required{color:var(--su-accent-danger);margin-left:2px}.su-field__helper{font-size:13px;color:var(--su-text-muted);line-height:1.4}.su-field__error{font-size:13px;color:var(--su-accent-danger);line-height:1.4;display:flex;align-items:center;gap:4px}.su-input,.su-select,.su-textarea{width:100%;min-width:0;min-height:44px;background:var(--su-surface);border:1px solid var(--su-border);color:var(--su-text-primary);border-radius:var(--su-radius-md);padding:10px 12px;font-size:13.5px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.su-input:focus,.su-select:focus,.su-textarea:focus{outline:none;border-color:var(--su-accent-primary);box-shadow:0 0 0 3px var(--su-accent-primary-soft)}.su-input:disabled,.su-select:disabled,.su-textarea:disabled{opacity:.55;cursor:not-allowed}.su-input--error,.su-select--error,.su-textarea--error{border-color:var(--su-accent-danger)}.su-input--error:focus,.su-select--error:focus,.su-textarea--error:focus{box-shadow:0 0 0 3px #ef444433}.su-input::-moz-placeholder,.su-textarea::-moz-placeholder{color:var(--su-text-muted)}.su-input::placeholder,.su-textarea::placeholder{color:var(--su-text-muted)}.su-textarea{resize:vertical;min-height:80px}.su-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:32px;cursor:pointer}.su-checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--su-text-primary)}.su-checkbox input{width:16px;height:16px;accent-color:var(--su-accent-primary);cursor:pointer}.su-checkbox--disabled{opacity:.55;cursor:not-allowed}.su-pwd-rules{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.su-pwd-rules__item{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.4;color:var(--su-text-secondary, #94a3b8);transition:color .15s ease}.su-pwd-rules__item--ok{color:var(--su-success, #22c55e)}.su-pwd-rules__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;font-weight:700;flex-shrink:0}.su-page{max-width:720px;margin:0 auto}.su-page__section{background:var(--su-surface-elevated);border:1px solid var(--su-border);border-radius:var(--su-radius-lg);padding:24px;margin-bottom:20px}.su-page__section-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--su-text-secondary);margin:0 0 4px}.su-page__section-desc{font-size:13px;color:var(--su-text-muted);margin:0 0 18px}.su-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.su-form-grid>.su-form-grid__full{grid-column:1 / -1}@media(max-width:540px){.su-form-grid{grid-template-columns:1fr}}.su-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.su-theme-toggle{display:flex;flex-direction:column;gap:8px}.su-theme-toggle__row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--su-surface);border:1px solid var(--su-border);border-radius:var(--su-radius-md);cursor:pointer;transition:border-color .15s ease,background .15s ease}.su-theme-toggle__row:hover{border-color:var(--su-border-strong)}.su-theme-toggle__row--active{border-color:var(--su-accent-primary);background:linear-gradient(135deg,var(--su-accent-primary-faint),var(--su-accent-primary-faint))}.su-theme-toggle__title{font-size:14px;font-weight:600;color:var(--su-text-primary)}.su-theme-toggle__desc{font-size:12.5px;color:var(--su-text-secondary);margin-top:2px}.su-theme-toggle__radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--su-border-strong);flex-shrink:0;position:relative}.su-theme-toggle__row--active .su-theme-toggle__radio{border-color:var(--su-accent-primary)}.su-theme-toggle__row--active .su-theme-toggle__radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--su-accent-primary)}.su-wizard{display:flex;flex-direction:column;gap:24px}.su-stepper{display:flex;align-items:center;gap:0;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.su-stepper__item{display:flex;align-items:center;gap:10px;flex-shrink:0}.su-stepper__dot{width:32px;height:32px;border-radius:var(--su-radius-pill);background:var(--su-surface-elevated);border:1px solid var(--su-border);color:var(--su-text-muted);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease}.su-stepper__item--active .su-stepper__dot{background:linear-gradient(135deg,var(--su-accent-primary),var(--su-accent-secondary));border-color:transparent;color:#fff;box-shadow:0 0 0 4px var(--su-accent-primary-soft)}.su-stepper__item--done .su-stepper__dot{background:var(--su-accent-success);border-color:transparent;color:#fff}.su-stepper__label{font-size:12.5px;font-weight:500;color:var(--su-text-secondary);white-space:nowrap}.su-stepper__item--active .su-stepper__label{color:var(--su-text-primary);font-weight:600}.su-stepper__item--done .su-stepper__label{color:var(--su-text-secondary)}.su-stepper__connector{width:32px;height:1px;background:var(--su-border);margin:0 6px;flex-shrink:0}.su-stepper__item--done+.su-stepper__connector{background:var(--su-accent-success)}.su-wizard__step-body{background:var(--su-surface-elevated);border:1px solid var(--su-border);border-radius:var(--su-radius-lg);padding:24px;min-height:280px}.su-wizard__step-title{font-size:18px;font-weight:600;margin:0 0 6px;color:var(--su-text-primary)}.su-wizard__step-desc{font-size:13px;color:var(--su-text-secondary);margin:0 0 18px}.su-wizard__actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.su-wizard__actions-right{display:flex;gap:8px}.activity-page{padding:clamp(16px,3vw,36px);max-width:1600px;margin:auto;color:inherit}.activity-page h1{font-size:28px;margin:4px 0 10px;letter-spacing:-.025em}.activity-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;opacity:.65}.activity-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:28px 0 12px}.activity-controls label{display:grid;gap:6px;font-size:13px}.activity-page button,.activity-page select,.activity-page input{color:inherit;background:transparent;border:1px solid #80808060;border-radius:8px;padding:9px 12px;font:inherit}.activity-page input{max-width:180px;min-width:0}.activity-page select option{color:#182033;background:#fff}.activity-page button{cursor:pointer}.activity-page button:disabled{opacity:.4;cursor:default}.activity-page button:focus-visible,.activity-page select:focus-visible,.activity-page summary:focus-visible{outline:2px solid #5995dd;outline-offset:3px}.activity-note,.activity-page header>p:last-child{opacity:.7;font-size:13px}.activity-table{overflow-x:auto;border:1px solid #80808040;border-radius:12px;margin-top:20px}.activity-page table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}.activity-page th{font-weight:600;background:#8080800d;white-space:nowrap}.activity-page td,.activity-page th{padding:16px;border-bottom:1px solid #80808030;vertical-align:top}.activity-page small{display:block;opacity:.65;margin-top:5px}.activity-status{display:inline-block;padding:3px 8px;border-radius:5px;background:#80808018}.activity-committed{background:#26986b25}.activity-error,.activity-rejected{background:#d34c4c25}.activity-page pre{max-width:440px;max-height:320px;overflow:auto;font-size:11px}.activity-page summary{cursor:pointer;white-space:nowrap}.activity-advanced{padding:14px 0;border-bottom:1px solid #80808030;font-size:13px}.activity-page footer{display:flex;gap:16px;align-items:center;justify-content:end;margin-top:20px;font-size:13px}.su-subscription-screen{min-height:100svh;display:grid;place-items:center;padding:24px;background:var(--su-surface-bg);color:var(--su-text-primary)}.su-subscription-card{width:100%;max-width:560px;border:1px solid var(--su-border);border-top:3px solid var(--su-accent-primary);border-radius:12px;background:var(--su-surface);padding:clamp(24px,5vw,40px)}.su-subscription-card h1{font-size:clamp(25px,4vw,32px);margin:14px 0 12px}.su-subscription-card>p{color:var(--su-text-secondary);line-height:1.65}.su-subscription-card .su-subscription-eyebrow{font-size:11px;letter-spacing:.12em;color:var(--su-accent-secondary);margin:0}.su-subscription-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.su-subscription-banner{padding:10px 20px;background:var(--su-info-soft);color:var(--su-text-primary);font-size:13px}.driver-layer{width:auto;max-width:none;height:auto;max-height:none;color:inherit;pointer-events:none;background:0 0;border:0;margin:0;padding:0;position:fixed;top:0;right:0;bottom:0;left:0;overflow:visible}.driver-layer::backdrop{display:none}.driver-layer .driver-popover{pointer-events:auto}.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus-visible{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.su-guide-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:12px;font-family:var(--su-font)}.su-guide-invitation{display:flex;align-items:center;gap:8px;color:var(--su-text-secondary);font-size:13px}.su-guide-invitation button,.su-guide-close{border:0;background:transparent;color:var(--su-text-secondary);font-size:24px;cursor:pointer;min-width:36px;min-height:36px}.su-guide-trigger{display:inline-flex;align-items:center;gap:7px;background:var(--su-surface);border:1px solid var(--su-border-strong);color:var(--su-text-primary);padding:8px 13px;border-radius:var(--su-radius-pill);cursor:pointer;font:inherit;font-size:14px;flex-shrink:0}.su-guide-trigger>span{border:1px solid currentColor;border-radius:50%;width:18px;height:18px;display:inline-grid;place-items:center;font-size:12px}.su-guide-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--su-z-guide);background:#00000080;display:flex;align-items:flex-start;justify-content:flex-end;padding:80px 24px 24px;overflow-y:auto}.su-guide-catalogue{width:410px;max-width:100%;padding:24px;border:1px solid var(--su-border);border-radius:var(--su-radius-lg);background:var(--su-surface);color:var(--su-text-primary);box-shadow:var(--su-shadow-overlay);font-family:var(--su-font)}.su-guide-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.su-guide-heading p{font-size:11px;letter-spacing:.1em;color:var(--su-text-muted);margin:0 0 6px}.su-guide-heading h2{font-size:24px;margin:0}.su-guide-catalogue>p{font-size:14px;line-height:1.5;color:var(--su-text-secondary);margin:16px 0}.su-guide-paths{display:grid;gap:10px}.su-guide-paths button{display:grid;gap:6px;width:100%;text-align:left;font:inherit;color:var(--su-text-primary);background:var(--su-surface-elevated);padding:14px;border:1px solid var(--su-border);border-radius:var(--su-radius-md);cursor:pointer}.su-guide-paths button:hover{border-color:var(--su-accent-secondary)}.su-guide-path-title{font-size:15px;font-weight:600}.su-guide-paths button>span:nth-child(2){color:var(--su-text-secondary);font-size:13px;line-height:1.4}.su-guide-paths small{color:var(--su-accent-secondary);font-size:12px}.su-guide-catalogue .su-guide-message{color:var(--su-accent-secondary)}.su-guide-popover.driver-popover{background:var(--su-surface);color:var(--su-text-primary);border:1px solid var(--su-border-strong);font-family:var(--su-font);border-radius:var(--su-radius-md);box-shadow:var(--su-shadow-overlay);max-width:min(340px,calc(100vw - 24px));padding:18px}.su-guide-popover .driver-popover-title{font-size:17px;line-height:1.3}.su-guide-popover .driver-popover-description{font-size:14px;line-height:1.5;color:var(--su-text-secondary);margin-top:8px}.su-guide-popover .driver-popover-footer{gap:8px;flex-wrap:wrap}.su-guide-popover .driver-popover-progress-text{color:var(--su-text-muted);font-size:12px}.su-guide-popover .driver-popover-footer button{text-shadow:none;background:var(--su-accent-primary);color:#fff;border:0;border-radius:6px;font:inherit;font-size:13px;padding:8px 10px}.su-guide-popover .driver-popover-footer button:disabled{background:var(--su-surface-elevated);color:var(--su-text-secondary);opacity:1;cursor:default}.su-guide-popover .driver-popover-close-btn{color:var(--su-text-secondary);min-width:32px;min-height:32px}.su-guide-popover .su-guide-overview{display:block;margin-top:12px;padding:6px 0;font:inherit;font-size:13px;background:transparent;border:0;color:var(--su-accent-secondary);cursor:pointer;text-decoration:underline}.su-guide-popover .driver-popover-arrow-side-top{border-top-color:var(--su-surface)}.su-guide-popover .driver-popover-arrow-side-bottom{border-bottom-color:var(--su-surface)}.su-guide-popover .driver-popover-arrow-side-left{border-left-color:var(--su-surface)}.su-guide-popover .driver-popover-arrow-side-right{border-right-color:var(--su-surface)}body .driver-overlay{z-index:var(--su-z-guide)!important}body .driver-active-element{z-index:calc(var(--su-z-guide) + 1)!important}body .driver-popover{z-index:calc(var(--su-z-guide) + 2)}.su-guide-hint{margin:12px 0;font-size:13px;line-height:1.5;color:var(--su-text-secondary)}.su-guide-hint summary{cursor:pointer;color:var(--su-accent-secondary)}.su-guide-hint p{margin:6px 0 0}@media(max-width:767px){.su-guide-backdrop{align-items:flex-end;padding:12px 12px max(12px,env(safe-area-inset-bottom))}.su-guide-catalogue{width:100%;padding:20px;max-height:85dvh;overflow-y:auto}.su-guide-invitation{font-size:12px}.su-guide-trigger,.su-guide-close,.su-guide-invitation button{min-height:44px;min-width:44px}.su-guide-popover .driver-popover-footer button{min-height:44px}.su-guide-popover .driver-popover-close-btn{min-height:44px;min-width:44px}.su-guide-popover.driver-popover{max-height:42dvh;overflow-y:auto}}@media(prefers-reduced-motion:reduce){.driver-active *,.driver-active *:before,.driver-active *:after{scroll-behavior:auto!important}}.login-page{min-height:100dvh;background:var(--su-surface-bg);display:flex;align-items:center;justify-content:center;font-family:var(--su-font);padding:20px}.login-card{background:var(--su-surface-elevated);border:1px solid var(--su-border-strong);border-radius:16px;padding:40px;width:100%;max-width:420px}.login-logo{text-align:center;margin-bottom:32px}.login-logo-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--su-accent-primary),var(--su-accent-info));border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:12px}.login-title{font-size:22px;font-weight:700;color:var(--su-text-primary);margin:0 0 4px}.login-subtitle{font-size:14px;color:var(--su-text-secondary);margin:0}.login-form{display:flex;flex-direction:column;gap:18px}.form-input:focus{border-color:var(--su-accent-secondary)}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;font-size:13px;color:#ef4444}.login-footer{text-align:center;margin-top:20px;font-size:13px;color:var(--su-text-secondary)}.login-footer a{color:var(--su-accent-secondary);text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}.login-page{background-image:radial-gradient(ellipse at 15% 15%,var(--su-accent-primary-soft),transparent 55%)}.login-card{border-color:var(--su-border);border-radius:var(--su-radius-xl);box-shadow:var(--su-shadow-elevated)}.login-page :is(.login-title,.login-brand-title){font-family:var(--su-font-display);font-size:30px;letter-spacing:-.035em}@media(max-width:480px){.login-card{padding:28px 20px}.login-page input:not([type=checkbox]),.login-page button[type=submit]{min-height:48px}}.register-page{min-height:100vh;background:var(--su-surface-bg);display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:20px}.register-card{background:var(--su-surface-elevated);border:1px solid var(--su-border-strong);border-radius:16px;padding:40px;width:100%;max-width:500px}.register-logo{text-align:center;margin-bottom:28px}.register-logo-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--su-accent-primary),var(--su-accent-info));border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:12px}.register-title{font-size:22px;font-weight:700;color:var(--su-text-primary);margin:0 0 4px}.register-subtitle{font-size:14px;color:var(--su-text-secondary);margin:0}.register-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-label{font-size:13px;font-weight:500;color:var(--su-text-secondary)}.form-input{background:var(--su-surface-bg);border:1px solid var(--su-border-strong);border-radius:8px;padding:10px 14px;font-size:14px;color:var(--su-text-primary);outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.section-divider{font-size:11px;font-weight:600;color:var(--su-text-muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:4px;border-bottom:1px solid var(--su-border-strong)}.btn-primary{background:var(--su-accent-primary);color:#fff;border:none;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;width:100%}.register-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;font-size:13px;color:#ef4444}.register-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:24px;text-align:center}.success-icon{font-size:40px;margin-bottom:12px}.success-title{font-size:18px;font-weight:700;color:#10b981;margin:0 0 8px}.success-message{font-size:14px;color:var(--su-text-secondary);margin:0 0 16px}.register-footer{text-align:center;margin-top:20px;font-size:13px;color:var(--su-text-secondary)}.register-footer a{color:var(--su-accent-primary);text-decoration:none;font-weight:500}.register-footer a:hover{text-decoration:underline}.forgot-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:14px;font-size:13px;color:#22c55e;line-height:1.5;text-align:center}.resend-section{text-align:center;margin-top:16px}.resend-cooldown{font-size:13px;color:var(--su-text-muted)}.resend-btn{background:none;border:1px solid var(--su-border-strong);border-radius:8px;padding:8px 20px;font-size:13px;font-weight:500;color:var(--su-text-secondary);cursor:pointer;transition:border-color .15s,color .15s}.resend-btn:hover:not(:disabled){border-color:var(--su-accent-primary);color:var(--su-text-primary)}.resend-btn:disabled{opacity:.6;cursor:not-allowed}.reset-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:14px;font-size:13px;color:#22c55e;line-height:1.5;text-align:center}.dashboard-page{font-family:var(--su-font);color:var(--su-text-primary)}.dashboard-welcome{margin-bottom:28px}.dashboard-welcome h1{font-size:24px;font-weight:700;color:var(--su-text-primary);margin:0 0 6px}.dashboard-welcome p{font-size:14px;color:var(--su-text-secondary);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--su-surface-elevated);border:1px solid var(--su-border);border-radius:var(--su-radius-lg);padding:20px;display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;transition:all .15s}a.stat-card{cursor:pointer}a.stat-card:hover{border-color:var(--su-accent-secondary);background:var(--su-accent-primary-faint);transform:translateY(-2px)}.stat-card--static{cursor:default}.stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.stat-icon.blue{background:#3b82f626}.stat-icon.indigo{background:var(--su-accent-primary-soft)}.stat-icon.amber{background:#f59e0b26}.stat-icon.green{background:#10b98126}.stat-info{flex:1}.stat-value{font-size:26px;font-weight:700;color:var(--su-text-primary);line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:var(--su-text-secondary)}.section-title{font-size:16px;font-weight:600;color:var(--su-text-primary);margin:0 0 14px}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:28px}.quick-link-card{background:var(--su-surface-elevated);border:1px solid var(--su-border);border-radius:var(--su-radius-lg);padding:18px;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .15s;cursor:pointer}.quick-link-card:hover{border-color:var(--su-accent-secondary);background:var(--su-accent-primary-faint);transform:translateY(-2px)}.quick-link-icon{font-size:28px}.quick-link-label{font-size:13px;font-weight:600;color:var(--su-text-primary);text-align:center}.quick-link-desc{font-size:11px;color:var(--su-text-secondary);text-align:center}@media(max-width:639px){.dashboard-welcome h1{font-size:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.stat-card{padding:14px;gap:10px}.stat-icon{width:36px;height:36px;font-size:16px}.stat-value{font-size:20px}.quick-links-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.quick-link-card{padding:14px}}@media(max-width:420px){.stats-grid,.quick-links-grid{grid-template-columns:1fr 1fr}}.dashboard-page :is(.page-header,.dashboard-welcome){padding:clamp(20px,3vw,32px);border:1px solid var(--su-border);border-radius:var(--su-radius-xl);background:linear-gradient(115deg,var(--su-accent-primary-soft),var(--su-surface));position:relative;overflow-wrap:anywhere}.dashboard-page :is(.page-title,.dashboard-welcome h1,.dashboard-greeting){font-family:var(--su-font-display);font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.035em}.dashboard-page :is(.stat-card,.dashboard-card,.section-card,.quick-link-card){min-width:0;box-shadow:0 2px 3px #00000008}.dashboard-page :is(.stat-value,.stat-card-value){font-family:var(--su-font-display);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.dashboard-page :is(.stat-label,.stat-card-desc,.quick-link-desc){font-size:13px;line-height:1.5}@media(max-width:767px){.dashboard-page :is(.dashboard-grid,.stats-grid,.dashboard-stats){min-width:0}.dashboard-page .btn-sm{min-height:44px}.dashboard-page .event-item-meta{flex-wrap:wrap}}@media(max-width:420px){.dashboard-page .stat-card{flex-direction:column;align-items:flex-start}.dashboard-page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ruoli-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--su-text-primary)}.page-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-size:20px;font-weight:700;color:var(--su-text-primary);margin:0 0 4px}.page-subtitle{font-size:14px;color:var(--su-text-secondary);margin:0}.btn-primary{background:var(--su-accent-primary);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--su-accent-primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.role-card{background:var(--su-surface-elevated);border:1px solid var(--su-border-strong);border-radius:12px;overflow:hidden}.role-card-header{padding:14px 18px;border-bottom:1px solid var(--su-border-strong);display:flex;align-items:center;gap:10px}.role-icon{width:32px;height:32px;background:var(--su-accent-primary-soft);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.role-name{font-size:15px;font-weight:700;color:var(--su-text-primary);flex:1}.role-default-badge{background:#f59e0b1f;color:#f59e0b;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px}.role-card-body{padding:14px 18px;display:flex;flex-direction:column;gap:10px}.features-label{font-size:11px;font-weight:600;color:var(--su-text-muted);text-transform:uppercase;letter-spacing:.06em}.feature-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.feature-name{font-size:13px;color:var(--su-text-secondary);display:flex;align-items:center;gap:6px}.feature-icon{font-size:14px}.feature-level-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0 8px 24px}.feature-level-label{font-size:12px;color:var(--su-text-muted)}.feature-level-select{background:var(--su-surface-elevated);border:1px solid var(--su-border-strong);border-radius:6px;color:var(--su-text-primary);font-size:12px;padding:4px 8px;max-width:220px}.feature-level-select:disabled{opacity:.6;cursor:not-allowed}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--su-border-strong);border-radius:20px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:var(--su-text-secondary);border-radius:50%;transition:transform .2s,background .2s}.toggle-switch input:checked+.toggle-slider{background:var(--su-accent-primary-soft)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px);background:var(--su-accent-primary)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.role-card-footer{padding:12px 18px;border-top:1px solid var(--su-border-strong);display:flex;justify-content:flex-end;gap:8px}.btn-save-role{background:var(--su-accent-primary);color:#fff;border:none;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.btn-save-role:hover:not(:disabled){background:var(--su-accent-primary-hover)}.btn-save-role:disabled{opacity:.6;cursor:not-allowed}.btn-delete-role{background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:6px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.btn-delete-role:hover:not(:disabled){background:#ef444426}.btn-delete-role:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--su-z-modal-backdrop);padding:16px}.modal-box{background:var(--su-surface-elevated);border:1px solid var(--su-border-strong);border-radius:14px;width:100%;max-width:380px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--su-border-strong)}.modal-title{font-size:15px;font-weight:700;color:var(--su-text-primary);margin:0}.modal-close{background:none;border:none;color:var(--su-text-secondary);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px}.modal-close:hover{background:var(--su-border-strong);color:var(--su-text-primary)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;color:var(--su-text-secondary);text-transform:uppercase;letter-spacing:.04em}.form-input{background:var(--su-surface-bg);border:1px solid var(--su-border-strong);border-radius:8px;padding:9px 12px;font-size:14px;color:var(--su-text-primary);outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.form-input:focus{border-color:var(--su-accent-primary)}.form-input::-moz-placeholder{color:var(--su-text-muted)}.form-input::placeholder{color:var(--su-text-muted)}.modal-footer{padding:14px 20px;border-top:1px solid var(--su-border-strong);display:flex;justify-content:flex-end;gap:10px}.btn-cancel{background:none;color:var(--su-text-secondary);border:1px solid var(--su-border-strong);border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .15s}.btn-cancel:hover{background:var(--su-border-strong);color:var(--su-text-primary)}.loading-text{color:var(--su-text-secondary);font-size:14px;text-align:center;padding:40px}.feature-level-description{margin:4px 0 0;flex-basis:100%;width:100%;font-size:12px;line-height:1.5;color:var(--su-text-secondary);white-space:normal}.feature-level-row{flex-wrap:wrap}.modal-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;font-size:13px;color:#ef4444}@media(max-width:768px){.page-header-row{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.page-header-row .btn-primary{width:100%}}@media(max-width:639px){.roles-grid{grid-template-columns:1fr}.role-card-header,.role-card-body{padding:12px}.role-card-footer{padding:10px 12px;flex-direction:column-reverse}.role-card-footer>*{width:100%}.feature-level-row{flex-direction:column;align-items:flex-start;padding-left:24px;gap:4px}.feature-level-select{width:100%;max-width:100%}.modal-box{max-width:100%}.modal-overlay{padding:8px;align-items:flex-end}.modal-footer{flex-direction:column-reverse}.modal-footer>*{width:100%}}.report-page{color:var(--su-text-primary);max-width:1500px;margin:0 auto}.report-heading,.report-table-heading,.report-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.report-heading{margin-bottom:24px}.report-eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--su-text-muted)}.report-page h1{font-size:30px;margin:6px 0;letter-spacing:-.04em}.report-page h2{font-size:17px;margin:0 0 6px}.report-page p{color:var(--su-text-secondary);font-size:13px;line-height:1.6;margin:0}.report-page button,.report-page input,.report-page select{font:inherit;font-size:13px;border:1px solid var(--su-border-strong);border-radius:8px;background:var(--su-surface-elevated);color:var(--su-text-primary);padding:10px 12px}.report-page button{cursor:pointer;font-weight:600}.report-page button:hover:not(:disabled){border-color:var(--su-text-secondary)}.report-page button:disabled{opacity:.45;cursor:not-allowed}.report-page :is(button,input,select):focus-visible{outline:2px solid #3b82f6;outline-offset:3px}.report-filters{display:flex;align-items:end;flex-wrap:wrap;gap:14px;padding:20px;border:1px solid var(--su-border-strong);border-radius:12px;background:var(--su-surface-elevated)}.report-page label{display:grid;gap:7px;font-size:12px;font-weight:600;color:var(--su-text-secondary)}.report-filters label{flex:1;min-width:150px}.report-presets{display:flex;flex-wrap:wrap;gap:8px}.report-period{margin:24px 0 12px;font-size:12px;color:var(--su-text-muted)}.report-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.report-stats article{display:flex;flex-direction:column;gap:10px;background:var(--su-surface-elevated);border:1px solid var(--su-border-strong);border-radius:12px;padding:22px}.report-stats article:first-child{border-top:3px solid #3b82f6}.report-stats span{font-size:13px;color:var(--su-text-secondary)}.report-stats strong{font-size:34px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.report-stats em{font-size:18px;font-style:normal;font-weight:400;color:var(--su-text-muted)}.report-stats small{color:var(--su-text-muted);font-size:12px;line-height:1.5}.report-overview{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.report-panel{border:1px solid var(--su-border-strong);background:var(--su-surface-elevated);border-radius:12px;padding:24px;min-width:0}.report-chart{display:flex;align-items:end;gap:2px;height:140px;margin-top:24px;border-bottom:1px solid var(--su-border-strong)}.report-bar-slot{height:100%;flex:1;display:flex;align-items:end;min-width:0}.report-bar{width:100%;background:#3b82f6;border-radius:3px 3px 0 0}.report-chart-labels{display:flex;justify-content:space-between;color:var(--su-text-muted);font-size:11px;margin-top:10px}.report-requests{margin:20px 0 0}.report-requests div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--su-border-strong);font-size:13px}.report-requests dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.report-search{max-width:360px;margin:20px 0}.report-table-scroll{overflow-x:auto}.report-page table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.report-page th{font-weight:600;color:var(--su-text-muted);font-size:11px;white-space:nowrap}.report-page th,.report-page td{padding:13px 10px;border-bottom:1px solid var(--su-border-strong)}.report-page td{font-variant-numeric:tabular-nums}.report-page td small{display:block;font-size:11px;color:var(--su-text-muted);margin-top:4px}.report-status{display:inline-block;border:1px solid var(--su-border-strong);padding:4px 8px;border-radius:6px;font-size:11px;white-space:nowrap}.report-status-warning{color:#b45309;background:#fef3c7;border-color:#fcd34d}.report-pagination{margin-top:18px;font-size:12px;color:var(--su-text-secondary)}.report-pagination>div{display:flex;gap:8px}.report-page .report-empty{padding:40px 12px;text-align:center}.report-page .report-message{margin-top:20px;padding:22px;border:1px solid var(--su-border-strong);border-radius:10px}.report-page .report-footnote{font-size:11px;margin-top:18px}.report-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:1050px){.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.report-overview{grid-template-columns:1fr}}@media(max-width:600px){.report-stats{grid-template-columns:1fr}.report-panel,.report-filters{padding:16px}.report-heading>button{width:100%}.report-stats article{padding:18px}.report-presets{width:100%}.report-search{max-width:none}}.pending-page{min-height:100vh;background:var(--su-surface-bg);display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:20px}.pending-card{background:var(--su-surface-elevated);border:1px solid var(--su-border-strong);border-radius:16px;padding:48px 40px;width:100%;max-width:480px;text-align:center}.pending-icon{font-size:48px;margin-bottom:16px}.pending-title{font-size:22px;font-weight:700;color:var(--su-text-primary);margin:0 0 16px}.pending-message{font-size:15px;color:var(--su-text-secondary);line-height:1.6;margin:0 0 12px}.pending-message strong{color:var(--su-text-primary)}.pending-hint{font-size:13px;color:var(--su-text-secondary);line-height:1.6;margin:0 0 28px}.pending-logout{background:linear-gradient(135deg,var(--su-accent-primary),var(--su-accent-info));color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:14px;font-weight:600;cursor:pointer}.pending-logout:hover{opacity:.9}:root{color-scheme:dark;--su-font: "Aptos", "Segoe UI Variable Text", "Segoe UI", sans-serif;--su-font-display: "Bahnschrift", "Aptos Display", "Segoe UI", sans-serif;--su-surface-bg: #10191d;--su-surface: #162328;--su-surface-elevated: #1c2c32;--su-surface-overlay: rgba(20, 24, 31, .6);--su-border: #304249;--su-border-strong: #486068;--su-text-primary: #edf4f3;--su-text-secondary: #b0c2c6;--su-text-muted: #8fa7ae;--su-text-inverse: #0f172a;--su-accent-primary: #087f75;--su-accent-primary-hover: #06695f;--su-accent-secondary: #73d6c4;--su-accent-success: #97C459;--su-accent-danger: #E24B4A;--su-accent-danger-soft-text: #F09595;--su-accent-warning: #EF9F27;--su-accent-info: #85B7EB;--su-accent-primary-soft: rgba(58, 187, 162, .16);--su-accent-primary-faint: rgba(58, 187, 162, .08);--su-accent-primary-glow: rgba(8, 127, 117, .25);--su-success-soft: rgba(151, 196, 89, .16);--su-danger-soft: rgba(226, 75, 74, .16);--su-warning-soft: rgba(239, 159, 39, .16);--su-info-soft: rgba(133, 183, 235, .16);--su-avatar-1: #06695f;--su-avatar-2: #1D9E75;--su-avatar-3: #D85A30;--su-avatar-4: #BA7517;--su-avatar-5: #639922;--su-avatar-6: #993556;--su-avatar-7: #185FA5;--su-radius-sm: 6px;--su-radius-md: 12px;--su-radius-lg: 18px;--su-radius-xl: 24px;--su-radius-chip: 20px;--su-radius-sheet: 22px;--su-radius-pill: 999px;--su-shadow-card: 0 4px 16px rgba(0, 0, 0, .35);--su-shadow-elevated: 0 12px 32px rgba(0, 0, 0, .45);--su-shadow-overlay: 0 24px 64px rgba(0, 0, 0, .6);--su-space-1: 4px;--su-space-2: 8px;--su-space-3: 12px;--su-space-4: 16px;--su-space-6: 24px;--su-space-8: 32px;--su-z-sticky: 100;--su-z-dropdown: 1000;--su-z-popover: 1010;--su-z-bottom-nav: 1050;--su-z-fab: 1055;--su-z-drawer-backdrop: 1100;--su-z-drawer: 1150;--su-z-modal-backdrop: 1500;--su-z-modal: 1510;--su-z-toast: 2000;--su-z-guide: 2100}:root[data-theme=light]{color-scheme:light;--su-surface-bg: #f2f5f3;--su-surface: #ffffff;--su-surface-elevated: #ffffff;--su-surface-overlay: rgba(255, 255, 255, .85);--su-border: #dce5e1;--su-border-strong: #bdcec6;--su-text-primary: #0f172a;--su-text-secondary: #475569;--su-text-muted: #63756e;--su-text-inverse: #ffffff;--su-accent-secondary: #06695f;--su-accent-success: #15803d;--su-accent-danger: #c52b36;--su-accent-danger-soft-text: #a51d2d;--su-accent-warning: #a66008;--su-accent-info: #2563a5;--su-accent-primary-soft: rgba(8, 127, 117, .1);--su-accent-primary-faint: rgba(8, 127, 117, .05);--su-success-soft: rgba(120, 158, 60, .14);--su-danger-soft: rgba(226, 75, 74, .12);--su-warning-soft: rgba(239, 159, 39, .14);--su-info-soft: rgba(56, 132, 196, .12);--su-shadow-card: 0 4px 16px rgba(15, 23, 42, .08);--su-shadow-elevated: 0 12px 32px rgba(15, 23, 42, .12);--su-shadow-overlay: 0 24px 64px rgba(15, 23, 42, .18)}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--su-accent-secondary);outline-offset:3px}@media(max-width:767px){body input:not([type=checkbox]):not([type=radio]),body select,body textarea{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--su-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--su-surface-bg);color:var(--su-text-primary);min-height:100vh}select option{background-color:var(--su-surface-elevated);color:var(--su-text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--su-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--su-text-muted)}