:root{--portal-bg:#0e1a2e;--portal-surface:#13213c;--portal-card:#13213cd9;--portal-border:#c83c7c2e;--portal-border-hover:#c83c7c66;--portal-text:#fff;--portal-text-secondary:#a8b5c8;--portal-accent:#c83c7c;--portal-accent-hover:#e04990;--portal-accent-soft:#c83c7c1f;--portal-amber:#faa312;--portal-success:#3fb950;--portal-danger:#f85149;--portal-warning:#faa312;--portal-radius:8px;--portal-radius-lg:12px;--portal-shadow:0 1px 3px #0000004d, 0 1px 2px #0003;--portal-shadow-lg:0 10px 30px #0006;--portal-transition:.2s cubic-bezier(.4, 0, .2, 1);--portal-font:var(--font-inter), "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.portal-root{--card-bg:#13213ce0;font-family:var(--portal-font);color:var(--portal-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portal-root table{border-collapse:separate;border-spacing:0;border-radius:var(--portal-radius-lg);background:var(--portal-card);width:100%;min-width:100%;box-shadow:var(--portal-shadow)}.portal-root .data-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--portal-radius-lg);overflow-x:auto}.portal-root thead th{text-transform:uppercase;letter-spacing:.5px;color:var(--portal-text-secondary);border-bottom:1px solid var(--portal-border);background:#c83c7c14;padding:8px 10px;font-size:11px;font-weight:600}.portal-root tbody td{border-bottom:1px solid var(--portal-border);transition:background var(--portal-transition);padding:8px 10px;font-size:13px}.portal-root tbody tr:last-child td{border-bottom:none}.portal-root tbody tr:hover td{background:#c83c7c0f}.portal-root .btn{border-radius:var(--portal-radius);cursor:pointer;transition:all var(--portal-transition);border:1px solid var(--portal-border);background:var(--portal-card);color:var(--portal-text);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.portal-root .btn:hover{border-color:var(--portal-accent);color:var(--portal-accent);box-shadow:0 0 0 3px var(--portal-accent-soft)}.portal-root .btn-sm{padding:4px 10px;font-size:12px}.portal-root .btn-primary{color:#fff;background:linear-gradient(135deg,#c83c7c 0%,#a02260 100%);border-color:#0000;font-weight:600}.portal-root .btn-primary:hover{box-shadow:0 0 0 3px var(--portal-accent-soft);background:linear-gradient(135deg,#e04990 0%,#c83c7c 100%)}.portal-root .btn-outline{background:0 0}.portal-root .stat-card{background:var(--portal-card);border:1px solid var(--portal-border);border-radius:var(--portal-radius-lg);transition:all var(--portal-transition);box-shadow:var(--portal-shadow);padding:20px}.portal-root .stat-card:hover{border-color:var(--portal-border-hover);box-shadow:var(--portal-shadow-lg);transform:translateY(-1px)}.portal-root input[type=text],.portal-root input[type=email],.portal-root input[type=password],.portal-root input[type=search],.portal-root select,.portal-root textarea{border-radius:var(--portal-radius);border:1px solid var(--portal-border);background:var(--portal-bg);width:100%;color:var(--portal-text);font-size:14px;font-family:var(--portal-font);transition:all var(--portal-transition);outline:none;padding:10px 12px}.portal-root input:focus,.portal-root select:focus,.portal-root textarea:focus{border-color:var(--portal-accent);box-shadow:0 0 0 3px var(--portal-accent-soft)}.portal-root .badge{letter-spacing:.3px;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-paid{color:#3fb950;background:#3fb95026}.badge-pending{color:#d29922;background:#d2992226}.badge-overdue{color:#f85149;background:#f8514926}.badge-open{color:#58a6ff;background:#58a6ff26}.badge-acknowledged{color:#d29922;background:#d2992226}.badge-resolved{color:#3fb950;background:#3fb95026}.badge-closed{color:#8b949e;background:#8b949e26}.portal-header{background:var(--portal-card);border-bottom:1px solid var(--portal-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;position:sticky;top:0}.portal-nav-link{border-radius:var(--portal-radius);color:var(--portal-text-secondary);transition:all var(--portal-transition);padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none}.portal-nav-link:hover{color:#fff;background:#c83c7c1a}.portal-nav-link.active{color:#fff;background:var(--portal-accent-soft);border:1px solid #c83c7c59}.portal-root ::-webkit-scrollbar{width:8px;height:8px}.portal-root ::-webkit-scrollbar-track{background:0 0}.portal-root ::-webkit-scrollbar-thumb{background:var(--portal-border);border-radius:4px}.portal-root ::-webkit-scrollbar-thumb:hover{background:var(--portal-border-hover)}@keyframes portalFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.portal-root main>*{animation:.3s ease-out portalFadeIn}.portal-spinner{border:2px solid var(--portal-border);border-top-color:var(--portal-accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.portal-root .page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.portal-root .page-title{color:var(--portal-text);letter-spacing:-.3px;margin:0;font-size:22px;font-weight:700}.portal-root .page-subtitle{color:var(--portal-text-secondary);margin:4px 0 0;font-size:13px}.portal-root .stat-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.portal-root .stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--portal-text-secondary);margin-bottom:6px;font-size:11px;font-weight:600}.portal-root .stat-value{color:var(--portal-text);font-size:24px;font-weight:700;line-height:1.2}.portal-root .gradient-blue{background:linear-gradient(135deg,#58a6ff,#388bfd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.portal-root .gradient-red{background:linear-gradient(135deg,#f85149,#da3633);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.portal-root .gradient-yellow{background:linear-gradient(135deg,#faa312,#d29922);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.portal-root .gradient-green{background:linear-gradient(135deg,#3fb950,#2ea043);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.portal-root .form-label{color:var(--portal-text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.portal-root .form-input{border-radius:var(--portal-radius);border:1px solid var(--portal-border);background:var(--portal-bg);width:100%;color:var(--portal-text);font-size:14px;font-family:var(--portal-font);transition:all var(--portal-transition);outline:none;padding:10px 12px}.portal-root .form-input:focus{border-color:var(--portal-accent);box-shadow:0 0 0 3px var(--portal-accent-soft)}.portal-root .data-table-wrapper{border-radius:var(--portal-radius-lg);border:1px solid var(--portal-border);box-shadow:var(--portal-shadow);overflow:hidden}.portal-root .data-table{border-collapse:separate;border-spacing:0;background:var(--portal-card);width:100%}.portal-root .data-table thead th{text-transform:uppercase;letter-spacing:.4px;color:var(--portal-text-secondary);border-bottom:1px solid var(--portal-border);white-space:nowrap;text-align:left;background:#c83c7c14;padding:8px 10px;font-size:10.5px;font-weight:600}.portal-root .data-table tbody td{border-bottom:1px solid var(--portal-border);transition:background var(--portal-transition);white-space:nowrap;text-overflow:ellipsis;max-width:200px;padding:7px 10px;font-size:12.5px;overflow:hidden}.portal-root .data-table tbody tr:last-child td{border-bottom:none}.portal-root .data-table tbody tr:hover td{background:#c83c7c0f}.portal-root .filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.portal-root .empty-state{text-align:center;color:var(--portal-text-secondary);padding:60px 20px;font-size:14px}.portal-root .empty-state-icon{opacity:.4;margin-bottom:12px;font-size:48px}.portal-root .badge{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.portal-root .badge-paid{color:var(--portal-success,#3fb950);background:#3fb9501a}.portal-root .badge-pending{color:var(--portal-warning,#faa312);background:#faa3121a}.portal-root .badge-overdue{color:var(--portal-danger,#f85149);background:#f851491a}.portal-root .badge-info{color:var(--portal-accent,#58a6ff);background:#58a6ff1a}.portal-root .badge-open{color:var(--portal-success,#3fb950);background:#3fb9501a}.portal-root .badge-resolved{color:var(--portal-text-secondary,#8b949e);background:#8b949e1a}.portal-root .dashboard-card{background:var(--portal-card);border:1px solid var(--portal-border);border-radius:var(--portal-radius-lg);cursor:pointer;transition:all var(--portal-transition);box-shadow:var(--portal-shadow);min-width:180px;padding:20px 24px}.portal-root .dashboard-card:hover{border-color:var(--portal-accent);box-shadow:var(--portal-shadow-lg);transform:translateY(-2px)}.portal-root .dashboard-card-icon{margin-bottom:8px;font-size:28px}.portal-root .dashboard-card-label{color:var(--portal-text-secondary);margin-bottom:4px;font-size:13px}.portal-root .dashboard-card-value{color:var(--portal-text);font-size:22px;font-weight:700}.portal-root .dashboard-card-alert{margin-top:4px;font-size:11px}.portal-root .dashboard-card-alert.danger{color:var(--portal-danger)}.portal-root .dashboard-card-alert.warning{color:var(--portal-warning)}.portal-root .section-card{background:var(--portal-card);border:1px solid var(--portal-border);border-radius:var(--portal-radius-lg);box-shadow:var(--portal-shadow);margin-bottom:20px;padding:24px}.portal-root .section-card-title{color:var(--portal-text);align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}@media (max-width:768px){.portal-header nav,.portal-root .data-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.portal-root main{padding:16px!important}.portal-root .page-header{flex-direction:column;align-items:flex-start}.portal-root .stat-grid{grid-template-columns:repeat(2,1fr)}.portal-root .filter-bar{flex-direction:column}.portal-root .filter-bar .form-input{max-width:100%!important}.portal-root .dashboard-card-value{font-size:18px}.portal-root .data-table thead th{padding:6px 8px;font-size:10px}.portal-root .data-table tbody td{max-width:140px;padding:5px 8px;font-size:11px}.portal-nav-link{padding:6px 10px!important;font-size:12px!important}}@media (max-width:480px){.portal-root .stat-grid{grid-template-columns:1fr}.portal-root .page-title{font-size:18px}.portal-root main{padding:10px!important}.portal-root .data-table thead th{padding:4px 5px;font-size:9px}.portal-root .data-table tbody td{max-width:100px;padding:4px 5px;font-size:10px}}