.sidebar[data-v-330d3d1f]{width:220px;flex-shrink:0;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;padding:24px 16px;height:100vh;position:sticky;top:0}.brand[data-v-330d3d1f]{display:flex;align-items:center;gap:10px;padding:0 8px;margin-bottom:32px}.brand-logo[data-v-330d3d1f]{font-size:22px;color:#1e293b;line-height:1}.brand-name[data-v-330d3d1f]{font-size:14px;font-weight:700;letter-spacing:.5px;color:#1a1a1a}.brand-tier[data-v-330d3d1f]{font-size:10px;color:#999;letter-spacing:.3px}.nav[data-v-330d3d1f]{display:flex;flex-direction:column;gap:2px}.nav-item[data-v-330d3d1f]{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:7px;color:#666;font-size:13px;text-decoration:none;transition:color .15s,background .15s}.nav-item[data-v-330d3d1f]:hover{color:#1a1a1a;background:#f5f5f5}.nav-item--active[data-v-330d3d1f]{color:#1a1a1a;background:#f0f0f0;border-left:3px solid #1e293b;padding-left:9px}.nav-icon[data-v-330d3d1f]{font-size:14px;width:18px;text-align:center;flex-shrink:0}.spacer[data-v-330d3d1f]{flex:1}.sidebar-footer[data-v-330d3d1f]{display:flex;flex-direction:column;gap:12px}.user-row[data-v-330d3d1f]{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;background:#f9f9f9;border:1px solid #e0e0e0}.avatar[data-v-330d3d1f]{width:30px;height:30px;border-radius:50%;background:#1e293b;border:1px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.user-info[data-v-330d3d1f]{flex:1;min-width:0}.user-name[data-v-330d3d1f]{font-size:11px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email[data-v-330d3d1f]{font-size:10px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-logout[data-v-330d3d1f]{background:none;border:none;color:#ccc;font-size:13px;padding:2px 4px;flex-shrink:0;transition:color .15s}.btn-logout[data-v-330d3d1f]:hover{color:#ef4444}.btn-new-invoice[data-v-330d3d1f]{display:block;text-align:center;padding:10px;background:#1e293b;border:none;border-radius:7px;color:#fff;font-size:12px;font-weight:700;text-decoration:none;letter-spacing:.3px;transition:background .15s}.btn-new-invoice[data-v-330d3d1f]:hover{background:#0f172a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}a{text-decoration:none;color:inherit}.app{min-height:100vh}.app--sidebar{display:flex}.app-body{flex:1;display:flex;flex-direction:column;min-width:0;background:#f5f5f5}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:56px;border-bottom:1px solid #e0e0e0;background:#fff;flex-shrink:0}.topbar-search{position:relative;width:320px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999;font-size:16px;pointer-events:none}.topbar-search .search-input{width:100%;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;color:#1a1a1a;font-family:inherit;font-size:13px;padding:8px 12px 8px 36px;outline:none;transition:border-color .15s}.topbar-search .search-input:focus{border-color:#1e293b}.topbar-search .search-input::placeholder{color:#999}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-icon-btn{background:none;border:none;color:#666;font-size:16px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:color .15s,background .15s}.topbar-icon-btn:hover{color:#1a1a1a;background:#f0f0f0}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:#1e293b;border:1px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;cursor:default}main{flex:1;padding:28px;overflow-y:auto}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px}.badge:before{content:"●";font-size:6px}.badge-paid{background:#d1fae5;color:#065f46}.badge-paid:before{color:#10b981}.badge-sent{background:#dbeafe;color:#1e40af}.badge-sent:before{color:#3b82f6}.badge-overdue{background:#fee2e2;color:#991b1b}.badge-overdue:before{color:#ef4444}.badge-draft{background:#f3f4f6;color:#374151}.badge-draft:before{color:#9ca3af}.badge-cancelled{background:#f3f4f6;color:#6b7280}.badge-cancelled:before{color:#9ca3af}input,select,textarea{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#1a1a1a;font-family:inherit;font-size:14px;padding:10px 12px;outline:none;width:100%;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:#1e293b}input::placeholder,textarea::placeholder{color:#999}button{font-family:inherit;cursor:pointer}