:root{--color-bg:#f7f8fa;--color-surface:#fff;--color-text:#1f2937;--color-muted:#6b7280;--color-border:#e5e7eb;--color-primary:#111827;--color-primary-text:#fff;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #00000014, 0 4px 12px #0000000d;--space:16px}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}button,input,select{font:inherit}.container{width:100%;max-width:1024px;padding:var(--space);margin:0 auto}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.btn{border-radius:var(--radius-sm);background:var(--color-primary);min-height:44px;color:var(--color-primary-text);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:15px;font-weight:600;transition:opacity .15s,transform 50ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--small{min-height:36px;padding:7px 12px;font-size:13px}.btn--secondary{color:#374151;background:#e5e7eb}.btn--warning{background:var(--color-warning);color:#fff}.btn--danger{background:var(--color-danger);color:#fff}.btn--success{background:var(--color-success);color:#fff}.input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;width:100%;min-height:44px;padding:10px 12px;font-size:15px}.input:focus{border-color:#9ca3af;outline:none;box-shadow:0 0 0 3px #11182714}.badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge--active{background:var(--color-success-bg);color:#047857}.badge--inactive{color:var(--color-muted);background:#f3f4f6}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top;padding:12px 10px}.data-table th{color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.data-table tr:last-child td{border-bottom:none}@media (max-width:768px){.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:14px}.data-table td{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.data-table td:last-child{border-bottom:none}.data-table td:before{content:attr(data-label);color:var(--color-muted);flex-shrink:0;font-size:12px;font-weight:600}.data-table td>*{text-align:right}}.alert{border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500}.alert--ok{background:var(--color-success-bg);color:#047857;border:1px solid #a7f3d0}.alert--error{background:var(--color-danger-bg);color:#b91c1c;border:1px solid #fecaca}.center-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row--between{justify-content:space-between}.grow{flex:auto}@media (max-width:640px){.row{gap:10px}.hide-mobile{display:none!important}}