@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sidebar-width: 248px;--bg: #f6f7f9;--surface: #ffffff;--surface-hover: #f8f9fb;--surface-sunken: #f3f4f7;--border: #e6e8ec;--border-strong: #d5d9e0;--border-focus: #5b5bd6;--text: #16181d;--text-muted: #646a76;--text-subtle: #9aa0ab;--primary: #5b5bd6;--primary-hover: #4a4ac4;--primary-soft: #eef0ff;--primary-text: #ffffff;--ring: 0 0 0 3px rgba(91, 91, 214, .18);--danger: #d93d42;--danger-hover: #c2343a;--danger-soft: #fdeeee;--success: #1f9d61;--warning: #c27c0e;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .08), 0 2px 4px -2px rgba(16, 24, 40, .05);--shadow-lg: 0 16px 32px -8px rgba(16, 24, 40, .18), 0 4px 8px -4px rgba(16, 24, 40, .06);--control-height: 36px;--icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa0ab' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23646a76' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 7.5 10 12l4.5-4.5'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11"}a{color:var(--primary)}h1,h2,h3{letter-spacing:-.015em}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--control-height);padding:0 14px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs);font:inherit;font-size:13px;font-weight:550;line-height:1;cursor:pointer;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-subtle)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text);box-shadow:0 1px 2px #4a4ac44d,inset 0 1px #ffffff1f}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-sunken);border-color:transparent;color:var(--text)}.btn-sm{height:30px;padding:0 10px;font-size:12.5px;border-radius:var(--radius-sm)}.btn-icon{width:var(--control-height);padding:0}.btn-sm.btn-icon{width:30px}.td-actions .btn,.row-actions .btn:not(.btn-primary){background:transparent;border-color:transparent;box-shadow:none;color:var(--text-muted)}.td-actions .btn:hover:not(:disabled),.row-actions .btn:not(.btn-primary):hover:not(:disabled){background:var(--surface-sunken);color:var(--text)}.td-actions .btn-danger{color:var(--danger)}.td-actions .btn-danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger-hover)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:550;color:var(--text)}.field .hint{font-size:12px;color:var(--text-muted)}input,select,textarea{height:var(--control-height);padding:0 11px;border:1px solid var(--border-strong);border-radius:var(--radius);font:inherit;font-size:13.5px;color:var(--text);background:var(--surface);box-shadow:var(--shadow-xs);outline:none;width:100%;transition:border-color .12s,box-shadow .12s}textarea{height:auto;padding:8px 11px}input:hover,select:hover,textarea:hover{border-color:var(--text-subtle)}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:var(--ring)}input::placeholder{color:var(--text-subtle)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:var(--icon-chevron);background-repeat:no-repeat;background-position:right 9px center;background-size:16px;cursor:pointer}input[type=search]{padding-left:34px;background-image:var(--icon-search);background-repeat:no-repeat;background-position:11px center;background-size:16px}input[type=search]::-webkit-search-cancel-button{cursor:pointer}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-width:0;margin:0;padding:0;box-shadow:none;accent-color:var(--primary);cursor:pointer}input[type=date]{cursor:text}.checkbox-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.card-header h2{margin:0;font-size:14.5px;font-weight:600}.card-body{padding:18px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;padding:10px 18px;font-weight:550;font-size:12.5px;color:var(--text-muted);background:var(--surface-hover);border-bottom:1px solid var(--border);white-space:nowrap}td{padding:11px 18px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover td{background:var(--surface-hover)}td a{color:var(--text);font-weight:500;text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px;transition:color .12s,text-decoration-color .12s}td a:hover{color:var(--primary);text-decoration-color:currentColor}.td-actions{display:flex;gap:2px;justify-content:flex-end}.num{text-align:right;font-variant-numeric:tabular-nums}.strong{font-weight:550}.mono{font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:12.5px;letter-spacing:-.01em;color:var(--text-muted)}.page{display:flex;flex-direction:column;gap:20px;padding:32px 40px 48px;max-width:1280px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header h1{margin:0;font-size:24px;font-weight:650;letter-spacing:-.025em;line-height:1.2}.page-header .subtitle{margin:4px 0 0;font-size:13.5px;color:var(--text-muted)}.back-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--text-muted);text-decoration:none}.back-link:hover{color:var(--text)}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:550;white-space:nowrap;background:#f1f2f5;color:#4b515c;box-shadow:inset 0 0 0 1px #4b515c1f}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.badge-blue{background:#eef0ff;color:#4343b8;box-shadow:inset 0 0 0 1px #4343b829}.badge-green{background:#e9f8f0;color:#157a4a;box-shadow:inset 0 0 0 1px #157a4a29}.badge-yellow{background:#fdf5e3;color:#9a5d06;box-shadow:inset 0 0 0 1px #9a5d062e}.badge-red{background:#fdeeee;color:#b42d32;box-shadow:inset 0 0 0 1px #b42d3229}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11141c6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fade-in .14s ease-out}.modal{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 0 1px #1018280f;width:100%;max-width:460px;display:flex;flex-direction:column;overflow:hidden;animation:pop-in .16s cubic-bezier(.2,.9,.3,1.2)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 6px 22px}.modal-header h3{margin:0;font-size:16.5px;font-weight:650}.modal-body{padding:14px 22px 22px;display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;background:var(--surface-hover);border-top:1px solid var(--border)}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.98)}}.text-muted{color:var(--text-muted)}.text-sm{font-size:12.5px}.error-msg{padding:10px 14px;background:var(--danger-soft);border:1px solid #f6caca;border-radius:var(--radius);color:#a3282d;font-size:13px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:56px 20px;color:var(--text-muted);font-size:13.5px}.empty-state:before{content:"";width:40px;height:40px;margin-bottom:6px;border-radius:12px;background:var(--surface-sunken) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa0ab' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13h5l1.5 3h5L16 13h5'/%3E%3Cpath d='M5.5 5h13L21 13v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6z'/%3E%3C/svg%3E") center / 20px no-repeat}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.btn .spinner{width:14px;height:14px;border-color:#fff6;border-top-color:currentColor}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{display:flex;justify-content:center;padding:56px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow)}.stat-card .label{font-size:13px;font-weight:500;color:var(--text-muted)}.stat-card .value{font-size:26px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);margin-top:4px;line-height:1.2}.stat-card .value .unit{font-size:15px;font-weight:550;color:var(--text-muted);margin-left:3px}.filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-bar>input,.filter-bar>select{width:auto;min-width:180px}.filter-bar>input[type=search]{min-width:240px}.filter-bar .spacer{flex:1}@media(max-width:720px){.page{padding:20px 16px 40px;gap:16px}.page-header h1{font-size:21px}.filter-bar>*{flex:1 1 100%;max-width:none!important}.filter-bar>input,.filter-bar>select{width:100%;min-width:0}th,td{padding-left:14px;padding-right:14px;white-space:nowrap}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.modal-backdrop{align-items:flex-end;padding:0}.modal{max-width:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0}}
