:root{--primary: rgb(0, 122, 204);--primary-dark: rgb(0, 86, 150);--primary-hover: rgb(0, 108, 184);--primary-tint: rgb(232, 243, 251);--content-bg: rgb(245, 247, 250);--card-bg: #fff;--card-border: rgb(226, 231, 236);--border-soft: rgb(213, 218, 223);--text: rgb(33, 37, 41);--text-muted: rgb(108, 117, 125);--label: rgb(80, 80, 80);--success: rgb(25, 135, 84);--danger: rgb(200, 35, 51);--warning: rgb(204, 120, 0);--warning-tint: rgb(255, 246, 229);--control-height: 36px;--titlebar-height: 44px;--radius: 8px;--card-radius: 12px;--gap: 12px;--shadow: 0 4px 16px rgba(16, 24, 40, .12);--card-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--focus-ring: 0 0 0 3px rgba(0, 122, 204, .3);--input-bg: #fff;--input-readonly-bg: var(--content-bg);--row-alt: rgb(250, 251, 253);--row-selected: rgb(214, 234, 248);--summary-bg: rgb(255, 248, 225);--success-tint: rgb(232, 245, 238);--danger-tint: rgb(252, 234, 236);--success-fill: rgb(25, 135, 84);--danger-fill: rgb(200, 35, 51);--border-hover: rgb(190, 197, 204);--backdrop: rgba(16, 24, 40, .5);--sidebar-bg: linear-gradient(180deg, rgb(17, 36, 64) 0%, rgb(12, 27, 48) 100%);--sidebar-hover: rgba(255, 255, 255, .07);--nav-active-bg: rgba(64, 156, 240, .2);--nav-active-text: #fff;--nav-active-accent: rgb(84, 170, 255);--scroll-thumb: rgb(192, 200, 210);--grid-head-bg: var(--primary);--grid-head-text: #fff;--grid-head-line: var(--primary-dark);--grid-head-divider: rgba(255, 255, 255, .25);--flip: 1;color-scheme:light}:root[data-theme=dark]{--primary: rgb(28, 132, 218);--primary-dark: rgb(125, 188, 245);--primary-hover: rgb(22, 118, 198);--primary-tint: rgba(56, 152, 236, .16);--content-bg: rgb(15, 18, 23);--card-bg: rgb(24, 28, 35);--card-border: rgb(44, 50, 60);--border-soft: rgb(62, 70, 82);--border-hover: rgb(88, 98, 112);--text: rgb(229, 232, 237);--text-muted: rgb(148, 156, 168);--label: rgb(188, 195, 205);--success: rgb(86, 204, 140);--danger: rgb(244, 112, 122);--warning: rgb(240, 172, 72);--warning-tint: rgba(240, 172, 72, .14);--success-tint: rgba(86, 204, 140, .14);--danger-tint: rgba(244, 112, 122, .14);--input-bg: rgb(18, 22, 28);--input-readonly-bg: rgb(34, 39, 48);--row-alt: rgb(28, 32, 40);--row-selected: rgb(30, 54, 80);--summary-bg: rgb(46, 41, 28);--shadow: 0 6px 20px rgba(0, 0, 0, .5);--card-shadow: 0 1px 2px rgba(0, 0, 0, .3);--focus-ring: 0 0 0 3px rgba(56, 152, 236, .45);--backdrop: rgba(0, 0, 0, .6);--sidebar-bg: rgb(20, 24, 31);--sidebar-hover: rgb(34, 40, 50);--nav-active-bg: rgba(56, 152, 236, .22);--nav-active-text: #fff;--nav-active-accent: rgb(84, 170, 255);--scroll-thumb: rgb(70, 78, 92);--sidebar-border: rgb(36, 42, 52);--grid-head-bg: rgb(22, 96, 160);--grid-head-text: #fff;--grid-head-line: rgb(16, 72, 122);--grid-head-divider: rgba(255, 255, 255, .2);color-scheme:dark}:root[data-theme=dark] .input.special{color:var(--text)}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}html,body{margin:0;height:100%}body{transition:background-color .2s,color .2s;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:14px;color:var(--text);background:var(--content-bg)}:where(a,button,select,summary,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:focus-visible,.title-btn:focus-visible,.row-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}table.grid tbody tr:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--primary)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden}.card-title{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 16px;background:var(--card-bg);color:var(--text);border-bottom:1px solid var(--card-border);font-weight:700;font-size:15px}.card-title:before{content:"";flex:0 0 4px;height:18px;margin-inline-end:-2px;border-radius:2px;background:var(--primary)}.records>.card-title:before{margin-inline-end:2px}.card-body{padding:16px}.field{display:flex;flex-direction:column;gap:3px;min-width:0}.field>label{font-size:12px;font-weight:700;color:var(--label);transition:color .15s}.field:focus-within>label{color:var(--primary)}.field:has(.invalid)>label{color:var(--danger)}.req{color:var(--danger);margin-inline-start:1px}.field .hint{font-size:12px;font-weight:600;color:var(--warning)}.input,select.input{height:var(--control-height);width:100%;padding:0 10px;font:inherit;font-size:14px;color:var(--text);background:var(--input-bg);border:1px solid var(--border-soft);border-radius:var(--radius);outline:none;transition:border-color .15s,box-shadow .15s}textarea.input{height:auto;min-height:60px;padding:8px 10px;resize:vertical}.input:hover:not(:focus):not([readonly]):not(:disabled):not(.invalid){border-color:var(--border-hover)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #007acc26}.input::placeholder{color:var(--text-muted);opacity:.75}select.input,input.input.combo{-webkit-appearance:none;appearance:none;padding-inline-end:32px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27rgb(120%2C128%2C140)%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%209l6%206%206-6%27%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;cursor:pointer}input.input.combo{cursor:text;text-overflow:ellipsis}.input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--input-bg) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text)}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}.input[readonly],.input:disabled{background:var(--input-readonly-bg);color:var(--text-muted)}.input.invalid{border-color:var(--danger);background-color:var(--danger-tint)}.input.invalid:focus{box-shadow:0 0 0 3px #d634442e}input.input.invalid{padding-inline-end:32px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27rgb(214%2C52%2C68)%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27%2F%3E%3Cpath%20d%3D%27M12%207.5v5.5M12%2016.5v.5%27%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.input.special{border-color:var(--warning);background:var(--warning-tint)}.input.num{font-variant-numeric:tabular-nums}.btn{height:var(--control-height);padding:0 18px;font:inherit;font-weight:700;font-size:13px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .05s}.btn:not(:disabled):active{transform:translateY(1px)}.btn:disabled{opacity:.55;filter:saturate(.3);cursor:default}.btn-load{width:var(--control-height);padding:0;border-radius:50%;flex:0 0 var(--control-height)!important}.btn-load svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}.btn-load.busy svg{animation:load-pulse .8s ease-in-out infinite alternate}@keyframes load-pulse{0%{opacity:1}to{opacity:.35}}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px #00569640}.btn-primary:not(:disabled):hover{background:var(--primary-hover)}.btn-primary:not(:disabled):active{filter:brightness(.88)}.btn-danger{background:var(--danger-fill);color:#fff}.btn-danger:not(:disabled):hover{filter:brightness(.92)}.btn-secondary{background:var(--card-bg);color:var(--text);border-color:var(--border-soft)}.btn-secondary:not(:disabled):hover{background:var(--content-bg);border-color:var(--border-hover)}.btn-link{background:none;border:none;color:var(--primary);padding:0 6px;height:auto}.backdrop{position:fixed;inset:0;background:var(--backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:900}.modal{width:min(560px,100%);box-shadow:0 12px 40px #10182838;animation:modal-in .15s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.99)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}table.list{width:100%;border-collapse:collapse;font-size:13px}table.list th{text-align:start;color:var(--grid-head-text);background:var(--grid-head-bg);font-weight:700;padding:6px 8px;border-bottom:1px solid var(--card-border)}table.list td{padding:6px 8px;border-bottom:1px solid var(--card-border)}.screen{display:flex;flex-direction:column;gap:var(--gap);height:calc(100vh - var(--titlebar-height) - 24px);min-height:560px}.screen>*{min-width:0}.screen.auto{height:auto}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.form-grid .span-2{grid-column:span 2}.form-grid .span-3{grid-column:span 3}.form-grid .span-all{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.card-title .badge-editing{margin-inline-start:auto;font-weight:600;font-size:12px;padding:3px 10px;border-radius:10px;background:var(--primary-tint);color:var(--primary-dark)}.records{flex:1;min-height:0;display:flex;flex-direction:column}.records>.card-title{gap:8px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}.title-spacer{flex:1}.title-search{width:240px;height:30px;font-size:13px}.title-btn{height:30px;padding:0 10px;border-radius:6px;border:1px solid var(--border-soft);background:var(--card-bg);color:var(--text);font:inherit;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .15s,border-color .15s,color .15s}.title-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.title-btn.icon-only{width:30px;padding:0;justify-content:center}.title-btn.on{background:var(--primary-tint);color:var(--primary-dark);border-color:var(--primary)}.title-btn:not(.on):not(:disabled):hover{border-color:var(--primary);color:var(--primary)}.table-wrap{container-type:inline-size;flex:1;min-height:0;overflow:auto;margin:12px 12px 0;border:1px solid var(--card-border);border-radius:8px;transition:opacity .15s}.table-wrap.busy tbody,.table-wrap.busy tfoot{opacity:.5;transition:opacity .15s}.table-wrap.busy thead th:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgb(140,200,255) 50%,transparent 100%) no-repeat;background-size:40vw 100%;background-attachment:fixed;animation:grid-loading 1.1s linear infinite}@keyframes grid-loading{0%{background-position:-40vw 0}to{background-position:100vw 0}}.table-wrap.fixed{flex:none;max-height:420px}table.grid{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}table.grid.wide{width:max-content;min-width:100%}table.grid th,table.grid td{padding:0 10px;height:36px;border-bottom:1px solid var(--card-border);text-align:start;white-space:nowrap}table.grid th+th{border-inline-start:1px solid var(--card-border)}table.grid th.sortable.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;padding-inline-end:24px;background-repeat:no-repeat;background-position:right 7px center;background-size:13px}table.grid th.sortable:hover{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20opacity%3D%270.55%27%3E%3Cpath%20d%3D%27M8%209l4-4%204%204M8%2015l4%204%204-4%27%2F%3E%3C%2Fsvg%3E);filter:brightness(1.08)}table.grid th.sortable.sorted{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2019V5M6%2011l6-6%206%206%27%2F%3E%3C%2Fsvg%3E)}table.grid th.sortable.sorted.desc{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%205v14M6%2013l6%206%206-6%27%2F%3E%3C%2Fsvg%3E)}table.grid th.sortable:focus-visible{outline:2px solid #fff;outline-offset:-3px}table.grid th.resize-hint{box-shadow:inset calc(-3px * var(--flip)) 0 0 #ffffffa6}table.grid th{position:sticky;top:0;z-index:2;background:var(--grid-head-bg);color:var(--grid-head-text);font-weight:700;font-size:12px;letter-spacing:.2px;border-bottom:2px solid var(--grid-head-line)}table.grid th+th{border-inline-start-color:var(--grid-head-divider)}table.grid tbody tr:nth-child(2n){background:var(--row-alt)}table.grid tbody tr.clickable{cursor:pointer}table.grid tbody tr:hover,table.grid tbody tr:focus{background:var(--primary-tint);outline:none}table.grid tbody tr.selected{background:var(--row-selected);box-shadow:inset calc(4px * var(--flip)) 0 0 var(--primary)}table.grid tbody tr.summary{background:var(--summary-bg);font-weight:700}table.grid td.text{max-width:260px;overflow:hidden;text-overflow:ellipsis}table.grid td.wrap{white-space:normal;min-width:220px}table.grid .num{text-align:end;font-variant-numeric:tabular-nums}table.grid .center{text-align:center}table.grid .strong{font-weight:700}table.grid .neg{color:var(--danger)}table.grid .act{width:1%;text-align:center;white-space:nowrap}table.grid td.empty{text-align:center;color:var(--text-muted);height:110px;white-space:normal}.table-wrap table.grid td.empty{padding-inline:0}.table-wrap table.grid td.empty .empty-msg{position:sticky;inset-inline-start:0;width:100cqw;padding:0 12px;box-sizing:border-box}table.grid td.empty .empty-msg:before{content:"";display:block;width:28px;height:28px;margin:0 auto 8px;background:var(--border-soft);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13l3-8h12l3 8v6H3z'/%3E%3Cpath d='M3 13h5l1 3h6l1-3h5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13l3-8h12l3 8v6H3z'/%3E%3Cpath d='M3 13h5l1 3h6l1-3h5'/%3E%3C/svg%3E") center/contain no-repeat}.table-wrap.busy td.empty .empty-msg:before{width:22px;height:22px;-webkit-mask:none;mask:none;background:none;border-radius:50%;border:2.5px solid var(--card-border);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-wrap.busy{cursor:progress}table.grid tfoot td{position:sticky;bottom:0;background:var(--summary-bg);font-weight:700;border-top:1px solid var(--card-border)}.pill{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;font-weight:600;background:var(--content-bg);color:var(--text-muted)}.pill.ok{background:var(--success-tint);color:var(--success)}.pill.warn{background:var(--warning-tint);color:var(--warning)}.pill.bad{background:var(--danger-tint);color:var(--danger)}.pill.info{background:var(--primary-tint);color:var(--primary-dark)}.row-btn{width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:6px;background:none;color:var(--label);cursor:pointer;display:inline-grid;place-items:center;vertical-align:middle;transition:background-color .15s,border-color .15s,color .15s}.row-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.row-btn:hover:not(:disabled){color:var(--primary);background:var(--card-bg);border-color:var(--border-soft)}.row-btn.danger{color:var(--danger)}.row-btn.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.row-btn:disabled{opacity:.25;cursor:default}table.grid tbody .row-btn:not(:disabled){opacity:.5;transition:opacity .15s,color .15s,background-color .15s,border-color .15s}table.grid tbody tr:hover .row-btn:not(:disabled),table.grid tbody tr:focus-within .row-btn:not(:disabled),table.grid tbody tr.selected .row-btn:not(:disabled){opacity:1}@media(hover:none){table.grid tbody .row-btn:not(:disabled){opacity:1}}.table-wrap table.grid tbody tr{background:var(--card-bg)}.table-wrap table.grid tbody tr:nth-child(2n){background:var(--row-alt)}.table-wrap table.grid tbody tr.summary{background:var(--summary-bg)}.table-wrap table.grid tbody tr:hover{background:var(--primary-tint)}.table-wrap table.grid tbody tr.selected{background:var(--row-selected)}.table-wrap table.grid th:first-child,.table-wrap table.grid td:first-child:not(.empty){position:sticky;inset-inline-start:0;box-shadow:calc(1px * var(--flip)) 0 0 var(--card-border)}.table-wrap table.grid td:first-child:not(.empty){z-index:1;background:inherit}.table-wrap table.grid tfoot td:first-child{z-index:2;background:var(--summary-bg)}.table-wrap table.grid th:first-child{z-index:3}@media(min-width:721px){.table-wrap table.grid:has(tbody td:last-child :is(.row-btn,.btn-link)) :is(th,td:not(.empty)):last-child{position:sticky;inset-inline-end:0;box-shadow:calc(-1px * var(--flip)) 0 0 var(--card-border)}.table-wrap table.grid:has(tbody td:last-child :is(.row-btn,.btn-link)) td:last-child:not(.empty){z-index:1;background:inherit}.table-wrap table.grid:has(tbody td:last-child :is(.row-btn,.btn-link)) tfoot td:last-child{z-index:2;background:var(--summary-bg)}.table-wrap table.grid:has(tbody td:last-child :is(.row-btn,.btn-link)) th:last-child{z-index:3}}@media(max-width:720px){.table-wrap table.grid td:first-child:not(.empty){max-width:42vw;overflow:hidden;text-overflow:ellipsis}}.list-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:50px;padding:6px 12px 12px}.list-footer .spacer{flex:1}.list-footer .muted,.muted{color:var(--text-muted);font-size:13px}.totals{display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;padding:8px 14px;border-radius:8px;border:1px solid var(--card-border);background:var(--primary-tint)}.totals span{color:var(--label);font-weight:600;font-size:13px}.totals strong{color:var(--primary-dark);font-variant-numeric:tabular-nums}.filter-bar{display:flex;flex-wrap:nowrap;gap:8px;align-items:center}.filter-bar>*{flex:0 0 auto}.filter-bar>.input{flex:1 1 120px;min-width:70px;width:auto;font-size:13px}.filter-bar>input[type=date].input{flex:0 1 136px;min-width:124px}.filter-bar>select.input{flex:1 0 auto;field-sizing:content;min-width:90px;padding-inline-end:30px;background-position:right 8px center}.filter-bar>.wide{flex-grow:2}.filter-bar>app-combo{flex:1 1 130px;min-width:110px}.filter-bar>app-combo .input{font-size:13px;padding-inline-end:30px;background-position:right 8px center}@media(max-width:720px){.filter-bar{flex-wrap:wrap}.filter-bar>.input,.filter-bar>input[type=date].input{flex:1 1 140px}.filter-bar>app-combo{flex:1 1 140px}table.list{display:block;overflow-x:auto;white-space:nowrap}}.switch{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--label);cursor:pointer;-webkit-user-select:none;user-select:none;height:var(--control-height)}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:36px;height:20px;border-radius:10px;background:var(--border-soft);position:relative;transition:background .15s;flex-shrink:0}.switch .track:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s}.switch input:checked+.track{background:var(--primary)}.switch input:checked+.track:after{transform:translate(calc(16px * var(--flip)))}.switch input:focus-visible+.track{box-shadow:0 0 0 3px #007acc40}.tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--card-border);background:var(--card-bg);border-radius:var(--card-radius) var(--card-radius) 0 0;padding:0 8px}.tabs::-webkit-scrollbar{display:none}.tabs button{transition:color .15s,border-color .15s;height:46px;padding:0 clamp(8px,.9vw,16px);flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;border:0;background:none;font:inherit;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}.tabs button:hover{color:var(--primary)}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}@media(max-width:720px){.tabs{-webkit-mask-image:linear-gradient(to left,transparent 0,#000 28px);mask-image:linear-gradient(to left,transparent 0,#000 28px);scroll-padding-inline:28px}[dir=rtl] .tabs{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 28px);mask-image:linear-gradient(to right,transparent 0,#000 28px)}.tabs button{flex:0 0 auto;padding:0 12px}}.copy-btn{width:22px;height:22px;margin-block:-4px;margin-inline:4px 0;padding:0;vertical-align:middle;display:inline-grid;place-items:center;border:1px solid transparent;border-radius:5px;background:none;color:var(--text-muted);cursor:pointer;transition:opacity .15s,color .15s,background-color .15s}.copy-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.copy-btn:hover{color:var(--primary);background:var(--card-bg);border-color:var(--border-soft)}.copy-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.copy-btn.done{color:var(--success);opacity:1!important}table.grid td .copy-btn{opacity:0}table.grid tr:hover .copy-btn,table.grid tr:focus-within .copy-btn,table.grid .copy-btn:focus-visible{opacity:1}@media(hover:none){table.grid td .copy-btn{opacity:.6}}.idle-warning{position:fixed;top:calc(var(--titlebar-height) + 12px);left:50%;transform:translate(-50%);z-index:1200;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding-block:10px;padding-inline:16px 12px;background:var(--card-bg);color:var(--text);border:1px solid var(--warning);border-inline-start-width:4px;border-radius:10px;box-shadow:var(--shadow);animation:idle-in .2s ease-out}@keyframes idle-in{0%{opacity:0;transform:translate(-50%,-8px)}}.idle-warning svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:var(--warning);stroke-width:2;stroke-linecap:round}.idle-warning .msg{font-size:13px;line-height:1.4}.idle-warning .secs{display:inline-block;min-width:3ch;color:var(--warning);font-variant-numeric:tabular-nums}.idle-warning .hint{display:block;color:var(--text-muted);font-size:12px}.idle-warning .lock-now{height:32px;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:900px){.screen{height:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .span-3{grid-column:span 2}.table-wrap{max-height:60vh;flex:none}.title-search{flex:1;width:auto;min-width:120px}}@media(max-width:560px){.title-search{flex:1 0 calc(100% - 38px)}.form-grid{grid-template-columns:minmax(0,1fr)}.form-grid .span-2,.form-grid .span-3{grid-column:auto}}.pick{margin:6px 0}table.grid td.nowrap,.nowrap{white-space:nowrap}.demo-badge{flex-shrink:0;padding:2px 9px;border-radius:10px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--warning);background:var(--warning-tint);border:1px solid var(--warning)}:root[dir=rtl]{--flip: -1}html[lang=ur] body{font-family:Segoe UI,Noto Naskh Arabic,Tahoma,system-ui,sans-serif}html[lang=ur] *{letter-spacing:normal!important;text-transform:none!important}html[dir=rtl] select.input,html[dir=rtl] input.input.combo,html[dir=rtl] input.input.invalid{background-position:left 10px center}html[dir=rtl] .filter-bar>select.input,html[dir=rtl] .filter-bar>app-combo .input{background-position:left 8px center}html[dir=rtl] table.grid th.sortable.sortable{background-position:left 7px center}html[dir=rtl] .pager svg{transform:scaleX(-1)}html[dir=rtl] table.grid td{unicode-bidi:plaintext;text-align:right}html[dir=rtl] :is(span,strong,small,b,em,time){unicode-bidi:plaintext}html[dir=rtl] table.grid .num,html[dir=rtl] .num{text-align:left!important}html[dir=rtl] .input.num,html[dir=rtl] input[type=tel],html[dir=rtl] input[type=email]{direction:ltr;text-align:right}html .btn-icon.lang-btn{width:auto;min-width:32px;padding:0 8px;font:inherit;font-size:13px;font-weight:700;color:var(--text)}