:root{--primary: #5B4FE8;--primary-dark: #3D33C4;--primary-50: #F1EFFE;--orange: #FF6B2B;--orange-light: #FF8C55;--bg: #F7F8FA;--bg-2: #EFF1F4;--surface: #FFFFFF;--border: #EBECF0;--border-strong: #DCDEE4;--text: #16181D;--text2: #5A616E;--text3: #98A0AD;--green: #22C55E;--red: #EF4444;--yellow: #F59E0B;--info: #0EA5E9;--purple: #7C3AED;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-base: 14px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 22px;--fs-3xl: 28px;--lh-tight: 1.2;--lh-base: 1.5;--lh-loose: 1.7;--shadow-sm: 0 1px 2px rgba(16,18,27,.04);--shadow: 0 1px 2px rgba(16,18,27,.04), 0 4px 14px rgba(16,18,27,.05);--shadow-lg: 0 2px 6px rgba(16,18,27,.05), 0 14px 34px rgba(16,18,27,.08);--shadow-focus: 0 0 0 4px rgba(91,79,232,.15);--radius: 14px;--radius-sm: 10px;--radius-xs: 6px;--ease: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}body{font-family:Nunito,sans-serif;background:radial-gradient(1100px 700px at 90% -10%,rgba(91,79,232,.06),transparent 60%),radial-gradient(900px 600px at -10% 110%,rgba(255,107,43,.05),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,textarea,select,button{font-family:Nunito,sans-serif}.mono{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.1px;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s var(--ease),color .18s var(--ease);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0);transition-duration:.05s}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 3px 8px #5b4fe833,0 1px 2px #5b4fe81a}.btn-primary:hover{box-shadow:0 6px 18px #5b4fe84d,0 2px 4px #5b4fe826}.btn-orange{background:linear-gradient(135deg,var(--orange),var(--orange-light));color:#fff;box-shadow:0 3px 8px #ff6b2b38,0 1px 2px #ff6b2b1a}.btn-orange:hover{box-shadow:0 6px 18px #ff6b2b52,0 2px 4px #ff6b2b26}.btn-danger{background:var(--red);color:#fff;box-shadow:0 3px 8px #ef444433}.btn-danger:hover{box-shadow:0 6px 18px #ef44444d}.btn-success{background:var(--green);color:#fff;box-shadow:0 3px 8px #22c55e33}.btn-success:hover{box-shadow:0 6px 18px #22c55e4d}.btn-ghost{background:transparent;color:var(--primary);border:1.5px solid var(--border-strong)}.btn-ghost:hover{background:var(--primary-50);border-color:var(--primary)}.btn-sm{padding:7px 13px;font-size:12px;border-radius:8px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px;border:1px solid rgba(230,232,242,.6);transition:box-shadow .25s var(--ease)}.input{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;color:var(--text);background:var(--surface);transition:border-color .15s var(--ease),box-shadow .15s var(--ease);outline:none}.input::placeholder{color:var(--text3)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--primary);box-shadow:var(--shadow-focus)}.input:disabled{background:var(--bg-2);color:var(--text2);cursor:not-allowed}select.input{cursor:pointer;padding-right:32px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%235C6080' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center}.label{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:7px;display:block}.label:after{content:""}.label[data-required=true]:after,.label.required:after{content:" *";color:var(--red);font-weight:800}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.2px}.badge-green{background:#22c55e1f;color:#16a34a}.badge-red{background:#ef44441f;color:#dc2626}.badge-yellow{background:#f59e0b24;color:#b45309}.badge-blue{background:#5b4fe81f;color:var(--primary)}.stat-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px,1.1vw,28px) clamp(22px,1.3vw,34px);border:1px solid rgba(230,232,242,.6);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card .stat-value{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-size:clamp(26px,1.7vw,38px);font-weight:600;color:var(--text);line-height:1.2}.stat-card .stat-label{font-size:clamp(11px,.62vw,14px);font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.6px;margin-top:4px}table{width:100%;border-collapse:collapse}thead th{font-size:clamp(11px,.62vw,14px);font-weight:800;color:var(--text2);text-transform:uppercase;letter-spacing:.7px;padding:clamp(12px,.8vw,18px) clamp(12px,.8vw,18px);text-align:left;border-bottom:1.5px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:1}tbody td{padding:clamp(12px,.8vw,18px);font-size:clamp(14px,.8vw,17px);border-bottom:1px solid rgba(230,232,242,.6);vertical-align:middle}tbody tr{transition:background-color .12s var(--ease)}tbody tr:hover{background:#5b4fe80a}tbody tr:last-child td{border-bottom:none}.tabs{display:flex;gap:4px;background:var(--bg-2);padding:5px;border-radius:12px;margin-bottom:20px;align-self:flex-start;max-width:100%}.tab{flex:0 0 auto;padding:10px 18px;border:none;border-radius:8px;background:transparent;color:var(--text2);font-size:14px;font-weight:700;cursor:pointer;transition:all .18s var(--ease)}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--primary);box-shadow:0 1px 3px #1a1b2e14,0 1px 2px #1a1b2e0a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:12px}.card{padding:16px}thead th{font-size:10px;padding:10px 8px}tbody td{padding:10px 8px;font-size:13px}.stat-card{padding:14px 16px}.stat-card .stat-value{font-size:20px}.section-title{font-size:16px}.btn{padding:9px 15px;font-size:13px}.btn-sm{padding:6px 11px;font-size:11px}.tabs{flex-wrap:wrap}.tab{font-size:12px;padding:8px 10px}}@media (max-width: 480px){.card{padding:14px;border-radius:12px}.action-btn{width:28px;height:28px}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 900px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2{grid-template-columns:1fr;gap:14px}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.grid-3,.grid-4{grid-template-columns:1fr 1fr;gap:10px}}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}.section-title{font-size:18px;font-weight:800;color:var(--text);margin-bottom:16px;letter-spacing:-.2px}.search-bar{display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:0 14px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.search-bar:hover{border-color:var(--border-strong)}.search-bar:focus-within{border-color:var(--primary);box-shadow:var(--shadow-focus)}.search-bar input{flex:1;border:none;outline:none;padding:11px 0;font-size:14px;background:transparent}.action-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:none;cursor:pointer;font-size:14px;transition:transform .15s var(--ease),background-color .15s var(--ease)}.action-btn:hover{transform:scale(1.08)}.action-btn:active{transform:scale(.96)}.action-btn-edit{background:#5b4fe81a;color:var(--primary)}.action-btn-edit:hover{background:#5b4fe82e}.action-btn-del{background:#ef44441a;color:var(--red)}.action-btn-del:hover{background:#ef44442e}.action-btn-ok{background:#22c55e1a;color:var(--green)}.action-btn-ok:hover{background:#22c55e2e}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:flex;align-items:center;justify-content:center}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;margin-bottom:12px;border:1px solid transparent}.alert-error{background:#ef444414;color:#b91c1c;border-color:#ef44442e}.alert-success{background:#22c55e14;color:#15803d;border-color:#22c55e2e}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .35s var(--ease)}.skeleton{display:block;background:linear-gradient(90deg,#9094b01a,#9094b038,#9094b01a);background-size:200% 100%;border-radius:var(--radius-xs);animation:skeletonShimmer 1.4s linear infinite}.skeleton-line{height:12px;margin-bottom:8px}.skeleton-line:last-child{margin-bottom:0}.skeleton-block{height:96px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-7) var(--space-5);color:var(--text2)}.empty-state-icon{font-size:44px;margin-bottom:var(--space-3);opacity:.85}.empty-state-title{font-size:var(--fs-xl);font-weight:800;color:var(--text);margin-bottom:var(--space-2)}.empty-state-desc{font-size:var(--fs-md);color:var(--text2);line-height:var(--lh-base);max-width:420px;margin-bottom:var(--space-4)}.req-asterisk{color:var(--red);margin-left:4px;font-weight:800}.tooltip-host{position:relative;display:inline-flex}.tooltip-host:hover .tooltip-bubble,.tooltip-host:focus-within .tooltip-bubble{opacity:1;visibility:visible;transform:translate(-50%,-4px)}.tooltip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--text);color:#fff;font-size:var(--fs-sm);font-weight:600;padding:6px 10px;border-radius:8px;white-space:nowrap;z-index:50;opacity:0;visibility:hidden;transition:opacity .15s var(--ease),transform .15s var(--ease);pointer-events:none;box-shadow:var(--shadow)}.tooltip-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#9094b059;border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#9094b08c;background-clip:content-box;border:2px solid transparent}button:focus-visible,a:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:8px}::selection{background:#5b4fe833;color:var(--text)}