.tn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;border-radius:var(--tn-radius);border:none;cursor:pointer;transition:var(--tn-transition);text-decoration:none;line-height:1}.tn-btn-primary{background:var(--tn-blue);color:#fff}.tn-btn-primary:hover{background:var(--tn-blue-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgb(30 111 217 / .3)}.tn-btn-primary:active{transform:translateY(0)}.tn-btn-outline{background:#fff0;color:var(--tn-blue);border:1px solid var(--tn-blue)}.tn-btn-outline:hover{background:var(--tn-blue-light)}.tn-btn-green{background:var(--tn-green);color:#fff}.tn-btn-green:hover{background:#388E3C;transform:translateY(-2px);box-shadow:0 4px 12px rgb(67 160 71 / .3)}.tn-btn-sm{padding:8px 16px;font-size:13px;border-radius:var(--tn-radius-sm)}.tn-btn-lg{padding:16px 32px;font-size:16px;border-radius:var(--tn-radius-lg)}.tn-btn-block{width:100%}.tn-card{background:#fff;border-radius:var(--tn-radius);border:1px solid var(--tn-border);box-shadow:var(--tn-shadow-sm);overflow:hidden;transition:var(--tn-transition)}.tn-card:hover{box-shadow:var(--tn-shadow);border-color:rgb(30 111 217 / .2)}.tn-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1}.tn-badge-blue{background:var(--tn-blue-light);color:var(--tn-blue)}.tn-badge-green{background:#E8F5E9;color:var(--tn-green)}.tn-badge-red{background:#FFEBEE;color:var(--tn-red)}.tn-badge-orange{background:#FFF3E0;color:var(--tn-orange)}.tn-form-group{margin-bottom:16px}.tn-form-label{display:block;font-size:13px;font-weight:600;color:var(--tn-text);margin-bottom:8px}.tn-form-control{width:100%;padding:12px 16px;font-size:14px;font-family:inherit;color:var(--tn-text);background:var(--tn-bg2);border:1px solid var(--tn-border);border-radius:var(--tn-radius-sm);transition:var(--tn-transition);outline:none}.tn-form-control:focus{background:#fff;border-color:var(--tn-blue);box-shadow:0 0 0 3px rgb(30 111 217 / .1)}textarea.tn-form-control{resize:vertical;min-height:100px}.tn-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(26 43 74 / .6);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.tn-modal-overlay.open{opacity:1;pointer-events:auto}.tn-modal{background:#fff;border-radius:var(--tn-radius-lg);width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--tn-shadow-lg);transform:translateY(20px) scale(.95);transition:transform .3s ease}.tn-modal-overlay.open .tn-modal{transform:translateY(0) scale(1)}.tn-modal-header{padding:20px 24px;border-bottom:1px solid var(--tn-border);display:flex;align-items:center;justify-content:space-between}.tn-modal-title{font-size:18px;font-weight:700}.tn-modal-close{background:var(--tn-bg2);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tn-text2);transition:var(--tn-transition)}.tn-modal-close:hover{background:var(--tn-border);color:var(--tn-text)}.tn-modal-body{padding:24px;overflow-y:auto}.tn-modal-footer{padding:16px 24px;border-top:1px solid var(--tn-border);display:flex;justify-content:flex-end;gap:12px}.tn-spinner{width:24px;height:24px;border:3px solid rgb(30 111 217 / .2);border-top-color:var(--tn-blue);border-radius:50%;animation:tnSpin 1s linear infinite}@keyframes tnSpin{to{transform:rotate(360deg)}}