*,:before,:after{box-sizing:border-box}.tk-root{--tk-primary:#4a6cf7;--tk-primary-light:#6b8af9;--tk-primary-dark:#3451d1;--tk-accent:#8b5cf6;--tk-accent-light:#a78bfa;--tk-bg-primary:#f9f7f4;--tk-bg-secondary:#fff;--tk-bg-tertiary:#f3f0ec;--tk-text-primary:#1a1a1a;--tk-text-secondary:#666;--tk-text-light:#999;--tk-border:#e0dcd7;--tk-border-light:#f0ebe7;--tk-ribbon-bg:#f0f0f0;--tk-ribbon-border:#e0e0e0;--tk-input-border:#d0d0d0;--tk-hover-bg:#0000000f;--tk-status-draft:#999;--tk-status-sent:#3b82f6;--tk-status-paid:#10b981;--tk-status-overdue:#ef4444;--tk-status-signed:#10b981;--tk-status-expired:#f97316;background-color:var(--tk-bg-primary);color:var(--tk-text-primary);font-family:DM Sans,sans-serif;line-height:1.6}.tk-root.tk-dark{--tk-bg-primary:#111827;--tk-bg-secondary:#1f2937;--tk-bg-tertiary:#1a2332;--tk-text-primary:#f3f4f6;--tk-text-secondary:#9ca3af;--tk-text-light:#6b7280;--tk-border:#374151;--tk-border-light:#2d3748;--tk-ribbon-bg:#1e2a3a;--tk-ribbon-border:#374151;--tk-input-border:#4b5563;--tk-hover-bg:#ffffff0f}.tk-dark .tk-status-badge.draft{color:#9ca3af;background:#374151}.tk-dark .tk-data-table thead th{background:var(--tk-bg-tertiary)}.tk-dark input,.tk-dark select,.tk-dark textarea{background-color:var(--tk-bg-secondary);color:var(--tk-text-primary);border-color:var(--tk-input-border)}.tk-dark .tk-form input,.tk-dark .tk-form select,.tk-dark .tk-form textarea{background-color:var(--tk-bg-primary);color:var(--tk-text-primary)}.tk-container{height:100vh;display:flex;overflow:hidden}.tk-sidebar{background-color:var(--tk-bg-secondary);border-right:1px solid var(--tk-border);z-index:10;flex-direction:column;flex-shrink:0;width:220px;padding:1rem 0 0;display:flex;position:relative;overflow-y:auto}.tk-sidebar-section{margin-bottom:1rem;padding:0 1rem}.tk-sidebar-title{color:var(--tk-text-light);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;padding:0 8px;font-size:11px;font-weight:600}.tk-sidebar-divider{background-color:var(--tk-border-light);height:1px;margin:8px 0}.tk-nav-item{color:var(--tk-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;border-radius:5px;align-items:center;gap:10px;width:100%;margin-bottom:1px;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.tk-nav-item svg{opacity:.5;flex-shrink:0;width:16px;height:16px}.tk-nav-item:hover{background-color:var(--tk-bg-primary);color:var(--tk-text-primary)}.tk-nav-item:hover svg{opacity:.8}.tk-nav-item.active{color:var(--tk-primary);border-left-color:var(--tk-primary);background-color:#4a6cf714;font-weight:600}.tk-nav-item.active svg{opacity:1;color:var(--tk-primary)}.tk-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.tk-content-header{border-bottom:1px solid var(--tk-border);background-color:var(--tk-bg-secondary);flex-shrink:0;padding:16px 24px}.tk-content-header h1{color:var(--tk-text-primary);margin:0 0 2px;font-size:18px;font-weight:600}.tk-content-header p{color:var(--tk-text-light);margin:0;font-size:13px}.tk-content-body{flex:1;padding:24px;overflow-y:auto}.tk-ribbon{background-color:var(--tk-ribbon-bg);border-bottom:1px solid var(--tk-ribbon-border);flex-wrap:wrap;align-items:center;gap:4px;height:40px;margin:-24px -24px 20px;padding:0 8px;display:flex}.tk-ribbon-btn{color:var(--tk-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background-color .1s,color .1s;display:flex}.tk-ribbon-btn:hover{background-color:var(--tk-hover-bg);color:var(--tk-text-primary)}.tk-ribbon-btn.primary{color:var(--tk-primary);font-weight:600}.tk-ribbon-input{border:1px solid var(--tk-input-border);background:var(--tk-bg-secondary);color:var(--tk-text-primary);border-radius:4px;min-width:140px;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:13px}.tk-ribbon-input:focus{border-color:var(--tk-primary);outline:none}.tk-ribbon-select{border:1px solid var(--tk-input-border);background:var(--tk-bg-secondary);color:var(--tk-text-primary);cursor:pointer;border-radius:4px;padding:5px 8px;font-family:DM Sans,sans-serif;font-size:13px}.tk-ribbon-divider{background-color:var(--tk-input-border);width:1px;height:20px;margin:0 4px}.tk-form{max-width:100%}.tk-form-section{border-bottom:1px solid var(--tk-border-light);margin-bottom:20px;padding-bottom:20px}.tk-form-section:last-child{border-bottom:none}.tk-form-section h3{color:var(--tk-text-primary);margin-bottom:12px;font-size:14px;font-weight:600}.tk-form-group{margin-bottom:12px}.tk-form-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:12px;display:grid}.tk-form-group label{color:var(--tk-text-secondary);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.tk-form-group input,.tk-form-group textarea,.tk-form-group select{border:1px solid var(--tk-border);width:100%;color:var(--tk-text-primary);background-color:var(--tk-bg-secondary);border-radius:5px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .12s}.tk-form-group input:focus,.tk-form-group textarea:focus,.tk-form-group select:focus{border-color:var(--tk-primary);outline:none;box-shadow:0 0 0 2px #2d5a4f14}.tk-form-group input::placeholder,.tk-form-group textarea::placeholder{color:var(--tk-text-light);font-size:13px}.tk-btn-primary,.tk-btn-secondary{cursor:pointer;border:none;border-radius:5px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:background-color .12s}.tk-btn-primary{background-color:var(--tk-primary);color:#fff}.tk-btn-primary:hover{background-color:var(--tk-primary-light)}.tk-btn-secondary{color:var(--tk-text-secondary);border:1px solid var(--tk-border);background-color:#0000}.tk-btn-secondary:hover{background-color:var(--tk-bg-primary);color:var(--tk-text-primary)}.tk-btn-danger{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:5px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.tk-btn-accent{background-color:var(--tk-accent);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.tk-logo-preview{border:1.5px dashed var(--tk-border);background-color:var(--tk-bg-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:100%;height:120px;transition:border-color .12s;display:flex}.tk-logo-preview:hover{border-color:var(--tk-primary)}.tk-logo-preview p{color:var(--tk-text-light);margin:0;font-size:13px}.tk-logo-preview img{object-fit:contain;max-width:100%;max-height:100%}.tk-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px;display:grid}.tk-summary-card{background-color:var(--tk-bg-secondary);border:1px solid var(--tk-border);border-radius:6px;padding:16px 20px}.tk-summary-label{color:var(--tk-text-light);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:600}.tk-summary-value{color:var(--tk-text-primary);font-size:22px;font-weight:700}.tk-dashboard-section{margin-bottom:24px}.tk-dashboard-section h3{color:var(--tk-text-primary);border-bottom:1px solid var(--tk-border-light);margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:600}.tk-quick-actions{gap:8px;display:flex}.tk-quick-action-btn{color:var(--tk-primary);border:1px solid var(--tk-border);cursor:pointer;background-color:#0000;border-radius:5px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:background-color .12s}.tk-quick-action-btn:hover{background-color:var(--tk-bg-primary);border-color:var(--tk-primary)}.tk-dashboard-columns{grid-template-columns:3fr 2fr;gap:24px;display:grid}.tk-activity-item{background-color:var(--tk-bg-primary);border-left:3px solid var(--tk-primary);border-radius:2px 5px 5px 2px;margin-bottom:6px;padding:10px 12px}.tk-activity-item.empty{border-left-color:var(--tk-border);color:var(--tk-text-light)}.tk-activity-item p{color:var(--tk-text-primary);margin:0;font-size:13px}.tk-activity-time{color:var(--tk-text-light);margin-top:2px;font-size:11px}.tk-data-table{border-collapse:collapse;width:100%}.tk-data-table thead th{text-align:left;background-color:var(--tk-bg-primary);border-bottom:2px solid var(--tk-border);text-transform:uppercase;letter-spacing:.04em;color:var(--tk-text-light);padding:8px 12px;font-size:11px;font-weight:600}.tk-data-table tbody td{border-bottom:1px solid var(--tk-border-light);padding:10px 12px;font-size:14px}.tk-data-table tbody tr:hover{background-color:var(--tk-bg-primary)}.tk-status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.tk-status-badge.draft{color:#6b7280;background:#f3f4f6}.tk-status-badge.sent{color:#2563eb;background:#dbeafe}.tk-status-badge.paid,.tk-status-badge.signed,.tk-status-badge.accepted,.tk-status-badge.active{color:#059669;background:#d1fae5}.tk-status-badge.overdue,.tk-status-badge.expired,.tk-status-badge.declined{color:#dc2626;background:#fee2e2}.tk-status-badge.paused{color:#d97706;background:#fef3c7}.tk-status-badge.received,.tk-status-badge.completed{color:#059669;background:#d1fae5}.tk-status-badge.on-hold{color:#d97706;background:#fef3c7}.tk-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:32px 20px;display:flex}.tk-empty-state svg{width:48px;height:48px;color:var(--tk-text-light);opacity:.5;margin-bottom:16px}.tk-empty-state h3{color:var(--tk-text-primary);margin-bottom:6px;font-size:18px;font-weight:600}.tk-empty-state p{color:var(--tk-text-light);max-width:320px;margin-bottom:20px;font-size:14px}.tk-empty-cta{background-color:var(--tk-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:background-color .12s}.tk-empty-cta:hover{background-color:var(--tk-primary-light)}.tk-toast{color:#fff;opacity:0;z-index:100;pointer-events:none;background-color:#1a1a1a;border-radius:6px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;right:80px;transform:translateY(10px);box-shadow:0 4px 12px #00000026}.tk-toast.visible{opacity:1;transform:translateY(0)}.tk-floating-timer{background-color:var(--tk-primary);color:#fff;cursor:pointer;z-index:15;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;transition:background-color .12s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 2px 8px #0000001f}.tk-floating-timer:hover{background-color:var(--tk-primary-light)}.tk-card{background-color:var(--tk-bg-secondary);border:1px solid var(--tk-border);border-radius:6px;padding:16px}.tk-inv-row{border-bottom:1px solid var(--tk-border-light);cursor:pointer;border-left:3px solid #0000;padding:10px 14px;transition:background .15s}.tk-inv-row:hover{background:var(--tk-hover-bg)}.tk-inv-row.selected{background:var(--tk-hover-bg);border-left-color:var(--tk-primary)}.tk-action-link{cursor:pointer;background:0 0;border:none;padding:2px 4px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.tk-action-link.edit{color:var(--tk-primary)}.tk-action-link.delete{color:#ef4444}.tk-data-table td:last-child:has(.tk-action-link){white-space:nowrap;text-align:right;min-width:100px}.tk-data-table td:last-child .tk-action-link+.tk-action-link{margin-left:6px}@media print{.tk-sidebar,.tk-floating-timer,.tk-content-header,.tk-ribbon,.tk-toast,.tk-empty-state,[data-no-print]{display:none!important}.tk-container,.tk-main{height:auto}.tk-content-body{padding:0;overflow:visible}}@media (max-width:900px){.tk-dashboard-columns{grid-template-columns:1fr}}.tk-hamburger{cursor:pointer;color:var(--tk-text-primary);background:0 0;border:none;flex-shrink:0;padding:4px;display:none}.tk-mobile-overlay{display:none}@media (max-width:768px){html,body,.tk-root{overflow-x:hidden}.tk-sidebar{z-index:1001;width:260px;height:100vh;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.tk-sidebar.mobile-open{transform:translate(0)}.tk-mobile-overlay{z-index:1000;background:#00000073;display:block;position:fixed;inset:0}.tk-hamburger{display:flex}.tk-container{flex-direction:column}.tk-main{width:100%}.tk-content-body{padding:12px}.tk-content-header{padding:12px 16px}.tk-content-header h1{font-size:16px}.tk-data-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.tk-ribbon{flex-wrap:wrap;gap:6px;height:auto;min-height:40px;margin:-12px -12px 16px;padding:6px 8px}.tk-ribbon-input{min-width:100px}.tk-summary-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tk-summary-card{padding:12px 14px}.tk-summary-value{font-size:18px}.tk-dashboard-columns{grid-template-columns:1fr}.tk-quick-actions{flex-wrap:wrap}.tk-form-row{grid-template-columns:1fr}.tk-inv-list-container{flex-direction:column!important}.tk-inv-list-container>div{width:100%!important;min-width:0!important;max-width:none!important}.tk-notification-dropdown{width:calc(100vw - 32px)!important;right:-8px!important}.tk-toast{text-align:center;left:16px;right:16px}.tk-kanban-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.tk-settings-tabs{-webkit-overflow-scrolling:touch;white-space:nowrap;overflow-x:auto}.tk-data-table td:last-child:has(.tk-action-link){min-width:80px}.tk-content-body [style*=gridTemplateColumns],.tk-content-body [style*=grid-template-columns]{grid-template-columns:1fr!important}.tk-split-pane{flex-direction:column!important;flex:none!important;min-height:auto!important}.tk-split-list{border-bottom:1px solid var(--tk-border-light);border-right:none!important;width:100%!important;min-width:0!important;max-height:none!important;overflow-y:visible!important}.tk-split-preview{min-height:500px}.tk-split-preview iframe{min-height:450px!important}}