:root{--bg-soft:#ecf3ff;--bg-main:#f5f8ff;--panel:#ffffff;--panel-border:#d8e4f7;--text-main:#1f2f4a;--text-muted:#6c7a93;--primary:#3568e8;--primary-dark:#264fc2;--success:#1f9d65;--warning:#e89c1c;--danger:#cf3f4e;--shadow:0 10px 28px rgba(41,76,155,0.12);--shadow-soft:0 6px 16px rgba(48,82,156,0.1)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{font-family:Segoe UI,Noto Sans,Arial,sans-serif;color:var(--text-main);background:radial-gradient(circle at 10% 0,rgba(165,197,255,.35) 0,transparent 34%),radial-gradient(circle at 96% 100%,rgba(177,209,255,.26) 0,transparent 34%),linear-gradient(180deg,var(--bg-main) 0,var(--bg-soft) 100%)}a{color:inherit;text-decoration:none}.ubx-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;box-shadow:var(--shadow-soft)}.ubx-input,.ubx-select,.ubx-textarea{width:100%;border:1px solid #cfdbf3;border-radius:12px;padding:11px 13px;font-size:14px;color:var(--text-main);background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.ubx-input:focus,.ubx-select:focus,.ubx-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(47,99,221,.14)}.ubx-button{border:0;border-radius:12px;padding:11px 15px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.ubx-button:hover{transform:translateY(-1px)}.ubx-button:disabled{opacity:.58;cursor:not-allowed;transform:none}.ubx-button-primary{background:linear-gradient(135deg,var(--primary) 0,#4a7bf0 100%);color:#fff;box-shadow:0 10px 20px rgba(47,99,221,.25)}.ubx-button-secondary{background:#f4f7ff;color:var(--primary-dark);border:1px solid #d5e0fb}.ubx-button-danger{background:linear-gradient(135deg,#d84c58,#c93c49);color:#fff;box-shadow:0 10px 20px rgba(201,60,73,.25)}.ubx-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.ubx-slide-in{animation:ubx-slide-in .35s ease forwards}.ubx-shell{min-height:100vh;display:grid;grid-template-columns:272px 1fr}.ubx-sidebar{margin:10px 0 10px 10px;padding:12px;display:grid;grid-template-rows:auto auto 1fr auto;grid-gap:12px;gap:12px;position:-webkit-sticky;position:sticky;top:10px;height:calc(100vh - 20px);background:#f8fbff;border:1px solid #d4e0f6;border-radius:18px}.ubx-profile-box{border:1px solid #d9e5f7;background:linear-gradient(180deg,#fafdff,#eff5ff);border-radius:16px;padding:10px;display:flex;align-items:center;gap:10px}.ubx-avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(135deg,#3f6dea,#6f5bf4);box-shadow:0 8px 16px rgba(66,98,221,.28)}.ubx-nav-title{font-size:12px;font-weight:700;color:#6f7e99;padding:2px 8px;margin-top:4px;text-transform:uppercase;letter-spacing:.4px}.ubx-nav{display:grid;grid-gap:6px;gap:6px;align-content:start}.ubx-nav-item{border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;color:#30405e;font-weight:600;border:1px solid transparent}.ubx-nav-item:hover{background:#f3f7ff}.ubx-nav-item.selected{background:linear-gradient(90deg,rgba(56,105,232,.18),rgba(90,129,235,.08));border-color:#c9d9fb;color:#1d53c7;box-shadow:inset 4px 0 0 #3e6ce8}.ubx-main{padding:10px;display:grid;grid-template-rows:auto 1fr;grid-gap:10px;gap:10px}.ubx-topbar{border:1px solid #d6e2f8;border-radius:16px;background:#f9fbff;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ubx-search{max-width:520px;width:100%}.ubx-top-actions{display:flex;align-items:center;gap:10px}.ubx-page-area{border:1px solid #d8e4f8;border-radius:18px;padding:14px;background:linear-gradient(180deg,#f9fbff,#f4f8ff)}.ubx-drawer-backdrop,.ubx-mobile-menu{display:none}.ubx-table-wrap{overflow-x:auto;border:1px solid #d9e5f8;border-radius:14px;background:#fff}.ubx-table{width:100%;border-collapse:collapse;font-size:14px}.ubx-table thead th{text-align:left;padding:12px 14px;background:#f6f9ff;color:#657798;font-size:12px;letter-spacing:.3px;text-transform:uppercase;border-bottom:1px solid #dbe7fa}.ubx-table tbody td{padding:13px 14px;border-bottom:1px solid #edf2fb;vertical-align:middle}.ubx-table tbody tr:last-child td{border-bottom:0}.ubx-table tbody tr:hover{background:#f8fbff}.ubx-modal-backdrop{position:fixed;inset:0;z-index:120;background:rgba(15,29,56,.48);display:grid;place-items:center;padding:16px}.ubx-modal{width:min(760px,100%);max-height:min(88vh,900px);overflow-y:auto;padding:16px}.ubx-confirm-modal,.ubx-modal{background:#fff;border:1px solid #d3e1f9;border-radius:18px;box-shadow:0 20px 48px rgba(17,39,81,.28)}.ubx-confirm-modal{width:min(520px,100%);padding:18px}.ubx-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.ubx-grid-2{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ubx-role-check{display:flex;align-items:center;gap:8px;border:1px solid #d9e5f8;border-radius:10px;padding:8px 10px;font-size:14px;background:#f9fbff}.ubx-role-check input{width:16px;height:16px;accent-color:#3468e7}@media (max-width:1100px){.ubx-shell{grid-template-columns:1fr}.ubx-sidebar{position:fixed;left:10px;top:10px;bottom:10px;width:min(320px,calc(100vw - 20px));margin:0;z-index:50;transform:translateX(-112%);transition:transform .25s ease}.ubx-sidebar.open{transform:translateX(0)}.ubx-mobile-menu{display:inline-flex}.ubx-drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(20,34,61,.35);z-index:40}.ubx-main{padding:10px}.ubx-search{display:none}}@keyframes ubx-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}