:root{font-family:DM Sans,sans-serif;color:#172033;background:#f4f6f8;font-synthesis:none;--navy:#123d66;--blue:#1e6ca8;--line:#e3e8ee;--muted:#667386;--green:#17855b;--amber:#b86f14;--red:#c43d4b}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,.button{cursor:pointer}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#0c2d4b;color:#fff;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px}.brand b{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:.05em}.brand small{display:block;opacity:.62;font-size:11px;margin-top:1px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#2d83c3,#135587);font-family:Manrope,sans-serif;font-size:21px;font-weight:800;color:#fff;box-shadow:0 8px 22px #061d3199}.brand-mark.large{width:56px;height:56px;border-radius:16px;font-size:30px}.sidebar nav{display:grid;gap:6px;margin-top:42px}.sidebar nav button{border:0;background:transparent;color:#b9c8d5;text-align:left;border-radius:9px;padding:11px 13px;display:flex;gap:12px;align-items:center;font-size:14px}.sidebar nav button span{font-size:17px;width:20px;text-align:center}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff12;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 #5bb4ef}.sidebar-foot{margin-top:auto;border-top:1px solid #ffffff18;padding:20px 4px 0;display:flex;gap:10px;align-items:center;min-width:0}.sidebar-foot b{display:block;font-size:13px}.sidebar-foot small{display:block;color:#9bb0c1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#24557b;color:#cfeaff;font-size:11px;font-weight:700}main{min-width:0}header{height:106px;padding:25px 34px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}header h1{margin:2px 0 0;font:700 25px Manrope,sans-serif}.eyebrow{margin:0;color:#457494;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700}.eyebrow.light{color:#8ec6eb}.content{padding:28px 34px 50px;max-width:1600px}.ghost,.button.ghost{background:#fff;border:1px solid #d5dde5;border-radius:8px;padding:9px 14px;color:#33475b;text-decoration:none}.primary,.secondary{border:0;border-radius:8px;padding:11px 16px;font-weight:600}.primary{background:var(--navy);color:#fff}.secondary{background:#e6f1f8;color:#15527e}.wide{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px 20px;position:relative;overflow:hidden}.metric p{margin:0;color:var(--muted);font-size:12px}.metric strong{display:block;font:700 29px Manrope,sans-serif;margin-top:8px}.metric span{position:absolute;right:0;bottom:0;width:66px;height:4px;border-radius:4px 0 0}.metric.navy span{background:var(--navy)}.metric.green span{background:var(--green)}.metric.amber span{background:var(--amber)}.metric.red span{background:var(--red)}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px;gap:16px}.card-head h2{font:700 16px Manrope,sans-serif;margin:0}.card-head p{color:var(--muted);font-size:12px;margin:5px 0 0}.farm-list>div{display:grid;grid-template-columns:92px 1fr auto;align-items:center;padding:13px 0;border-top:1px solid #edf0f3}.farm-list>div:first-child{border-top:0}.farm-list b,.farm-list small{display:block}.farm-list small,.farm-list time{font-size:11px;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:6px;text-transform:capitalize;font-size:11px;color:#536377}.status i{width:7px;height:7px;border-radius:50%;background:#aab5bf}.status.healthy{color:var(--green)}.status.healthy i{background:#21a975;box-shadow:0 0 0 3px #dff5ed}.status.queryfailure,.status.authenticationfailure,.status.tcpfailure{color:var(--red)}.status.queryfailure i,.status.authenticationfailure i,.status.tcpfailure i{background:var(--red)}.attention{display:grid;grid-template-columns:1fr 1fr;gap:12px}.attention>div{background:#f6f8fa;border-radius:10px;padding:20px}.attention span{font:700 30px Manrope}.attention p{font-size:12px;color:var(--muted);margin:6px 0 0}.filters{display:flex;gap:10px;align-items:center;margin-bottom:15px}.filters input,.filters select,input,select{border:1px solid #d6dee7;border-radius:8px;background:#fff;padding:10px 12px;outline:none}.filters input:focus,.filters select:focus,input:focus{border-color:#2a79b3;box-shadow:0 0 0 3px #2a79b31a}.search{min-width:300px;flex:1}.check{display:flex;gap:7px;align-items:center;font-size:12px;color:#556476;white-space:nowrap}.check input{width:auto}.table-wrap{overflow:auto;margin:0 -20px -20px}.table-wrap table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#667386;text-transform:uppercase;letter-spacing:.06em;font-size:9px;background:#f8f9fb;border-block:1px solid var(--line);padding:10px 13px;white-space:nowrap}td{padding:13px;border-bottom:1px solid #edf0f3;vertical-align:middle;white-space:nowrap}td:first-child,th:first-child{padding-left:20px}td b,td small{display:block}td small{font-size:10px;color:#7c8898;margin-top:3px}.pill{display:inline-flex;background:#edf2f6;color:#3c566c;border-radius:16px;padding:4px 8px;font-size:10px;text-transform:capitalize}.pill.teal{background:#e3f5f2;color:#147564}.date{display:block}.date small{font-size:9px;color:var(--green)}.date.warning,.date.warning small{color:var(--amber)}.date.expired,.date.expired small{color:var(--red)}.farm-cards,.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.farm-cards dl{margin:0}.farm-cards dl div{display:flex;justify-content:space-between;border-top:1px solid #edf0f3;padding:11px 0;font-size:12px}.farm-cards dt{color:var(--muted)}.farm-cards dd{margin:0;font-weight:500}.farm-cards button{margin-top:14px}.permission-list{display:flex;flex-wrap:wrap;gap:7px}.permission-list span{font-size:10px;background:#eef4f8;color:#315e7d;padding:5px 8px;border-radius:5px}.permission-list em{font-size:12px;color:var(--muted)}.timeline{display:grid;gap:12px}.timeline article{display:grid;grid-template-columns:5px 1fr;gap:18px;background:#fff;border:1px solid var(--line);padding:19px;border-radius:12px}.priority{border-radius:4px;background:#5aa3d6}.priority.warning{background:var(--amber)}.priority.critical{background:var(--red)}.row{display:flex;align-items:center;justify-content:space-between}.timeline h3{font:700 15px Manrope;margin:0}.timeline p{margin:9px 0;color:#45576a;font-size:13px}.timeline small{color:var(--muted)}.loading,.empty{display:flex;gap:9px;align-items:center;justify-content:center;color:var(--muted);padding:35px}.loading i{width:14px;height:14px;border:2px solid #ccd6df;border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}.empty{flex-direction:column}.empty span{font-size:29px;color:#9bb0c1}.splash{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--muted)}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(420px,.85fr)}.login-story{background:radial-gradient(circle at 10% 80%,#286b9480,transparent 34%),linear-gradient(145deg,#08253f,#12466e);color:#fff;padding:48px 60px;display:flex;flex-direction:column;justify-content:space-between}.login-story h1{font:700 clamp(38px,5vw,64px)/1.08 Manrope;margin:14px 0 22px}.login-story h1 em{font-style:normal;color:#79c8f7}.login-story>div>p:last-child{color:#bed0dc;max-width:620px;line-height:1.7}.trust-row{display:flex!important;gap:28px;font-size:11px;color:#bad0df}.trust-row span:before{content:"✓";color:#6acb9e;margin-right:7px}.login-panel{display:grid;place-items:center;background:#fff;padding:40px}.login-panel form{width:min(390px,100%)}.login-panel h2{font:700 30px Manrope;margin:8px 0}.muted{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:27px}.login-panel label{display:grid;gap:7px;font-size:12px;font-weight:600;margin:15px 0}.login-panel input{padding:12px}.alert{padding:12px;border-radius:8px;background:#edf6fb;color:#285d7e;font-size:12px;margin:13px 0}.alert.error{background:#fff0f1;color:#a52e3c}.alert code{display:block;white-space:pre-wrap;margin-top:8px}.secret{background:#f4f6f8;padding:12px;border-radius:8px;word-break:break-all}.secret small,.secret b{display:block}.secret b{margin-top:5px;font-family:monospace;letter-spacing:.08em}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.login-story{display:none}.login-page,.farm-cards,.role-grid{grid-template-columns:1fr}}@media(max-width:720px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px}.sidebar nav{display:flex;overflow:auto;margin-top:16px}.sidebar nav button{white-space:nowrap}.sidebar-foot{display:none}header{height:auto;padding:20px}.content{padding:18px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.filters{align-items:stretch;flex-direction:column}.search{min-width:0}.trust-row{flex-wrap:wrap}}:root{font-family:Inter Variable,SF Pro Text,Segoe UI Variable Text,Aptos,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";text-rendering:optimizeLegibility}.brand b,.brand-mark,header h1,.metric strong,.card-head h2,.attention span,.timeline h3,.login-story h1,.login-panel h2,.role-admin-list h3{font-family:Inter Variable,SF Pro Display,Segoe UI Variable Display,Aptos Display,system-ui,sans-serif;letter-spacing:-.025em}:root{color-scheme:light;--page: #f3f6fa;--surface: #ffffff;--surface-soft: #f7f9fc;--surface-raised: #ffffff;--text: #172033;--text-soft: #5d697a;--border: #d7dee8;--sidebar-a: #0a0d12;--sidebar-b: #10151c;--sidebar-text: #c8d8e7;--shadow: 0 8px 28px rgba(18, 48, 80, .055);--shadow-hover: 0 18px 44px rgba(18, 48, 80, .11);transition:color .2s ease,background-color .2s ease}:root[data-theme=dark]{color-scheme:dark;--page: #090c11;--surface: #10151c;--surface-soft: #141a22;--surface-raised: #151c24;--text: #f2f5f8;--text-soft: #8792a2;--border: #232b36;--sidebar-a: #090c11;--sidebar-b: #0d1218;--sidebar-text: #b8ccdf;--shadow: 0 12px 36px rgba(0, 0, 0, .22);--shadow-hover: 0 18px 44px rgba(0, 0, 0, .3);--navy: #45d9ff;--blue: #45d9ff;--line: var(--border);--muted: var(--text-soft);--green: #58e39b;--amber: #ffc96b;--red: #ff647c}body{background:var(--page);color:var(--text);letter-spacing:-.006em}.shell{background:radial-gradient(circle at 70% -10%,color-mix(in srgb,var(--blue) 8%,transparent),transparent 28%),var(--page)}.sidebar{background:color-mix(in srgb,var(--sidebar-a) 95%,transparent);border-right:1px solid var(--border);box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar nav button{color:var(--sidebar-text);transition:background .18s ease,color .18s ease,transform .18s ease}.sidebar nav button:hover{transform:translate(2px);background:var(--surface-soft)}.sidebar nav button.active{background:linear-gradient(90deg,color-mix(in srgb,var(--blue) 12%,var(--surface)),var(--surface));color:var(--blue);box-shadow:inset 2px 0 var(--blue)}header{position:relative;z-index:10;height:72px;padding:14px 28px;background:color-mix(in srgb,var(--surface) 88%,transparent);border-color:var(--border);color:var(--text);box-shadow:0 1px color-mix(in srgb,var(--border) 74%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.content{width:100%;max-width:1720px;min-width:0;padding:18px 24px 24px}.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:8px 13px;background:color-mix(in srgb,var(--surface-soft) 88%,transparent);color:var(--text);font-size:12px;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--blue) 40%,var(--border))}.theme-toggle span{font-size:17px;line-height:1}.ghost,.button.ghost{background:var(--surface);border-color:var(--border);color:var(--text)}.metric,.card,.timeline article{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-soft) 45%,var(--surface)));border-color:var(--border);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.metric:hover,.card:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--blue) 36%,var(--border))}.metric{border-radius:12px;padding:22px}.metric strong{color:var(--text);font-size:32px}.metric p,.card-head p,.farm-list small,.farm-list time,.muted{color:var(--text-soft)}.card{border-radius:12px;overflow:visible}.card-head h2,header h1{color:var(--text)}.attention>div{background:var(--surface-soft);border:1px solid var(--border)}.farm-list>div,.farm-cards dl div,td{border-color:var(--border)}.filters input,.filters select,input,select{background:color-mix(in srgb,var(--surface-soft) 94%,transparent);border-color:var(--border);color:var(--text);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}button,.button{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}button:active,.button:active{transform:translateY(1px)}.primary{background:linear-gradient(135deg,#176da2,#1e8bc2);box-shadow:0 7px 18px #176da22e}.primary:hover{box-shadow:0 10px 24px #176da242}.secondary{border:1px solid color-mix(in srgb,var(--blue) 15%,var(--border))}input::placeholder{color:var(--text-soft)}th{background:color-mix(in srgb,var(--surface-soft) 92%,var(--surface));border-color:var(--border);color:var(--text-soft)}tbody tr{transition:background .15s ease}tbody tr:hover{background:color-mix(in srgb,var(--blue) 6%,var(--surface))}.registrations-table table{width:max-content;min-width:100%}.registrations-page{width:100%;max-width:100%;min-width:0}.registrations-page .card{display:flex;width:100%;max-width:100%;height:calc(100dvh - 114px);min-width:0;padding-bottom:0;overflow:hidden;flex-direction:column}.registrations-page .card-head{flex:0 0 auto;align-items:center;gap:18px;margin-bottom:12px}.registration-head-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.registration-head-actions .date-range-filters{margin:0}.registration-head-actions .date-range-filters .check{margin-left:0}.registration-head-actions .date-range-filters input[type=date]{width:132px}.registrations-page .registrations-table{width:calc(100% + 40px);max-width:calc(100% + 40px);min-height:0;margin:0 -20px;padding-bottom:4px;overflow:auto;flex:1 1 auto;scrollbar-gutter:stable;overscroll-behavior:contain}.registrations-page .registrations-table::-webkit-scrollbar{width:12px;height:12px}.registrations-page .registrations-table::-webkit-scrollbar-track{background:var(--surface-soft)}.registrations-page .registrations-table::-webkit-scrollbar-thumb{border:3px solid var(--surface-soft);border-radius:999px;background:color-mix(in srgb,var(--text-soft) 55%,transparent)}.registrations-page .pagination{width:calc(100% + 40px);margin:0 -20px;flex:0 0 auto}.registrations-table th{position:sticky;z-index:2}.registrations-table thead tr:first-child th{top:0;height:39px}.registrations-table .column-filters th{top:39px;z-index:3;padding:6px 5px;background:var(--surface)}.column-filters input,.column-filters select{width:100%;min-width:64px;height:32px;border:1px solid var(--border);border-radius:9px;padding:5px 8px;background:var(--surface-soft);color:var(--text);font-size:10px;text-transform:none;letter-spacing:0}.column-filters input[type=date]{min-width:122px}.column-filters th:nth-child(1) input{min-width:110px}.column-filters th:nth-child(2) input{min-width:180px}.column-filters th:nth-child(3) select{min-width:90px}.column-filters th:nth-child(5) input,.column-filters th:nth-child(6) input{min-width:120px}.sort-button{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:inherit;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700;white-space:nowrap}.sort-button span{opacity:.38;font-size:11px}.sort-button.active{color:var(--blue)}.sort-button.active span{opacity:1}.card-actions{display:flex;align-items:center;gap:9px}.column-picker{position:relative}.column-menu{position:absolute;z-index:20;top:calc(100% + 8px);right:0;width:250px;max-height:420px;overflow:auto;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-hover)}.column-menu>div{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 10px;border-bottom:1px solid var(--border)}.column-menu>div button{border:0;background:transparent;color:var(--blue);font-size:11px;font-weight:700}.column-menu>label{display:flex;align-items:center;gap:9px;padding:7px 6px;color:var(--text);font-size:12px}.date-range-filters{justify-content:flex-start;gap:12px}.date-range-filters>span{color:var(--text);font-size:12px;font-weight:800}.date-range-filters>label:not(.check){display:flex;align-items:center;gap:7px;color:var(--text-soft);font-size:11px}.date-range-filters input[type=date]{width:150px}.date-input-wrap{display:flex;align-items:center;gap:5px;min-width:0}.date-input-wrap button{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text);font-size:18px;line-height:1}.date-input-wrap button:disabled{opacity:.3;cursor:not-allowed}.date-input-wrap button:not(:disabled):hover{border-color:var(--blue);color:var(--blue)}.date-range-filters .check{margin-left:auto}.mobile-table-hint{display:none}.export-excel{text-decoration:none}.clear-filters{border:1px solid color-mix(in srgb,var(--blue) 10%,var(--border));border-radius:999px;padding:8px 12px;background:color-mix(in srgb,var(--blue) 10%,var(--surface));color:var(--blue);font-size:11px;font-weight:700}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:14px 18px;border-top:1px solid var(--border);background:var(--surface)}.page-size,.page-buttons{display:flex;align-items:center;gap:8px}.page-size label,.page-summary,.page-buttons span{color:var(--text-soft);font-size:11px}.page-size select{min-width:68px;height:34px;padding:5px 8px;border:1px solid var(--border);border-radius:8px}.page-buttons button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);color:var(--text);font-size:18px;line-height:1}.page-buttons button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.page-buttons button:disabled{opacity:.38;cursor:not-allowed}.registrations-table td:nth-child(2){min-width:190px;max-width:260px;white-space:normal}.table-link{color:var(--blue);text-decoration:none;font-weight:600}.table-link:hover{text-decoration:underline}.number-cell{text-align:right;font-variant-numeric:tabular-nums}.module-flag{display:inline-grid;place-items:center;min-width:29px;height:23px;border-radius:7px;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}.module-flag.on{color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 26%,var(--border))}.module-flag.off{color:var(--text-soft);background:var(--surface-soft);border:1px solid var(--border)}.pill{background:color-mix(in srgb,var(--blue) 10%,var(--surface-soft));color:color-mix(in srgb,var(--blue) 80%,var(--text))}.permission-list span{background:color-mix(in srgb,var(--blue) 12%,var(--surface));color:color-mix(in srgb,var(--blue) 80%,var(--text))}.login-panel{background:var(--surface);color:var(--text)}.login-panel input{background:var(--surface-soft);color:var(--text)}.splash{background:var(--page)}.access-layout{display:grid;gap:20px}.access-layout>.alert{margin:0}.admin-form{display:grid;gap:14px;padding:18px;border-bottom:1px solid var(--border);background:var(--surface-soft)}.user-create-form{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end}.admin-form label,.form-grid label{display:grid;gap:6px;color:var(--text);font-size:11px;font-weight:700}.admin-form label small{color:var(--text-soft);font-weight:400}.admin-form input,.form-grid input{height:39px;padding:8px 10px;border:1px solid var(--border);border-radius:8px}.admin-form fieldset{grid-column:1 / -1;padding:12px;border:1px solid var(--border);border-radius:10px}.admin-form legend,.permission-editor legend{padding:0 6px;color:var(--text-soft);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.choice-grid{display:flex;flex-wrap:wrap;gap:8px 16px}.choice-grid label{display:flex;align-items:center;gap:6px}.choice-grid label span{padding:2px 5px;border-radius:5px;background:color-mix(in srgb,var(--blue) 12%,var(--surface));color:var(--blue);font-size:9px}.user-admin-list>article,.role-admin-list>article{display:grid;align-items:center;gap:16px;padding:14px 18px;border-top:1px solid var(--border)}.user-admin-list>article{grid-template-columns:minmax(230px,1.3fr) minmax(260px,2fr) auto}.role-admin-list>article{grid-template-columns:1fr auto}.role-admin-list>article h3{display:flex;align-items:center;gap:9px;margin:0 0 4px}.role-admin-list>article p{margin:0 0 4px;color:var(--text-soft)}.role-admin-list>article small{color:var(--text-soft)}.user-identity{display:flex;align-items:center;gap:10px}.user-identity small{display:block;margin-top:3px;color:var(--text-soft)}.assigned-roles{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.choice-grid.compact{gap:6px 14px}.row-actions,.modal-actions{display:flex;justify-content:flex-end;gap:8px}.protected-badge{padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--green) 13%,var(--surface));color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.field-error{width:100%;color:var(--red)}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:#030c18a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(860px,96vw);max-height:90vh;overflow:auto;padding:22px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 25px 80px #00000059}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal-head h2{margin:3px 0 0}.icon-button{width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);color:var(--text);font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .full{grid-column:1 / -1}.permission-editor{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.permission-editor fieldset{padding:11px;border:1px solid var(--border);border-radius:10px}.permission-editor label{display:flex;align-items:flex-start;gap:9px;padding:7px 4px}.permission-editor label span{display:grid;gap:2px}.permission-editor label small{color:var(--text-soft)}.auth-link{display:inline-flex;justify-content:center;border:0;background:transparent;color:var(--blue);padding:8px 0;font-size:12px;font-weight:700}.auth-link:hover{text-decoration:underline}.auth-link.centered{width:100%;margin-top:8px}.auth-link-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px}.otp-input{font:750 20px/1.2 Manrope,sans-serif;letter-spacing:.3em}.permission-matrix-wrap{max-width:100%;overflow:auto;margin:18px 0;border:1px solid var(--border);border-radius:12px}.permission-matrix{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}.permission-matrix th,.permission-matrix td{padding:11px 12px;border:0;border-bottom:1px solid var(--border);text-align:center}.permission-matrix thead th{position:sticky;top:0;z-index:2;background:var(--surface-soft);color:var(--text-soft)}.permission-matrix th:first-child{position:sticky;left:0;z-index:1;width:180px;min-width:180px;padding-left:14px;background:var(--surface);text-align:left}.permission-matrix thead th:first-child{z-index:3;background:var(--surface-soft)}.permission-matrix tbody tr:last-child th,.permission-matrix tbody tr:last-child td{border-bottom:0}.permission-matrix tbody tr:hover th,.permission-matrix tbody tr:hover td{background:var(--surface-soft)}.permission-matrix th b,.permission-matrix th small{display:block}.permission-matrix th small{margin-top:3px;color:var(--text-soft);font-size:9px;font-weight:500;text-transform:none;letter-spacing:0}.permission-matrix input[type=checkbox]{width:17px;height:17px;accent-color:var(--blue);cursor:pointer}.permission-unavailable{color:var(--border-strong)}:root[data-theme=dark] .sidebar nav button.active{background:#59b7f226}:root[data-theme=dark] .secondary{background:#17344b;color:#8fd2ff}:root[data-theme=dark] .alert{background:#142d42;color:#9fd8fb}:root[data-theme=dark] .alert.error{background:#3b2029;color:#ffacb4}:root[data-theme=dark] .pill.teal{background:#123b36;color:#69dfc6}:root[data-theme=dark] .loading i{border-color:#34475e;border-top-color:var(--blue)}.farm-card{transition:grid-column .2s ease,border-color .2s ease}.farm-card.expanded{grid-column:1 / -1}.farm-head-actions,.farm-actions{display:flex;align-items:center;gap:10px}.farm-expand{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text);font-size:18px}.farm-details-button{margin-top:14px;padding:10px 12px;border:0;background:transparent;color:var(--blue);font-size:11px;font-weight:700}.farm-server-health{margin:18px -20px -20px;padding:18px 20px 20px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-soft) 55%,transparent)}.farm-server-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.farm-server-title h3{margin:3px 0 0;font:650 15px Manrope,sans-serif}.farm-server-title>span{color:var(--text-soft);font-size:10px}.metric.drilldown{width:100%;color:var(--text);text-align:left;font:inherit;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.metric.drilldown:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--blue) 48%,var(--line));box-shadow:0 12px 26px color-mix(in srgb,var(--navy) 10%,transparent)}.metric.drilldown:focus-visible,.url-chart-row.drilldown:focus-visible{outline:3px solid color-mix(in srgb,var(--blue) 30%,transparent);outline-offset:2px}.metric.drilldown>i{position:absolute;top:50%;right:20px;color:var(--text-soft);font-size:19px;font-style:normal;transition:transform .18s ease}.metric.drilldown:hover>i{transform:translate(4px);color:var(--blue)}.url-chart{display:grid;max-height:430px;gap:6px;padding-right:4px;overflow-y:auto;scrollbar-gutter:stable}.url-chart-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(170px,2.3fr) auto 18px;width:100%;align-items:center;gap:13px;padding:11px 10px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:left}.url-chart-row.drilldown{cursor:pointer;transition:background .16s ease}.url-chart-row.drilldown:hover{background:var(--surface-soft)}.url-chart-label{min-width:0;overflow:hidden;color:var(--text);font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.url-chart-track{height:11px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--line) 78%,transparent)}.url-chart-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#55b7e9)}.url-chart-row strong{min-width:34px;color:var(--text);font:700 13px Manrope,sans-serif;text-align:right}.url-chart-arrow{color:var(--text-soft);font-size:17px;transition:transform .16s ease}.url-chart-row.drilldown:hover .url-chart-arrow{transform:translate(3px);color:var(--blue)}.mapping-toolbar{display:flex;gap:10px;margin-bottom:16px}.mapping-toolbar input{min-width:260px;flex:1}.mapping-list{overflow:hidden;border:1px solid var(--line);border-radius:11px}.mapping-list-head,.mapping-row{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(220px,1.7fr) 100px 90px;align-items:center;gap:14px;padding:11px 14px}.mapping-list-head{background:var(--surface-soft);color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700}.mapping-row{border-top:1px solid var(--line)}.mapping-row code{min-width:0;overflow:hidden;color:var(--text);font:600 12px DM Sans,sans-serif;text-overflow:ellipsis;white-space:nowrap}.mapping-row input{width:100%}.mapping-row>b{color:var(--text-soft);font-size:12px;text-align:right}@media(max-width:720px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.shell{width:100%;min-width:0}main{width:100%;min-width:0;overflow:hidden}.sidebar{width:100%;padding:12px 12px 8px;overflow:hidden}.sidebar .brand-mark{width:31px;height:31px;border-radius:9px;font-size:17px}.sidebar .brand b{font-size:15px}.sidebar .brand small{font-size:9px}.sidebar nav{width:100%;gap:5px;margin-top:11px;padding-bottom:4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button{flex:0 0 auto;min-height:42px;padding:9px 11px;gap:7px;font-size:11px;scroll-snap-align:start}.sidebar nav button span{width:16px;font-size:14px}header{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;padding:14px 12px;gap:10px}header h1{font-size:20px}.eyebrow{font-size:8px}.header-actions{gap:7px}.header-actions .ghost,.theme-toggle{min-height:40px;padding:7px 9px;font-size:11px}.theme-toggle span{font-size:15px}.content{width:100%;max-width:none;padding:12px 10px 32px}.card{width:100%;padding:14px;border-radius:12px}.mapping-toolbar{align-items:stretch;flex-direction:column}.mapping-toolbar input{min-width:0}.mapping-list{border:0;overflow:visible}.mapping-list-head{display:none}.mapping-row{grid-template-columns:1fr auto;margin-bottom:10px;padding:13px;border:1px solid var(--line);border-radius:10px}.mapping-row code{grid-column:1}.mapping-row input{grid-column:1 / -1;grid-row:2}.mapping-row>b{grid-column:2;grid-row:1}.mapping-row button{grid-column:1 / -1;grid-row:3}.farm-card.expanded{grid-column:auto}.url-chart-row{grid-template-columns:minmax(0,1fr) auto 16px;gap:8px;padding:10px 7px}.url-chart-track{grid-column:1 / -1;grid-row:2;height:8px}.url-chart-row strong{grid-column:2;grid-row:1}.url-chart-arrow{grid-column:3;grid-row:1}.registrations-page .card{height:auto;min-height:0;padding-bottom:0;overflow:hidden}.card-head{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:15px}.registrations-page .card-head{align-items:stretch}.registration-head-actions{display:grid;width:100%;justify-content:stretch;gap:9px}.card-actions{display:flex;width:100%;align-items:stretch;flex-wrap:wrap;gap:7px}.card-actions>.column-picker,.card-actions>.button,.card-actions>.clear-filters{flex:1 1 104px}.card-actions>.button,.card-actions>.clear-filters,.column-picker>button{width:100%;min-height:42px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.column-menu{position:fixed;inset:106px 10px 12px;width:auto;max-height:none;padding:12px}.column-menu>label{min-height:40px}.date-range-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;gap:10px;align-items:end}.date-range-filters>span{grid-column:1 / -1}.date-range-filters>label:not(.check){display:grid;min-width:0;gap:5px}.date-range-filters input[type=date]{width:100%;min-width:0;height:44px;padding:8px;-webkit-appearance:none;appearance:none}.date-input-wrap{width:100%}.date-input-wrap input{flex:1 1 auto}.date-input-wrap button{width:42px;height:44px;flex-basis:42px}.date-range-filters .check{grid-column:1 / -1;min-height:40px;margin-left:0}.mobile-table-hint{display:flex;align-items:center;gap:6px;margin:2px 0 8px;color:var(--text-soft);font-size:10px}.mobile-table-hint:before{content:"↔";color:var(--blue);font-size:15px}.registrations-table,.registrations-page .registrations-table{width:calc(100% + 28px);max-width:calc(100vw - 20px);margin:0 -14px;padding-bottom:3px;overflow-x:auto;overflow-y:visible;flex:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.registrations-table table{min-width:max-content;font-size:11px}.registrations-table th{padding:9px 10px}.registrations-table td{padding:11px 10px}.registrations-table th:first-child,.registrations-table td:first-child{position:sticky;left:0;z-index:5;background:var(--surface);box-shadow:1px 0 0 var(--border)}.registrations-table thead tr:first-child th:first-child{z-index:7;background:var(--surface-soft)}.registrations-table .column-filters th:first-child{z-index:8}.registrations-table td:nth-child(2){min-width:165px;max-width:210px}.pagination,.registrations-page .pagination{display:grid;grid-template-columns:1fr auto;width:calc(100% + 28px);margin:0 -14px;padding:13px 12px;gap:12px 8px}.page-size{justify-self:start}.page-summary{justify-self:end}.page-buttons{grid-column:1 / -1;justify-content:center}.page-buttons button{width:42px;height:42px}.user-create-form,.form-grid,.permission-editor{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.user-admin-list>article{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal-card{width:100%;max-height:calc(100vh - 16px);padding:16px}}.observatory-mark{display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:3px;padding:9px;background:linear-gradient(145deg,#1d323b,#111820)!important;border:1px solid #2a414b;box-shadow:none!important}.observatory-mark i{width:4px;border-radius:4px;background:#45d9ff;box-shadow:0 0 12px #45d9ff88}.observatory-mark i:nth-child(1){height:9px}.observatory-mark i:nth-child(2){height:17px}.observatory-mark i:nth-child(3){height:12px}.observability-page{display:grid;gap:14px;--cyan:#45d9ff;--violet:#a48cff}.ops-toolbar{display:flex;gap:9px;align-items:stretch;padding:0 0 2px}.ops-search{display:flex;flex:1;min-width:220px;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.ops-search span{color:var(--text-soft);font-size:18px}.ops-search input{width:100%;padding:0;border:0;background:transparent;box-shadow:none}.ops-compact{width:145px;padding:5px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.ops-compact>span{display:block;color:var(--text-soft);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.ops-compact input{width:100%;padding:0;border:0;background:transparent;box-shadow:none;font-size:12px}.ops-toolbar>select,.error-toggle,.ops-refresh{min-height:43px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-size:11px;font-weight:650}.error-toggle{padding:0 12px}.error-toggle span{display:inline-grid;width:17px;height:17px;margin-right:5px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--red) 18%,var(--surface));color:var(--red)}.error-toggle.active{border-color:color-mix(in srgb,var(--red) 55%,var(--border));background:color-mix(in srgb,var(--red) 12%,var(--surface));color:var(--red)}.ops-refresh{width:43px;font-size:19px}.ops-refresh.loading{animation:spin .8s linear infinite}.ops-notice{padding:10px 13px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:12px}.ops-notice.error{border-color:color-mix(in srgb,var(--red) 45%,var(--border));color:var(--red)}.ops-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ops-metric,.ops-panel{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-soft) 45%,var(--surface)));box-shadow:var(--shadow)}.ops-metric{min-height:145px;padding:18px}.ops-metric:before{position:absolute;inset:0 0 auto;height:2px;background:var(--accent);content:""}.ops-metric.cyan{--accent:var(--cyan)}.ops-metric.green{--accent:var(--green)}.ops-metric.red{--accent:var(--red)}.ops-metric.violet{--accent:var(--violet)}.ops-metric p{margin:0;color:var(--text-soft);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ops-metric strong{display:block;margin:16px 0 5px;color:var(--text);font:700 30px Manrope,sans-serif}.ops-metric small{color:var(--text-soft);font-size:11px}.ops-panel{padding:18px}.ops-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.ops-panel-head p{margin:0 0 4px;color:var(--text-soft);font-size:9px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.ops-panel-head h2{margin:0;color:var(--text);font:650 16px Manrope,sans-serif}.ops-panel-head small{display:block;margin-top:4px;color:var(--text-soft)}.ops-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:14px}.traffic-chart{display:grid;height:250px;place-items:center;color:var(--text-soft)}.traffic-chart svg{width:100%;height:100%;overflow:visible}.traffic-chart path{fill:none;vector-effect:non-scaling-stroke}.traffic-chart .grid{stroke:var(--border);stroke-width:1}.traffic-chart .requests{stroke:var(--cyan);stroke-width:2}.traffic-chart .exceptions{stroke:var(--red);stroke-width:1.5}.rank-list{display:flex;flex-direction:column;gap:14px}.rank-row{display:grid;grid-template-columns:minmax(100px,1fr) 2fr 58px;align-items:center;gap:10px;font-size:11px}.rank-row b{overflow:hidden;color:var(--text);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.rank-row>span,.server-load{height:6px;overflow:hidden;border-radius:9px;background:var(--border)}.rank-row>span i,.server-load i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#29798f,var(--cyan))}.rank-row em{color:var(--text-soft);font-style:normal;text-align:right}.live-badge,.health-badge{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:9px;font-weight:800;text-transform:uppercase}.live-badge i,.health-badge i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.server-health-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:10px}.server-health-grid>button{display:grid;gap:15px;padding:15px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);color:var(--text);text-align:left}.server-health-grid>button:hover{border-color:color-mix(in srgb,var(--cyan) 55%,var(--border));transform:translateY(-1px)}.server-health-grid>button>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px}.server-health-grid strong{font-size:14px}.server-health-grid small{grid-column:2;color:var(--text-soft)}.server-health-grid dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0}.server-health-grid dl div{border-left:1px solid var(--border);padding-left:9px}.server-health-grid dl div:first-child{border:0;padding-left:0}.server-health-grid dt{color:var(--text-soft);font-size:8px;text-transform:uppercase}.server-health-grid dd{margin:3px 0 0;font-size:11px;font-weight:700}.health-badge{grid-row:1 / 3}.health-badge.degraded{color:var(--amber)}.health-badge.critical{color:var(--red)}.ops-table-wrap{overflow:auto;margin:0 -18px -18px}.ops-table{width:100%;min-width:780px;border-collapse:collapse}.ops-table th{padding:10px 18px}.ops-table td{padding:12px 18px;color:var(--text-soft);font-size:11px}.ops-table td b{color:var(--text);font-size:12px}.text-action{border:0;background:none;color:var(--cyan);font-size:11px;font-weight:650}.log-actions{display:flex;gap:8px}.log-actions label{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--border);border-radius:8px;color:var(--text-soft);font-size:10px}.log-actions input{width:66px;padding:2px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;text-align:right}.log-stream{max-height:calc(100vh - 300px);min-height:420px;margin-bottom:0}.log-stream tbody tr{cursor:pointer}.event-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px color-mix(in srgb,var(--green) 60%,transparent)}.event-dot.error{background:var(--red)}.event-dot.slow{background:var(--amber)}.version-chip{display:inline-block;padding:3px 6px;border-radius:4px;background:var(--surface-soft);color:var(--text-soft);font-size:9px}.ops-pagination{display:flex;align-items:center;justify-content:space-between;padding-top:14px;color:var(--text-soft);font-size:11px}.ops-pagination div{display:flex}.ops-pagination button{padding:7px 10px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.ops-pagination button:first-child{border-radius:7px 0 0 7px}.ops-pagination button:last-child{border-radius:0 7px 7px 0}.ops-pagination button:disabled{opacity:.35}.drawer-shade{position:fixed;z-index:80;inset:0;background:#05070aa8}.log-drawer{position:fixed;z-index:81;inset:0 0 0 auto;width:min(520px,94vw);overflow:auto;padding:22px;background:var(--surface);border-left:1px solid var(--border);box-shadow:-20px 0 70px #0005}.drawer-title{display:flex;justify-content:space-between;margin-bottom:20px}.drawer-title p{margin:0;color:var(--text-soft);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.drawer-title h2{margin:4px 0}.drawer-title button{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text);font-size:21px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-grid div{padding:11px;border-radius:8px;background:var(--surface-soft)}.detail-grid span,.detail-grid b{display:block}.detail-grid span{color:var(--text-soft);font-size:8px;text-transform:uppercase}.detail-grid b{margin-top:4px;font-size:11px;overflow-wrap:anywhere}.trace{margin-top:14px}.trace h3{font-size:11px;text-transform:uppercase}.trace pre{overflow:auto;padding:12px;border:1px solid color-mix(in srgb,var(--red) 30%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--red) 7%,var(--surface));color:var(--red);font:11px/1.55 monospace;white-space:pre-wrap}.ops-table-wrap .empty{min-height:280px}.health-badge.healthy{color:var(--green)}@media(max-width:1200px){.ops-toolbar{flex-wrap:wrap}.ops-search{flex-basis:100%}.ops-compact{flex:1;min-width:135px}.server-health-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.ops-metrics{grid-template-columns:1fr 1fr}.ops-grid{grid-template-columns:1fr}.ops-toolbar{display:grid;grid-template-columns:1fr 1fr}.ops-search{grid-column:1/-1;min-height:44px}.ops-compact{width:auto;min-width:0}.ops-toolbar>select{min-width:0}.server-health-grid{grid-template-columns:1fr}.ops-panel{padding:14px}.ops-table-wrap{margin:0 -14px -14px}.log-actions{align-items:stretch;flex-direction:column}.detail-grid{grid-template-columns:1fr}.traffic-chart{height:190px}}.login-story{background:radial-gradient(circle at 70% -10%,#18313b 0,transparent 34%),radial-gradient(circle at 5% 95%,#122b34 0,transparent 34%),#090c11}.login-story h1 em{color:#45d9ff}.login-story>div>p:last-child{color:#8792a2}.login-panel{background:var(--surface)}.login-story .eyebrow.light{color:#45d9ff}.observatory-mark.large{padding:14px!important}.observatory-mark.large i{width:6px}.observatory-mark.large i:nth-child(1){height:15px}.observatory-mark.large i:nth-child(2){height:27px}.observatory-mark.large i:nth-child(3){height:20px}.ops-refresh{display:grid;width:43px;min-width:43px;max-width:43px;height:43px;min-height:43px;max-height:43px;flex:0 0 43px;align-self:center;place-items:center;gap:0;overflow:hidden;padding:0;margin:0;animation:none!important}.ops-refresh span{display:block;width:20px;height:20px;line-height:20px}.ops-refresh.is-loading span{animation:spin .8s linear infinite}.observability-page .ops-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.rank-row{grid-template-columns:minmax(105px,1fr) 2fr minmax(118px,auto)}.rank-row em{display:grid;gap:1px}.rank-row em strong{color:var(--text);font-size:11px}.rank-row em small{font-size:9px;white-space:nowrap}.server-health-grid dl{grid-template-columns:repeat(5,minmax(0,1fr))}.server-health-grid>button:not(.interactive){cursor:default}.server-health-grid>button:not(.interactive):hover{transform:none;border-color:var(--border)}@media(max-width:1200px){.observability-page .ops-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.observability-page .ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.traffic-chart.insight-chart{display:grid;height:auto;min-height:0;place-items:stretch;gap:8px}.traffic-summary{display:flex;align-items:center;gap:22px;min-height:34px;padding:0 8px}.traffic-summary span{display:grid;gap:2px}.traffic-summary small{color:var(--text-soft);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.traffic-summary b{font-size:12px}.traffic-summary .chart-legend{display:flex;margin-left:auto;align-items:center;grid-auto-flow:column;gap:6px;color:var(--text-soft);font-size:9px}.chart-legend i{width:7px;height:7px;border-radius:50%}.request-key{background:var(--cyan)}.exception-key{margin-left:8px;background:var(--red)}.insight-chart svg{width:100%;height:250px;overflow:visible}.insight-chart .request-area{fill:url(#request-area);stroke:none}.insight-chart .grid{stroke:var(--border);stroke-width:1}.insight-chart .requests{stroke:var(--cyan);stroke-width:2.2}.insight-chart .exceptions{stroke:var(--red);stroke-width:1.6;stroke-dasharray:5 4}.insight-chart .axis-label,.insight-chart .axis-title{fill:var(--text-soft);font-size:10px}.insight-chart .axis-title{font-size:9px;font-weight:700;text-transform:uppercase}.insight-chart .exception-axis{fill:var(--red)}.insight-chart .request-point{fill:var(--surface);stroke:var(--cyan);stroke-width:2;cursor:help}.insight-chart .exception-point{fill:var(--red);stroke:var(--surface);stroke-width:1.5;cursor:help}.insight-chart circle:hover{r:5px}@media(max-width:760px){.traffic-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.traffic-summary .chart-legend{grid-column:1/-1;margin-left:0}.insight-chart svg{height:220px}}.rank-row{width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}.rank-row:hover{transform:none}.rank-row:hover>span,.rank-row:focus-visible>span{outline:1px solid color-mix(in srgb,var(--cyan) 70%,var(--border));outline-offset:2px}.rank-row:focus-visible{outline:none}.actionable-point{cursor:pointer!important;outline:none}.actionable-point:focus{stroke-width:4}.ops-drilldown{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--cyan) 35%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--cyan) 7%,var(--surface));color:var(--text-soft);font-size:11px}.ops-drilldown span{display:flex;align-items:center;gap:8px}.ops-drilldown b{color:var(--cyan)}.ops-drilldown button{padding:5px 9px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);font-size:10px}.ops-time-filter{display:flex;position:relative;align-items:end;gap:9px;padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.ops-time-filter>div{display:grid;min-width:220px;gap:2px}.ops-time-filter p{margin:0;color:var(--text);font-size:11px;font-weight:700}.ops-time-filter p small{margin-left:5px;color:var(--text-soft);font-size:9px;font-weight:400}.ops-time-filter>div>span{color:var(--cyan);font-size:9px}.ops-time-filter label{display:grid;gap:3px;color:var(--text-soft);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.ops-time-filter input{width:185px;height:32px;padding:5px 8px;font-size:10px}.ops-time-filter button{height:32px;padding:5px 11px;font-size:10px}.ops-time-filter .field-error{position:absolute;right:12px;bottom:-16px;color:var(--red);font-size:9px}.logs-page{display:flex;height:calc(100dvh - 114px);min-height:0;overflow:hidden;flex-direction:column}.logs-page>.ops-toolbar,.logs-page>.ops-time-filter,.logs-page>.ops-notice{flex:0 0 auto}.logs-page>.ops-panel .ops-panel-head,.logs-page>.ops-panel .ops-pagination{flex:0 0 auto}.logs-page>.ops-panel .log-stream{min-height:0;max-height:none;margin:0 -18px;overflow:auto;flex:1 1 auto}@media(max-width:1000px){.ops-time-filter{align-items:stretch;flex-wrap:wrap}.ops-time-filter>div{flex:1 0 100%}.ops-time-filter label{flex:1}.ops-time-filter input{width:100%}}@media(max-width:760px){.logs-page{height:auto;min-height:0;overflow:visible}.logs-page>.ops-panel .log-stream{max-height:65vh}.ops-time-filter label{flex:1 0 100%}}.ops-toolbar>.ops-time-filter{display:flex;position:relative;min-width:445px;flex:1 1 445px;align-items:stretch;gap:7px;padding:0;border:0;background:transparent}.ops-toolbar>.ops-time-filter label{display:grid;min-width:145px;flex:1;gap:2px;padding:5px 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-soft);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.ops-toolbar>.ops-time-filter input{width:100%;height:auto;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;font-size:10px}.ops-toolbar>.ops-time-filter button{height:auto;min-height:43px;align-self:stretch;margin:0}.ops-toolbar>.ops-time-filter .time-plus-six{min-width:46px;padding-inline:8px}.ops-toolbar>.ops-time-filter .ghost{width:34px;padding:0;font-size:17px}.ops-toolbar>.ops-time-filter>span{position:absolute;top:-7px;right:71px;padding:1px 5px;border-radius:8px;background:var(--cyan);color:#061016;font-size:7px;font-weight:800;text-transform:uppercase}.ops-toolbar>.ops-time-filter .field-error{position:absolute;z-index:2;top:calc(100% + 3px);right:0;padding:3px 6px;border-radius:5px;background:var(--surface);box-shadow:var(--shadow);white-space:nowrap}.logs-page>.ops-toolbar{flex:0 0 auto}.logs-page>.ops-panel{display:flex;min-height:0;overflow:hidden;flex:1 1 auto;flex-direction:column}@media(max-width:1200px){.ops-toolbar>.ops-time-filter{flex-basis:100%;order:-1}}@media(max-width:760px){.ops-toolbar>.ops-time-filter{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;min-width:0}.ops-toolbar>.ops-time-filter button{min-height:36px}.ops-toolbar>.ops-time-filter>span{right:42px}}.server-health-grid .infrastructure-stats{grid-template-columns:repeat(5,minmax(0,1fr));padding-top:11px;border-top:1px solid var(--border)}.server-health-grid .infrastructure-stats dd{font-size:12px}.server-health-grid .infrastructure-stats .problem-stat dd{color:var(--red)}.server-health-grid .infrastructure-unavailable{display:block;padding-top:10px;border-top:1px solid var(--border);color:var(--text-soft);font-size:9px}.server-health-grid>button>div.infrastructure-unavailable{display:block}.server-health-grid>button:has(.infrastructure-stats){gap:11px}.problem-table{max-height:620px;margin-bottom:0}.problem-table .ops-table{min-width:1050px}.problem-table th:first-child{width:95px}.problem-table th:nth-child(2){width:80px}.problem-table th:nth-child(5),.problem-table th:nth-child(6){width:100px}.problem-severity{display:inline-flex;padding:4px 7px;border-radius:5px;font-size:9px;font-weight:800;text-transform:uppercase}.severity-0,.severity-1{background:color-mix(in srgb,var(--cyan) 12%,var(--surface));color:var(--cyan)}.severity-2{background:color-mix(in srgb,var(--amber) 13%,var(--surface));color:var(--amber)}.severity-3{background:color-mix(in srgb,#ff8b45 15%,var(--surface));color:#ff9c62}.severity-4,.severity-5{background:color-mix(in srgb,var(--red) 15%,var(--surface));color:var(--red)}.open-state{color:var(--red);font-weight:700}.ack-state{color:var(--green)}.muted-state{color:var(--text-soft)}.problem-footer{display:flex;min-height:50px;align-items:center;justify-content:space-between;color:var(--text-soft);font-size:10px}.problem-footer .secondary{flex:0 0 auto}.compact-empty{min-height:110px!important}.server-health-grid>.server-card{display:grid;gap:11px;padding:15px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);color:var(--text);text-align:left}.server-card-head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px}.server-card-head small{grid-column:2}.server-card .infrastructure-unavailable{display:block}.server-card .problem-stat button{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:transparent;color:var(--red);font:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--red) 45%,transparent);text-underline-offset:3px}.server-card .problem-stat button:hover{color:#ff8aa0}.server-card .problem-stat button:disabled{cursor:default;color:var(--text-soft);text-decoration:none}.server-card-actions{display:flex!important;justify-content:flex-end;border-top:1px solid var(--border);padding-top:9px}.server-card-actions button{padding:3px 0;border:0;background:transparent;color:var(--cyan);font-size:10px;font-weight:700}.server-card-actions button:hover{text-decoration:underline}.problem-panel-actions{display:flex;align-items:center;gap:14px}.problem-panel-actions .text-action{padding:0}.ops-compact.filter-active,.ops-toolbar>.ops-time-filter label.filter-active,.ops-toolbar>select.filter-active{border-color:color-mix(in srgb,var(--cyan) 65%,var(--border));background:color-mix(in srgb,var(--cyan) 8%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cyan) 12%,transparent)}.ops-compact.filter-active>span,.ops-toolbar>.ops-time-filter label.filter-active{color:var(--cyan)}.ops-toolbar>.ops-time-filter .inspect-button{display:grid;width:43px;min-width:43px;padding:0;place-items:center}.inspect-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.ops-time-filter button:disabled,.ops-clear-all:disabled{cursor:not-allowed;opacity:.35}.ops-clear-all{display:flex;min-width:62px;height:43px;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-soft);font-size:10px}.ops-clear-all span{font-size:16px;line-height:1}.ops-clear-all b{font-size:9px}.ops-clear-all:not(:disabled):hover{border-color:color-mix(in srgb,var(--cyan) 45%,var(--border));color:var(--cyan)}@media(max-width:760px){.ops-clear-all{min-width:0}.ops-clear-all b{display:none}}.observability-page:not(.logs-page)>.ops-toolbar{position:sticky;z-index:35;top:0;margin:-8px -8px 0;padding:8px;background:color-mix(in srgb,var(--page) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}#infrastructure-problems{scroll-margin-top:66px}.ops-clear-all:not(:disabled){border-color:color-mix(in srgb,var(--blue) 70%,var(--border));background:color-mix(in srgb,var(--blue) 72%,#0b1b25);color:#fff}.ops-clear-all:not(:disabled):hover{border-color:var(--cyan);color:#fff}@media(max-width:760px){.observability-page:not(.logs-page)>.ops-toolbar{top:0;margin:-4px -4px 0;padding:6px}#infrastructure-problems{scroll-margin-top:128px}}.farm-operations{display:grid;gap:10px}.farm-operation{overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft)}.farm-operation.expanded{border-color:color-mix(in srgb,var(--cyan) 48%,var(--border));box-shadow:0 12px 32px color-mix(in srgb,#000 14%,transparent)}.farm-operation-head{display:grid;width:100%;grid-template-columns:minmax(190px,1.15fr) minmax(500px,2fr) auto;align-items:center;gap:20px;padding:15px 16px;border:0;background:transparent;color:var(--text);text-align:left}.farm-operation-head:hover{background:color-mix(in srgb,var(--cyan) 4%,var(--surface-soft))}.farm-operation-title{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px}.farm-operation-title .health-badge{grid-row:1/3}.farm-operation-title span,.farm-operation-title strong,.farm-operation-title small{display:block;min-width:0}.farm-operation-title strong{font:650 15px Manrope,sans-serif}.farm-operation-title small{margin-top:3px;overflow:hidden;color:var(--text-soft);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.farm-operation-head dl{display:grid;grid-template-columns:repeat(5,minmax(70px,1fr));margin:0}.farm-operation-head dl div{padding-left:13px;border-left:1px solid var(--border)}.farm-operation-head dt{color:var(--text-soft);font-size:8px;text-transform:uppercase}.farm-operation-head dd{margin:4px 0 0;font-size:12px;font-weight:750}.farm-operation-head .problem-stat dd{color:var(--red)}.farm-operation-meta{display:flex;min-width:175px;align-items:center;justify-content:flex-end;gap:13px;color:var(--text-soft);font-size:9px;text-align:right}.farm-operation-meta i{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border:1px solid var(--border);border-radius:7px;color:var(--cyan);font-size:18px;font-style:normal}.farm-operation-body{padding:18px 16px 16px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 52%,transparent)}.farm-operation-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.farm-operation-section-head p{margin:0;color:var(--text-soft);font-size:8px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.farm-operation-section-head h3{margin:3px 0 0;font:650 14px Manrope,sans-serif}.farm-operation-section-head>span{color:var(--text-soft);font-size:10px}.farm-alerts{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);scroll-margin-top:78px}.farm-alerts .problem-table{margin-inline:-16px}.farm-alerts .problem-footer{padding-inline:0}@media(max-width:1100px){.farm-operation-head{grid-template-columns:1fr auto}.farm-operation-head dl{grid-column:1/-1;grid-row:2}.farm-operation-meta{grid-column:2;grid-row:1;min-width:0}.farm-operation-meta{font-size:0}.farm-operation-meta i{font-size:18px}}@media(max-width:760px){.farm-operation-head{gap:12px;padding:13px}.farm-operation-head dl{grid-template-columns:repeat(3,1fr);gap:10px}.farm-operation-head dl div{padding-left:9px}.farm-operation-head dl div:nth-child(4){border-left:0;padding-left:0}.farm-operation-body{padding:14px 12px}.farm-operation-section-head{align-items:flex-start;flex-direction:column}.farm-alerts .problem-table{margin-inline:-12px}}.health-badge.online{color:var(--green)}.health-badge.partial{color:var(--amber)}.health-badge.offline{color:var(--red)}.health-badge.unmonitored{color:var(--text-soft)}.metric-healthy{--metric-tone:var(--green)}.metric-warning{--metric-tone:var(--amber)}.metric-critical{--metric-tone:var(--red)}.metric-info{--metric-tone:var(--cyan)}.server-card dl div.metric-healthy,.server-card dl div.metric-warning,.server-card dl div.metric-critical,.server-card dl div.metric-info{border-left-color:var(--metric-tone);box-shadow:inset 2px 0 color-mix(in srgb,var(--metric-tone) 78%,transparent)}.server-health-grid dl div:first-child.metric-healthy,.server-health-grid dl div:first-child.metric-warning,.server-health-grid dl div:first-child.metric-critical,.server-health-grid dl div:first-child.metric-info{padding-left:9px}.server-card dl div.metric-healthy dt,.server-card dl div.metric-healthy dd,.server-card dl div.metric-warning dt,.server-card dl div.metric-warning dd,.server-card dl div.metric-critical dt,.server-card dl div.metric-critical dd,.server-card dl div.metric-info dt,.server-card dl div.metric-info dd,.server-card dl div.metric-warning button,.server-card dl div.metric-critical button,.server-card dl div.metric-info button{color:var(--metric-tone)}.server-card dl div.metric-healthy{--metric-tone:color-mix(in srgb,var(--green) 72%,var(--text))}.server-health-grid .infrastructure-stats .problem-stat.metric-healthy dd,.server-health-grid .infrastructure-stats .problem-stat.metric-healthy button,.server-health-grid .infrastructure-stats .problem-stat.metric-warning dd,.server-health-grid .infrastructure-stats .problem-stat.metric-warning button,.server-health-grid .infrastructure-stats .problem-stat.metric-critical dd,.server-health-grid .infrastructure-stats .problem-stat.metric-critical button,.server-health-grid .infrastructure-stats .problem-stat.metric-info dd,.server-health-grid .infrastructure-stats .problem-stat.metric-info button,.farm-operation-head dl div.metric-healthy dt,.farm-operation-head dl div.metric-healthy dd,.farm-operation-head dl div.metric-warning dt,.farm-operation-head dl div.metric-warning dd,.farm-operation-head dl div.metric-critical dt,.farm-operation-head dl div.metric-critical dd,.farm-operation-head dl div.metric-info dt,.farm-operation-head dl div.metric-info dd{color:var(--metric-tone)}
