@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--tn-blue:#0050ff;--tn-blue-hover:#003edc;--tn-blue-light:#eaf0ff;--tn-bg:#f4f6f8;--tn-surface:#ffffff;--tn-surface-secondary:#f9fafb;--tn-text-main:#1f2937;--tn-text-secondary:#4b5563;--tn-text-muted:#6b7280;--tn-text-subtle:#9ca3af;--tn-border:#e5e7eb;--tn-border-focus:#0050ff;--tn-green:#059669;--tn-green-bg:#ecfdf5;--tn-green-border:#a7f3d0;--tn-red:#dc2626;--tn-red-bg:#fef2f2;--tn-red-border:#fecaca;--tn-gray-bg:#f3f4f6;--tn-gray-text:#4b5563;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-card:0 1px 3px 0 rgba(0,0,0,0.06),0 1px 2px 0 rgba(0,0,0,0.04);--shadow-modal:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--tn-bg);color:var(--tn-text-main);min-height:100vh;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:1380px;margin:0 auto;padding:24px 32px 40px}.tn-card{background-color:var(--tn-surface);border:1px solid var(--tn-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .15s ease-in-out;text-decoration:none;font-family:inherit;white-space:nowrap;min-height:36px}.btn-primary{background-color:var(--tn-blue);color:#ffffff}.btn-primary:hover{background-color:var(--tn-blue-hover)}.btn-secondary{background-color:var(--tn-surface);color:var(--tn-text-main);border-color:var(--tn-border)}.btn-secondary:hover{background-color:var(--tn-surface-secondary);border-color:#d1d5db}.btn-danger{background-color:var(--tn-surface);color:var(--tn-red);border-color:var(--tn-red-border)}.btn-danger:hover{background-color:var(--tn-red-bg)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;font-size:12px;font-weight:500;border-radius:var(--radius-sm)}.badge-active{background-color:var(--tn-green-bg);color:var(--tn-green);border:1px solid var(--tn-green-border)}.badge-inactive{background-color:var(--tn-gray-bg);color:var(--tn-gray-text);border:1px solid var(--tn-border)}.badge-blue{background-color:var(--tn-blue-light);color:var(--tn-blue);border:1px solid #bfdbfe}input[type=text],select,textarea{width:100%;padding:9px 12px;background-color:var(--tn-surface);border:1px solid var(--tn-border);border-radius:var(--radius-sm);color:var(--tn-text-main);font-family:inherit;font-size:13.5px;outline:none;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--tn-border-focus);box-shadow:0 0 0 3px rgba(0,80,255,.12)}.modal-overlay{position:fixed;inset:0;background-color:rgba(17,24,39,.65);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;overflow-y:auto}.modal-content-wide{border-radius:var(--radius-lg);width:100%;max-width:1100px;flex-direction:column;box-shadow:var(--shadow-modal);margin:auto}.modal-content-wide,.modal-header{background-color:var(--tn-surface);display:flex}.modal-header{padding:16px 24px;border-bottom:1px solid var(--tn-border);justify-content:space-between;align-items:center}.modal-body-split{padding:20px 24px;display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;align-items:start}.modal-footer{padding:16px 24px;border-top:1px solid var(--tn-border);display:flex;justify-content:flex-end;gap:10px;background-color:var(--tn-surface)}.desktop-table-view{display:block}.mobile-cards-view{display:none}@media (max-width:900px){.modal-body-split{grid-template-columns:1fr;gap:18px;padding:16px}}@media (max-width:768px){.container{padding:16px 14px 40px}.modal-overlay{padding:10px;align-items:flex-end}.modal-content-wide{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:94vh;overflow-y:auto}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}.desktop-table-view{display:none}.mobile-cards-view,.mobile-rule-card{display:flex;flex-direction:column;gap:12px}.mobile-rule-card{background-color:var(--tn-surface);border:1px solid var(--tn-border);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-card)}.mobile-rule-actions{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid var(--tn-border)}input[type=text],select,textarea{font-size:16px!important}}