:root{--bg-main:#f3f7f9;--bg-secondary:#eaf1f5;--glass-bg:rgba(255,255,255,0.62);--glass-bg-strong:rgba(255,255,255,0.82);--glass-border:rgba(30,136,229,0.24);--blue-primary:#1687d9;--blue-dark:#075985;--blue-soft:#dff2ff;--blue-glow:rgba(22,135,217,0.18);--text-primary:#123047;--text-secondary:#607989;--text-muted:#8b99a8;--success:#157e68;--warning:#d49a21;--danger:#cf4b5c;--radius-sm:16px;--radius-md:20px;--radius-lg:24px;--radius-xl:28px;--shadow-sm:0 4px 16px rgba(18,48,71,0.08);--shadow-md:0 8px 28px rgba(18,48,71,0.12);--shadow-lg:0 16px 48px rgba(18,48,71,0.18);--sidebar-width:286px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--font-xs:11px;--font-sm:12px;--font-md:14px;--font-lg:16px;--font-xl:18px;--font-display:32px;--color-bg:var(--bg-main);--color-primary:var(--blue-primary);--color-success:var(--success);--shadow-card:var(--shadow-sm);--radius-pill:999px;font-family:Segoe UI,Tahoma,Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html{background:var(--bg-main);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 20%,rgba(22,135,217,.08),transparent 30%),radial-gradient(circle at 10% 90%,rgba(22,135,217,.06),transparent 28%),linear-gradient(135deg,#f3f7f9,#eef3f7);color:var(--text-primary);min-height:100vh}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:2px solid var(--blue-primary);outline-offset:2px}::selection{background:var(--blue-soft);color:var(--text-primary)}.skip-link{position:fixed;z-index:200;inset-block-start:10px;inset-inline-start:12px;transform:translateY(-150%);background:var(--blue-primary);color:white;padding:10px 16px;border-radius:var(--radius-sm);font-weight:800}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:50;inset-block:0;inset-inline-start:0;width:var(--sidebar-width);display:flex;flex-direction:column;background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-border-end:1px solid var(--glass-border);border-inline-end:1px solid var(--glass-border);box-shadow:-8px 0 24px rgba(18,48,71,.06)}.brand{min-height:96px;padding:22px 22px 18px;display:flex;align-items:center;gap:13px;-webkit-border-after:1px solid var(--glass-border);border-block-end:1px solid var(--glass-border)}.brand__mark{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;color:white;background:linear-gradient(135deg,var(--blue-primary),var(--blue-dark));box-shadow:0 8px 24px rgba(22,135,217,.16)}.brand__mark svg{width:25px}.brand div{display:grid;grid-gap:3px;gap:3px}.brand strong{font-size:15px;color:var(--text-primary)}.brand span{color:var(--blue-primary);font-size:11px;font-weight:900;letter-spacing:2.4px}.sidebar__close{display:none;-webkit-margin-start:auto;margin-inline-start:auto}.sidebar nav{flex:1 1;padding:20px 14px;overflow-y:auto}.nav-label{display:block;padding:0 12px 10px;color:var(--text-muted);font-size:11px;font-weight:800}.nav-item{position:relative;width:100%;min-height:48px;display:flex;align-items:center;gap:13px;padding:0 14px;margin-block:4px;border-radius:13px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:700;transition:all .18s ease;border:1px solid transparent}.nav-item svg{width:20px;height:20px;flex:0 0 auto}.nav-item:hover:not(.nav-item--disabled){background:rgba(22,135,217,.08);color:var(--text-primary);border-color:rgba(22,135,217,.12)}.nav-item--active{background:rgba(22,135,217,.12);color:var(--blue-primary);border-color:var(--glass-border)}.nav-item--active:before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:3px;border-radius:0 3px 3px 0;background:var(--blue-primary)}.nav-item--disabled{opacity:.55;cursor:not-allowed}.nav-item small{-webkit-margin-start:auto;margin-inline-start:auto;font-size:9px;color:var(--text-muted);border:1px solid rgba(22,135,217,.16);border-radius:99px;padding:2px 6px}.sidebar__foot{margin:14px;padding:14px;display:flex;gap:10px;align-items:center;border:1px solid rgba(22,135,217,.16);border-radius:15px;background:rgba(22,135,217,.04)}.security-seal{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:var(--success);background:rgba(22,134,111,.08)}.security-seal svg{width:18px}.sidebar__foot div{display:grid;grid-gap:3px;gap:3px}.sidebar__foot strong{font-size:11px;color:var(--text-primary)}.sidebar__foot span{color:var(--text-muted);font-size:9px}.app-frame{min-height:100vh;-webkit-margin-start:var(--sidebar-width);margin-inline-start:var(--sidebar-width)}.topbar{position:-webkit-sticky;position:sticky;z-index:30;inset-block-start:0;min-height:80px;display:flex;align-items:center;gap:20px;padding:14px clamp(22px,3vw,46px);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-border-after:1px solid var(--glass-border);border-block-end:1px solid var(--glass-border)}.menu-button{display:none}.topbar__title{min-width:220px}.topbar h1{margin:2px 0 3px;font-size:clamp(18px,2vw,24px);line-height:1.3;color:var(--text-primary)}.topbar p{margin:0;color:var(--text-muted);font-size:12px}.ui-kicker{color:var(--blue-primary);font-size:10px;font-weight:900;letter-spacing:.8px}.topbar__meta{-webkit-margin-start:auto;margin-inline-start:auto;display:flex;align-items:center;gap:18px}.system-summary{display:grid;grid-gap:6px;gap:6px;justify-items:end}.system-summary>span{color:var(--text-muted);font-size:10px}.status-light{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.user-chip{display:flex;align-items:center;gap:10px;-webkit-padding-start:18px;padding-inline-start:18px;-webkit-border-start:1px solid var(--glass-border);border-inline-start:1px solid var(--glass-border);text-decoration:none}.user-chip>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(22,135,217,.24);border-radius:13px;color:var(--blue-primary);background:rgba(22,135,217,.08);font-weight:900;font-size:12px}.user-chip div{display:grid;grid-gap:3px;gap:3px}.user-chip strong{font-size:12px;color:var(--text-primary)}.user-chip small{color:var(--text-muted);font-size:10px}.app-content{width:min(100%,1520px);margin-inline:auto;padding:clamp(22px,3vw,42px)}.ui-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid transparent;border-radius:12px;padding:0 18px;cursor:pointer;font-weight:800;transition:all .16s ease;font-size:var(--font-md)}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:active:not(:disabled){transform:translateY(0)}.ui-button:disabled{cursor:not-allowed;opacity:.42}.ui-button__spinner{width:15px;height:15px;border:2px solid;border-inline-start-color:transparent;border-radius:50%;animation:button-spin .7s linear infinite}@keyframes button-spin{to{transform:rotate(1turn)}}.ui-button--primary{color:white;background:linear-gradient(135deg,var(--blue-primary),var(--blue-dark));box-shadow:0 8px 20px rgba(22,135,217,.16)}.ui-button--primary:hover:not(:disabled){background:linear-gradient(135deg,#1f93e6,#0a6fa0);box-shadow:0 10px 28px rgba(22,135,217,.24)}.ui-button--secondary{color:var(--blue-primary);background:transparent;border-color:rgba(22,135,217,.32)}.ui-button--secondary:hover:not(:disabled){background:rgba(22,135,217,.08);border-color:rgba(22,135,217,.48)}.ui-button--ghost{color:var(--text-secondary);background:transparent;border-color:rgba(22,135,217,.16)}.ui-button--ghost:hover:not(:disabled){background:rgba(22,135,217,.04);border-color:rgba(22,135,217,.32)}.ui-button--danger{color:white;background:var(--danger);border-color:rgba(207,75,92,.32)}.ui-button--danger:hover:not(:disabled){background:#db5767;border-color:rgba(207,75,92,.48)}.ui-button--sm{min-height:34px;padding-inline:12px;font-size:var(--font-sm)}.ui-button>svg{width:18px;height:18px;flex:0 0 auto}.ui-input,.ui-select,.ui-textarea{width:100%;min-height:44px;color:var(--text-primary);background:var(--glass-bg-strong);border:1.5px solid rgba(22,135,217,.2);border-radius:12px;padding:10px 13px;transition:all .18s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ui-textarea{min-height:110px;resize:vertical}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--text-muted)}.ui-input:hover,.ui-select:hover,.ui-textarea:hover{border-color:rgba(22,135,217,.32)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--blue-primary);box-shadow:0 0 0 3px rgba(22,135,217,.12);background:var(--glass-bg-strong)}.ui-input:disabled,.ui-select:disabled,.ui-textarea:disabled{opacity:.45;cursor:not-allowed}.field{display:grid;grid-gap:8px;gap:8px}.field label{color:var(--text-secondary);font-size:11px;font-weight:800}.field small{color:var(--text-muted);font-size:10px}.ui-badge{width:max-content;display:inline-flex;align-items:center;gap:7px;min-height:27px;padding:4px 9px;border:1px solid rgba(22,135,217,.24);border-radius:999px;color:var(--blue-primary);background:rgba(22,135,217,.08);font-size:10px;font-weight:900}.ui-badge--success{color:var(--success);background:rgba(22,134,111,.08);border-color:rgba(22,134,111,.24)}.ui-badge--warning{color:var(--warning);background:rgba(212,154,33,.08);border-color:rgba(212,154,33,.24)}.ui-badge--danger{color:var(--danger);background:rgba(207,75,92,.08);border-color:rgba(207,75,92,.24)}.ui-badge--info{color:var(--blue-primary);background:rgba(22,135,217,.08);border-color:rgba(22,135,217,.24)}.ui-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .18s ease;padding:var(--space-6)}.ui-card:hover{transform:translateY(-2px);border-color:rgba(22,135,217,.32);box-shadow:var(--shadow-md)}.ui-table{overflow:hidden;border:1px solid rgba(22,135,217,.16);border-radius:var(--radius-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm)}.ui-table thead{background:rgba(22,135,217,.08);-webkit-border-after:1px solid rgba(22,135,217,.16);border-block-end:1px solid rgba(22,135,217,.16)}.ui-table th{color:var(--text-primary);font-weight:800;font-size:var(--font-sm);padding:var(--space-4);text-align:start}.ui-table td{padding:var(--space-4);color:var(--text-secondary);-webkit-border-after:1px solid rgba(22,135,217,.08);border-block-end:1px solid rgba(22,135,217,.08)}.ui-table tbody tr:hover{background:rgba(22,135,217,.04)}.ui-skeleton{display:grid;grid-gap:12px;gap:12px}.ui-skeleton span{display:block;height:14px;border-radius:8px;background:linear-gradient(90deg,rgba(22,135,217,.08) 20%,rgba(22,135,217,.16) 45%,rgba(22,135,217,.08) 70%);background-size:220% 100%;animation:shimmer 1.4s linear infinite}.ui-skeleton span:nth-child(2){width:78%}.ui-skeleton span:nth-child(3){width:55%}@keyframes shimmer{to{background-position:-220% 0}}.ui-empty{min-height:250px;display:grid;place-items:center;align-content:center;text-align:center;padding:34px}.ui-empty__icon{width:62px;height:62px;display:grid;place-items:center;color:var(--blue-primary);background:rgba(22,135,217,.08);border:1px dashed rgba(22,135,217,.24);border-radius:20px}.ui-empty__icon svg{width:28px}.ui-empty h3{margin:16px 0 6px;font-size:17px;color:var(--text-primary)}.ui-empty p{max-width:440px;margin:0 0 18px;color:var(--text-secondary);line-height:1.8;font-size:12px}.ui-toast{position:fixed;z-index:120;inset-block-end:24px;inset-inline-start:24px;min-width:300px;max-width:min(430px,calc(100vw - 30px));display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid;border-radius:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);animation:toast-in .22s ease-out}.ui-toast--success{color:var(--success);background:rgba(22,134,111,.12);border-color:rgba(22,134,111,.32)}.ui-toast--danger{color:var(--danger);background:rgba(207,75,92,.12);border-color:rgba(207,75,92,.32)}.ui-toast>svg{width:20px}.ui-toast button{-webkit-margin-start:auto;margin-inline-start:auto;color:inherit;background:transparent;border:0;cursor:pointer}.ui-toast button svg{width:18px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.ui-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(18,48,71,.32);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ui-modal__panel{width:min(570px,100%);max-height:min(760px,calc(100vh - 40px));max-height:min(760px,calc(100dvh - 40px));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg)}.ui-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 18px;-webkit-border-after:1px solid var(--glass-border);border-block-end:1px solid var(--glass-border)}.ui-modal__head h2{margin:4px 0;font-size:22px;color:var(--text-primary)}.ui-modal__head p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.6}.ui-modal__body{padding:24px 26px;flex:1 1 auto;min-height:0;overflow-y:auto}.ui-modal__footer,.ui-modal__head{flex:none}.ui-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px 24px;-webkit-border-before:1px solid var(--glass-border);border-block-start:1px solid var(--glass-border)}.menu-button,.sidebar__close,.ui-icon-button{width:40px;height:40px;display:grid;place-items:center;border:1.5px solid rgba(22,135,217,.2);border-radius:12px;color:var(--text-secondary);background:var(--glass-bg);cursor:pointer;transition:all .18s ease}.menu-button:hover,.sidebar__close:hover,.ui-icon-button:hover{border-color:rgba(22,135,217,.32);background:rgba(22,135,217,.04);color:var(--blue-primary)}.menu-button svg,.sidebar__close svg,.ui-icon-button svg{width:20px}.menu-button,.sidebar-backdrop,.sidebar__close{display:none}@media (max-width:1120px){:root{--sidebar-width:252px}.system-summary{display:none}.app-content{padding:26px}}@media (max-width:860px){.sidebar{width:min(310px,86vw);visibility:hidden;pointer-events:none;transform:translateX(105%);transition:transform .22s ease,visibility 0s .22s}.sidebar--open{visibility:visible;pointer-events:auto;transform:translateX(0);transition-delay:0s}.menu-button,.sidebar__close{display:grid}.sidebar-backdrop{display:block;position:fixed;z-index:45;inset:0;border:0;background:rgba(1,5,10,.4)}.app-frame{-webkit-margin-start:0;margin-inline-start:0}.topbar{min-height:84px;padding:14px 20px}.topbar__title p,.ui-kicker{display:none}.topbar__meta{gap:10px}.user-chip{-webkit-padding-start:0;padding-inline-start:0;border:0}.user-chip div{display:none}.app-content{padding:22px 18px 40px}}@media (max-width:520px){.topbar{gap:12px;padding-inline:14px}.topbar__title{min-width:0;flex:1 1 auto}.topbar h1{font-size:18px;overflow-wrap:anywhere}.topbar__meta>.ui-button{display:none}.app-content{padding-inline:14px}.ui-modal{padding:0;place-items:end center}.ui-modal__panel{max-height:90vh;border-radius:24px 24px 0 0}.ui-modal__body,.ui-modal__head{padding-inline:18px}.ui-modal__footer{padding:15px 18px 20px;flex-direction:column-reverse}.ui-modal__footer .ui-button{width:100%}.ui-toast{inset-inline:15px;inset-block-end:15px;min-width:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}