:root{--bg-page:#f4f6f9;--bg-surface:#fff;--bg-subtle:#f8fafc;--bg-muted:#f1f5f9;--border:#e8edf2;--border-subtle:#f1f5f9;--text-primary:#1e293b;--text-secondary:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--brand:#143d59;--brand-dark:#0e2a3e;--brand-light:rgba(20,61,89,.07);--input-bg:#f8fafc;--input-border:#e2e8f0}[data-theme=dark]{--bg-page:#0f172a;--bg-surface:#1e293b;--bg-subtle:#1e293b;--bg-muted:#273549;--border:#334155;--border-subtle:#273549;--text-primary:#f1f5f9;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--text-faint:#64748b;--brand:#3878aa;--brand-dark:#5096c8;--brand-light:rgba(56,120,170,.12);--input-bg:#273549;--input-border:#334155}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg-page);color:var(--text-secondary);-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}a{color:inherit;text-decoration:none}@media (max-width:768px){.mobile-logo{display:flex!important}}.MuiOutlinedInput-root{border-radius:8px!important;font-size:.875rem!important;background:var(--input-bg)!important;color:var(--text-secondary)!important}.MuiInputLabel-outlined{font-size:.875rem!important;color:var(--text-faint)!important}.MuiOutlinedInput-notchedOutline{border-color:var(--input-border)!important}.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--text-muted)!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--brand)!important;border-width:1.5px!important}.MuiFormLabel-root.Mui-focused{color:var(--brand)!important}.MuiSelect-outlined{font-size:.875rem!important;color:var(--text-secondary)!important}.MuiMenuItem-root{color:var(--text-secondary)!important;background:var(--bg-surface)!important}.MuiButton-containedPrimary{background:var(--brand)!important;border-radius:8px!important;font-size:.855rem!important;font-weight:600!important;letter-spacing:.2px!important;padding:8px 18px!important}.MuiButton-containedPrimary:hover{background:var(--brand-dark)!important}.MuiButton-containedSecondary{border-radius:8px!important;font-size:.855rem!important;font-weight:600!important;letter-spacing:.2px!important;padding:8px 18px!important}.MuiPaper-root{background:var(--bg-surface)!important;color:var(--text-secondary)!important}.MuiPaper-elevation1{box-shadow:none!important;border:1px solid var(--border)!important;border-radius:10px!important}.MuiTableCell-root{color:var(--text-secondary)!important;border-bottom-color:var(--border-subtle)!important}.MuiTableCell-head{background:var(--bg-subtle)!important;color:var(--text-muted)!important}.MuiTableRow-root:hover .MuiTableCell-root{background:var(--bg-muted)!important}.MuiIconButton-root,.MuiTablePagination-root{color:var(--text-muted)!important}.MuiToolbar-root{padding-left:0!important;padding-right:0!important;min-height:unset!important;margin-bottom:16px}.MuiDialog-paper,.MuiPopover-paper{background:var(--bg-surface)!important;border:1px solid var(--border)!important}.searchInput .MuiOutlinedInput-root{background:var(--input-bg)!important}.searchInput .MuiInputLabel-outlined{color:var(--text-faint)!important}.ps{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;overflow:hidden}.ps__header{justify-content:space-between;padding:18px 20px 16px;border-bottom:1px solid var(--border-subtle);gap:12px;flex-wrap:wrap}.ps__header,.ps__title-group{display:flex;align-items:center}.ps__title-group{gap:10px}.ps__title{font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:.1px}.ps__count{font-size:.72rem;font-weight:600;color:var(--text-muted);background:var(--bg-muted);border-radius:20px;padding:2px 10px}.ps__action{flex-shrink:0}.ps-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--brand);color:#fff;border:none;border-radius:8px;font-size:.835rem;font-weight:600;cursor:pointer;transition:background .15s ease;font-family:inherit;letter-spacing:.2px;white-space:nowrap}.ps-btn:hover{background:var(--brand-dark)}.ps-btn svg{font-size:1rem}.ps__search-wrap{position:relative;padding:12px 20px;border-bottom:1px solid var(--border-subtle)}.ps__search-icon{position:absolute;left:34px;top:50%;transform:translateY(-50%);color:var(--text-faint);font-size:1rem;display:flex;align-items:center;pointer-events:none}.ps__search{width:100%;max-width:360px;padding:8px 12px 8px 34px;border:1.5px solid var(--input-border);border-radius:8px;font-size:.855rem;color:var(--text-secondary);background:var(--input-bg);outline:none;font-family:inherit;transition:border-color .15s ease}.ps__search:focus{border-color:var(--brand);background:var(--bg-surface)}.ps__search::-moz-placeholder{color:var(--text-faint)}.ps__search:-ms-input-placeholder{color:var(--text-faint)}.ps__search::placeholder{color:var(--text-faint)}.ps__body{overflow-x:auto}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap;text-transform:capitalize}.status-badge__dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.tbl-avatar{width:34px;height:34px;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--border)}.tab-row{display:flex;gap:4px;padding:12px 20px;border-bottom:1px solid var(--border-subtle);overflow-x:auto;flex-wrap:nowrap}.tab-row::-webkit-scrollbar{height:0}.tab-btn{padding:5px 14px;border-radius:20px;border:1.5px solid var(--border);background:transparent;font-size:.78rem;font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .15s ease;font-family:inherit}.tab-btn:hover{border-color:var(--brand);color:var(--brand)}.tab-btn--active{background:var(--brand);border-color:var(--brand);color:#fff}.profile-wrap{max-width:680px}.profile-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.profile-card__top{padding:24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border-subtle)}.profile-card__avatar{width:52px;height:52px;border-radius:12px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;flex-shrink:0}.profile-card__name{font-size:1rem;font-weight:700;color:var(--text-primary)}.profile-card__role{font-size:.78rem;color:var(--text-muted);font-weight:500;text-transform:capitalize;margin-top:2px}.profile-card__fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0}.profile-field{padding:14px 24px;border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}.profile-field:nth-child(2n){border-right:none}.profile-field:nth-last-child(-n+2){border-bottom:none}.profile-field__label{font-size:.68rem;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.6px;margin-bottom:3px}.profile-field__value{font-size:.875rem;font-weight:500;color:var(--text-primary)}.profile-card__actions{padding:16px 24px;display:flex;gap:10px;border-top:1px solid var(--border-subtle)}@media (max-width:768px){.profile-card__fields{grid-template-columns:1fr}.profile-field{border-right:none}.profile-field:nth-last-child(-n+2){border-bottom:1px solid var(--border-subtle)}.profile-field:last-child{border-bottom:none}}.tc-primary{color:var(--text-primary)!important;font-weight:600}.tc-secondary{color:var(--text-secondary)!important}.tc-muted{color:var(--text-muted)!important;font-size:.82rem}.tc-faint{color:var(--text-faint)!important;font-size:.8rem}.tc-bold{color:var(--text-primary)!important;font-weight:700}.tbl-code{background:var(--bg-muted);color:var(--brand);padding:2px 8px;border-radius:5px;font-size:.8rem;font-weight:600;font-family:SFMono-Regular,Consolas,monospace;border:1px solid var(--border)}.tbl-sub{font-size:.75rem;color:var(--text-faint);margin-top:2px;line-height:1.3}.layout,.layout__content{display:flex;min-height:100vh}.layout__content{flex:1 1;background:var(--bg-page);flex-direction:column;min-width:0;transition:background .2s ease}.layout__content-main{flex:1 1;padding:24px 28px}.card{padding:24px;margin:0 0 20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px}.page-header{font-size:1rem!important;font-weight:700!important;color:var(--text-primary)!important;margin-bottom:20px!important;letter-spacing:.1px;text-transform:capitalize}.searchInput{margin-bottom:0!important}.newButton{margin-left:auto!important}@media (max-width:768px){.layout__content{margin-left:0!important}.layout__content-main{padding:16px}}.sb{width:60px;height:100vh;position:fixed;left:0;top:0;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:140;transition:width .28s cubic-bezier(.4,0,.2,1),background .2s ease,border-color .2s ease;overflow:hidden}.sb.sb--expanded{width:260px}.sb.sb--hidden{transform:translateX(-60px);width:60px}.sb__header{display:flex;align-items:center;gap:10px;height:56px;min-height:56px;max-height:56px;padding:0 14px;border-bottom:1px solid var(--border);flex-shrink:0;overflow:hidden;white-space:nowrap;box-sizing:border-box}.sb__logo-img{width:32px;height:32px;min-width:32px;border-radius:8px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.sb__brand-name{font-size:.95rem;font-weight:800;color:var(--text-primary);letter-spacing:-.2px;opacity:0;width:0;overflow:hidden;transition:opacity .2s ease;pointer-events:none}.sb--expanded .sb__brand-name{opacity:1;width:auto;pointer-events:auto}.sb__nav{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:10px 0 12px}.sb__nav::-webkit-scrollbar{width:0}.sb__item{display:flex;align-items:center;gap:11px;margin:1px 6px;padding:9px;border-radius:9px;cursor:pointer;color:var(--text-secondary);font-size:.9rem;font-weight:500;letter-spacing:.1px;white-space:nowrap;transition:background .15s ease,color .15s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:0}.sb__item:hover{background:var(--bg-muted);color:var(--text-primary)}.sb__item:hover .sb__icon-pill{background:var(--brand-light);color:var(--brand)}.sb__item--active{background:var(--brand);color:#fff;font-weight:600}.sb__item--active .sb__icon-pill{background:hsla(0,0%,100%,.15)!important;color:#fff!important}.sb__item--active:hover{background:var(--brand-dark);color:#fff}.sb__icon-pill{width:32px;height:32px;min-width:32px;border-radius:8px;background:var(--bg-muted);color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;transition:background .15s ease,color .15s ease}.sb__item-label{flex:1 1;text-overflow:ellipsis;white-space:nowrap;transition:opacity .2s ease;pointer-events:none}.sb__chevron,.sb__item-label{overflow:hidden;opacity:0;width:0}.sb__chevron{color:var(--text-faint);transition:opacity .2s ease,transform .2s ease;flex-shrink:0}.sb__chevron--open{transform:rotate(180deg);color:var(--text-muted)}.sb--expanded .sb__item-label{opacity:1;width:auto;pointer-events:auto}.sb--expanded .sb__chevron{opacity:1;width:auto}.sb__subnav{margin:2px 6px 4px 47px;border-left:2px solid var(--border);padding-left:10px;animation:sbSlideDown .15s ease}@keyframes sbSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sb__subitem{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-muted);white-space:nowrap;transition:background .12s ease,color .12s ease;margin:1px 0}.sb__subitem:hover{background:var(--bg-muted);color:var(--text-primary)}.sb__subitem--active{color:var(--brand);font-weight:700;background:var(--brand-light)}.sb__subitem-dot{width:5px;height:5px;min-width:5px;border-radius:50%;background:var(--text-faint);flex-shrink:0;transition:background .12s ease}.sb__subitem--active .sb__subitem-dot,.sb__subitem:hover .sb__subitem-dot{background:var(--brand)}.sb__footer{border-top:1px solid var(--border);padding:12px 10px;gap:10px;background:var(--bg-subtle);overflow:hidden;white-space:nowrap}.sb__avatar,.sb__footer{flex-shrink:0;display:flex;align-items:center}.sb__avatar{width:32px;height:32px;min-width:32px;border-radius:8px;background:var(--brand);color:#fff;justify-content:center;font-size:.78rem;font-weight:700}.sb__user-info{flex:1 1;overflow:hidden;opacity:0;width:0;transition:opacity .2s ease;pointer-events:none}.sb--expanded .sb__user-info{opacity:1;width:auto;pointer-events:auto}.sb__user-name{font-size:.82rem;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.sb__user-role{font-size:.7rem;color:var(--text-muted);font-weight:500;text-transform:capitalize;margin-top:1px}.sb__status-dot{width:7px;height:7px;min-width:7px;border-radius:50%;background:#22c55e;flex-shrink:0;opacity:0;transition:opacity .2s ease}.sb--expanded .sb__status-dot{opacity:1}.sb__overlay{position:fixed;inset:0;background:rgba(14,42,62,.4);z-index:139;backdrop-filter:blur(2px)}.topnav{width:100%;height:56px;min-height:56px;max-height:56px;box-sizing:border-box;padding:0 20px 0 4px;position:sticky;top:0;z-index:150;background:var(--bg-surface);border-bottom:1px solid var(--border);gap:0;transition:background .2s ease,border-color .2s ease}.topnav,.topnav__left{display:flex;align-items:center}.topnav__left{gap:4px;flex-shrink:0}.topnav__spacer{flex:1 1}.topnav__right{display:flex;align-items:center;gap:2px;flex-shrink:0}.topnav__username{font-size:.835rem;font-weight:600;color:var(--text-primary);margin-right:4px;white-space:nowrap}.topnav__divider{width:1px;height:20px;background:var(--border);margin:0 6px}.topnav__theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:20px;border-radius:10px;border:none;cursor:pointer;padding:0;position:relative;transition:background .25s ease;flex-shrink:0}.topnav__theme-toggle--light{background:#e2e8f0}.topnav__theme-toggle--dark{background:var(--brand)}.topnav__theme-knob{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;transition:left .25s cubic-bezier(.4,0,.2,1)}.topnav__theme-toggle--light .topnav__theme-knob{left:3px}.topnav__theme-toggle--dark .topnav__theme-knob{left:19px}.topnav__dropdown{min-width:148px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--bg-surface)}.topnav__dropdown button{display:flex;align-items:center;padding:11px 16px;font-size:.855rem;font-weight:500;justify-content:space-between;width:100%;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:background .12s ease;font-family:inherit}.topnav__dropdown button:hover{background:var(--bg-muted);color:var(--text-primary)}