:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top,rgba(96,165,250,.16),transparent 28%),linear-gradient(180deg,#0b1020,#090d18);color:#e5ecff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:transparent}button,input,textarea,select{font:inherit}code,pre{font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh;padding:32px}.app-shell-center{display:flex;align-items:center;justify-content:center}.hero-card{width:min(520px,100%);padding:32px;border:1px solid rgba(148,163,184,.18);border-radius:28px;background:#080c18d1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 90px #02081785}.hero-card-wide{width:min(760px,100%)}.hero-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px}.eyebrow{margin-bottom:8px;color:#8fa4d8;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.hero-card h1{font-size:clamp(28px,4vw,42px);margin-bottom:12px}.hero-card p{color:#a6b4d8}.hero-footer{display:flex;justify-content:space-between;gap:16px;margin-top:24px;color:#8fa4d8;font-size:13px}.loading-card{display:grid;place-items:center;text-align:center;gap:12px}.spinner{width:44px;height:44px;border-radius:50%;border:3px solid rgba(148,163,184,.18);border-top-color:#60a5fa;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stack-sm,.stack-md,.stack-lg,.column-stack{display:flex;flex-direction:column}.stack-sm{gap:10px}.stack-md{gap:14px}.stack-lg,.column-stack{gap:18px}.column-stack{min-width:0}.text-input,.textarea-input,.select-input{width:100%;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#0f172abf;color:#e7eeff;padding:13px 15px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.textarea-input{min-height:104px;resize:vertical}.large-textarea{min-height:160px}.text-input:focus,.textarea-input:focus,.select-input:focus{border-color:#60a5fab3;box-shadow:0 0 0 4px #60a5fa24}.code-input{font-size:18px;letter-spacing:.06em}.primary-button,.ghost-button,.danger-button,.success-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;border-radius:16px;padding:12px 16px;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease,background .18s ease}.primary-button:hover,.ghost-button:hover,.danger-button:hover,.success-button:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled,.success-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 14px 40px #2563eb3d}.danger-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 14px 40px #dc262642}.success-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 14px 40px #16a34a42}.ghost-button{background:#0f172ac7;color:#dbe6ff;border:1px solid rgba(148,163,184,.16)}.ghost-button-active{background:#3b82f633;border-color:#60a5fa73}.large-button{padding:14px 18px;font-size:16px}.locale-switcher{display:flex;gap:8px}.compact-switcher .ghost-button{padding-inline:12px}.locale-select{width:140px;min-width:140px;padding-right:6px}.refresh-button{min-width:44px;padding-inline:12px;font-size:18px;line-height:1;color:#f0f9ff;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:1px solid rgba(186,230,253,.45);box-shadow:0 12px 30px #0ea5e947}.info-banner,.alert{border-radius:16px;padding:12px 14px}.info-banner{margin-top:18px;background:#1e293bb3;color:#cfe0ff}.alert{border:1px solid transparent}.alert-success{background:#16653433;border-color:#22c55e40;color:#b9f7ca}.alert-error{background:#7f1d1d3d;border-color:#f871714d;color:#fecaca}.alert-floating{margin-bottom:14px;transform:translateY(-4px);animation:alert-fade-in .18s ease-out;will-change:opacity,transform}.alert-fade-out{animation:alert-fade-out .24s ease forwards}@keyframes alert-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(-4px)}}@keyframes alert-fade-out{0%{opacity:1;transform:translateY(-4px)}to{opacity:0;transform:translateY(-12px)}}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{padding:28px 20px;border-right:1px solid rgba(148,163,184,.12);background:#03071299;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.sidebar-brand,.sidebar-user{padding:16px;border-radius:22px;background:#0f172a9e;border:1px solid rgba(148,163,184,.14)}.sidebar-user{margin-top:18px}.brand-mark{width:44px;height:44px;flex:0 0 44px;flex-shrink:0;aspect-ratio:1 / 1;border-radius:14px;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,#3b82f652,#2563eb2e);color:#d7e7ff}.sidebar-brand{display:flex;align-items:center;gap:14px}.brand-title{font-size:18px;font-weight:700}.brand-subtitle,.user-meta,.meta-line,.subtle-text,.detail-label,.metric-title,.empty-state,.loading-inline{color:#95a5ca}.user-name{font-size:17px;font-weight:700}.nav-list{display:flex;flex-direction:column;gap:8px;margin-top:20px}.nav-list-mobile{display:none;margin:0 0 18px}.nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;text-align:left;padding:13px 14px;border-radius:16px;background:transparent;color:#dbe6ff;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .18s ease,transform .18s ease}.nav-item-icon{width:1.35em;flex:0 0 1.35em;text-align:center}.nav-item-label{min-width:0;flex:1 1 auto}.nav-item-counter{min-width:24px;height:24px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#eff6ff}.nav-item-counter-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid rgba(254,202,202,.4)}.nav-item-counter-success{background:linear-gradient(135deg,#22c55e,#16a34a);border:1px solid rgba(187,247,208,.45)}.nav-item-counter-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid rgba(253,230,138,.45)}.nav-item:hover{background:#0f172a99;transform:translate(2px)}.nav-item-active{background:linear-gradient(135deg,#3b82f638,#2563eb29);border:1px solid rgba(96,165,250,.3)}.dashboard-main{padding:28px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:flex-start;gap:24px;margin-bottom:22px}.topbar-summary{min-width:0}.topbar h1{margin-bottom:8px;font-size:clamp(28px,4vw,40px)}.topbar-center{display:flex;justify-content:center}.topbar-server-field{width:clamp(260px,30vw,380px);min-width:260px}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:12px;flex-wrap:wrap}.field-inline,.field-stack{display:flex;flex-direction:column;gap:8px}.field-inline{min-width:200px}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-action-button{padding:6px 10px;border-radius:10px;font-size:12px;line-height:1}.datetime-field{min-width:0}.datetime-popover-wrap,.datetime-trigger-shell{position:relative}.datetime-trigger-main{width:100%;min-height:52px;padding:13px 56px 13px 15px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#0f172abf;color:#e7eeff;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.datetime-trigger-main:hover{transform:translateY(-1px);background:#141d34d1}.datetime-trigger-main:focus-visible{outline:none;border-color:#60a5fab3;box-shadow:0 0 0 4px #60a5fa24}.datetime-trigger-shell-open .datetime-trigger-main{border-color:#60a5faa6;box-shadow:0 0 0 4px #60a5fa24}.datetime-trigger-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.datetime-trigger-value-empty{color:#95a5ca;font-weight:500}.datetime-emoji-button{position:absolute;top:50%;right:6px;width:38px;height:38px;padding:0;border-radius:12px;transform:translateY(-50%);font-size:18px;line-height:1}.datetime-emoji-button:hover{transform:translateY(-50%)}.datetime-popover{position:absolute;z-index:30;top:calc(100% + 10px);right:0;width:min(560px,calc(100vw - 36px));max-height:min(78vh,680px);overflow:auto;padding:14px;border-radius:22px;background:linear-gradient(180deg,#080d1cfa,#070b17fa);border:1px solid rgba(148,163,184,.22);box-shadow:0 24px 60px #02061794;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:grid;gap:14px}.datetime-selected-preview{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;background:linear-gradient(135deg,#3b82f62e,#2563eb1a);border:1px solid rgba(96,165,250,.22)}.datetime-selected-preview-emoji{font-size:22px;line-height:1}.datetime-selected-preview-body{min-width:0;display:flex;flex-direction:column;gap:2px}.datetime-selected-preview-label,.datetime-panel-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9fb6ea}.datetime-selected-preview-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#f3f7ff}.datetime-selected-preview-value-empty{color:#95a5ca}.datetime-picker-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:14px}.datetime-calendar-panel,.datetime-time-panel,.datetime-presets-panel{padding:12px;border-radius:18px;background:#0f172ab8;border:1px solid rgba(148,163,184,.12)}.datetime-side-panel{min-width:0;display:flex;flex-direction:column;gap:12px}.datetime-calendar-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.datetime-calendar-nav{width:38px;height:38px;padding:0;border-radius:12px;font-size:20px;line-height:1}.datetime-calendar-month{flex:1 1 auto;min-height:38px;border-radius:12px;font-weight:700;text-transform:capitalize}.datetime-weekdays,.datetime-days-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.datetime-weekdays{margin-bottom:8px}.datetime-weekday{display:grid;place-items:center;min-height:24px;color:#8fa4d8;font-size:11px;font-weight:800;text-transform:uppercase}.datetime-day-button{min-height:40px;border:1px solid rgba(148,163,184,.12);border-radius:12px;background:#030712b8;color:#e6efff;cursor:pointer;font-weight:600;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.datetime-day-button:hover{transform:translateY(-1px);border-color:#60a5fa57;background:#141d34d1}.datetime-day-button:focus-visible,.datetime-calendar-nav:focus-visible,.datetime-calendar-month:focus-visible,.datetime-emoji-button:focus-visible,.datetime-time-chip:focus-visible,.datetime-preset-button:focus-visible,.datetime-footer-secondary:focus-visible,.datetime-footer-button:focus-visible{outline:none;box-shadow:0 0 0 4px #60a5fa29}.datetime-day-button-outside{color:#6f82ad;background:#0307126b}.datetime-day-button-today{border-color:#38bdf88c;box-shadow:0 0 0 1px #38bdf82e inset}.datetime-day-button-active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#93c5fd9e;color:#fff;box-shadow:0 14px 30px #2563eb47}.datetime-time-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.datetime-time-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.datetime-time-chip{min-height:40px;border-radius:12px;padding:10px 12px;font-weight:700}.datetime-presets{display:grid;gap:8px;margin-top:10px}.datetime-preset-button{width:100%;min-height:44px;border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;line-height:1.15;font-weight:600}.datetime-preset-button-active{background:linear-gradient(135deg,#3b82f647,#2563eb38);border-color:#60a5fa80;color:#eff6ff}.datetime-popover-footer{display:flex;gap:10px;flex-wrap:wrap}.datetime-footer-secondary,.datetime-footer-button{flex:1 1 120px;min-height:44px;border-radius:14px}@media(max-width:900px){.datetime-picker-layout{grid-template-columns:1fr}}@media(max-width:560px){.datetime-popover{left:0;right:0;width:auto}.datetime-time-selects,.datetime-time-chips{grid-template-columns:1fr}}.checkbox-row{display:flex;align-items:center;gap:10px;color:#d9e6ff;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;flex:0 0 20px;border-radius:7px;border:1px solid rgba(148,163,184,.42);background:#0f172ab8;display:grid;place-items:center;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.checkbox-row input[type=checkbox]:after{content:"";width:10px;height:6px;border:2px solid #eff6ff;border-top:0;border-right:0;transform:rotate(-45deg) scale(0);transition:transform .14s ease}.checkbox-row input[type=checkbox]:checked{border-color:#60a5faeb;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 0 2px #60a5fa33}.checkbox-row input[type=checkbox]:checked:after{transform:rotate(-45deg) scale(1)}.checkbox-row input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 4px #60a5fa29}.page-grid{display:grid;gap:18px}.page-grid>*{min-width:0}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.two-columns-strong{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.section-card{min-width:0;border-radius:24px;padding:22px;background:#080c18d1;border:1px solid rgba(148,163,184,.14);box-shadow:0 18px 70px #02081757}.section-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.section-card h2{font-size:20px}.section-card-actions,.toolbar-row,.button-row,.badge-cluster,.tag-cluster,.inline-fields{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.compact-toolbar{width:100%}.admin-pending-toolbar{flex-wrap:nowrap}.admin-pending-status-select{width:auto;min-width:210px;flex:1 1 210px}.search-toolbar{margin:0;width:100%}.search-input-wrap{position:relative;flex:1 1 260px;min-width:220px}.search-input{padding-right:48px}.search-input-button{position:absolute;top:50%;right:6px;width:34px;height:34px;padding:0;border-radius:12px;transform:translateY(-50%);line-height:1;font-size:15px}.search-input-button:hover{transform:translateY(-50%)}.search-state-select{width:auto;min-width:170px}.detail-item{padding:14px;border-radius:18px;background:#0f172a85;border:1px solid rgba(148,163,184,.1)}.detail-value{margin-top:4px;font-weight:600;color:#eef4ff;word-break:break-word}.details-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-cards{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:18px;border-radius:22px;background:linear-gradient(180deg,#111827d1,#0a0f1ceb);border:1px solid rgba(148,163,184,.12)}.metric-value{margin-top:6px;font-size:28px;font-weight:800;color:#f0f6ff}.empty-state{padding:20px 0;min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-size:22px;font-weight:700}.empty-state-emoji{font-size:24px;line-height:1}.loading-inline{padding:20px 0;min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px}.button-loading{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:32px}.loading-dot{width:10px;height:10px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#bfdbfe,#60a5fa 55%,#2563eb);box-shadow:0 0 0 1px #60a5fa38;animation:loading-dot-bounce .95s ease-in-out infinite}.button-loading .loading-dot{width:8px;height:8px}.loading-dot:nth-child(2){animation-delay:.14s}.loading-dot:nth-child(3){animation-delay:.28s}@keyframes loading-dot-bounce{0%,80%,to{transform:translateY(0) scale(.72);opacity:.42}40%{transform:translateY(-3px) scale(1);opacity:1}}.auth-request-card,.notification-card,.queue-card,.audit-card,.server-row,.code-row{padding:18px;border-radius:20px;background:#0f172a8c;border:1px solid rgba(148,163,184,.12)}.auth-request-card,.server-row,.queue-card-top,.notification-header-row,.audit-top,.code-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.auth-question{font-weight:700;font-size:16px}.auth-meta{color:#95a5ca;font-size:14px}.notification-body,.metadata-block,.command-code,.result-box{margin-top:12px}.notifications-list{gap:18px}.notification-read-button{margin-top:16px}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-success{background:#1665342e;border-color:#22c55e38;color:#bbf7d0}.badge-warning{background:#854d0e3d;border-color:#f59e0b3d;color:#fde68a}.badge-error{background:#7f1d1d3d;border-color:#f871713d;color:#fecaca}.badge-muted{background:#1e293bad;border-color:#94a3b81f;color:#c8d8ff}.permission-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.permission-box,.tag-chip{padding:10px 12px;border-radius:16px;background:#0a0f1cc7;border:1px solid rgba(148,163,184,.12)}.permission-box{cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.permission-box:hover{border-color:#60a5fa6b;background:#0f172adb;transform:translateY(-1px)}.tag-chip{display:inline-flex;align-items:center}.table-wrapper{overflow:auto;border-radius:18px;border:1px solid rgba(148,163,184,.1)}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th,.data-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(148,163,184,.08);vertical-align:top}.data-table thead{background:#0f172ab8}.data-table tbody tr:hover{background:#0f172a7a}.clickable-rows tbody tr{cursor:pointer}.row-active{background:#3b82f61f!important}.section-subpanel{margin-top:18px;padding-top:18px;border-top:1px solid rgba(148,163,184,.1)}.command-code,.metadata-block,.result-box{display:block;padding:14px;border-radius:16px;background:#030712cc;overflow:auto;white-space:pre-wrap;word-break:break-word}.success-box{border:1px solid rgba(34,197,94,.2)}.error-box{border:1px solid rgba(248,113,113,.22)}.code-row code{font-size:16px;color:#cfe0ff}.two-columns-inline{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1200px){.dashboard-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid rgba(148,163,184,.12)}.nav-list-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:900px){.app-shell,.dashboard-main{padding:18px}.two-columns,.two-columns-strong,.summary-cards,.details-grid,.permission-grid,.two-columns-inline{grid-template-columns:1fr}.hero-topbar,.hero-footer,.auth-request-card,.notification-header-row,.server-row,.queue-card-top,.audit-top,.code-row{flex-direction:column;align-items:stretch}.topbar-actions{width:100%}.topbar{grid-template-columns:1fr;gap:14px}.topbar-center,.topbar-actions{justify-self:stretch}.topbar-actions{justify-content:flex-start}.nav-list-sidebar{display:none}.nav-list-mobile{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.topbar-server-field{width:100%;min-width:0}.field-inline{min-width:0;width:100%}.admin-pending-toolbar{flex-wrap:wrap}.admin-pending-status-select,.search-state-select{width:100%;min-width:0}.search-input-wrap{min-width:0;width:100%}}
