.portal-layout{display:flex;min-height:100vh}.portal-sidebar{background-color:var(--color-primary);bottom:0;color:#fff;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s ease;width:280px;z-index:40}.portal-main{background-color:var(--color-bg-light);flex:1;margin-left:280px;min-height:100vh}.sidebar-logo{border-bottom:1px solid hsla(0,0%,100%,.1);padding:1.5rem}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.sidebar-nav a,.sidebar-nav button{align-items:center;background:none;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.75rem 1.5rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-nav a:hover,.sidebar-nav button:hover{background-color:hsla(0,0%,100%,.08);color:#fff}.sidebar-nav a.active,.sidebar-nav button.active{background-color:rgba(59,130,246,.2);border-right:3px solid var(--color-secondary);color:#fff}.sidebar-nav a.active svg,.sidebar-nav button.active svg{color:var(--color-secondary)}.sidebar-nav .nav-disabled{cursor:default;opacity:.4;pointer-events:none}.sidebar-nav .nav-badge{background-color:var(--color-accent);border-radius:9999px;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.05em;margin-left:auto;padding:.1rem .4rem;text-transform:uppercase}.sidebar-divider{background-color:hsla(0,0%,100%,.1);height:1px;margin:.5rem 1.5rem}.sidebar-user{align-items:center;border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:.75rem;padding:1.25rem 1.5rem}.sidebar-user .user-avatar{align-items:center;background-color:var(--color-secondary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:40px;justify-content:center;width:40px}.sidebar-user .user-info{flex:1;min-width:0}.sidebar-user .user-name{color:#fff;font-size:.875rem;font-weight:600}.sidebar-user .user-company{color:hsla(0,0%,100%,.5);font-size:.75rem}.portal-topbar{align-items:center;background-color:var(--color-primary);display:none;justify-content:space-between;left:0;padding:.75rem 1rem;position:fixed;right:0;top:0;z-index:45}.mobile-overlay{background-color:rgba(0,0,0,.5);display:none;inset:0;position:fixed;z-index:39}.portal-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;transition:all .2s ease}.portal-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06)}.portal-card-accent{border-top:3px solid var(--color-secondary)}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.025em;padding:.25rem .75rem}.status-active{background-color:#dbeafe;color:#1e40af}.status-pending{background-color:#fef3c7;color:#92400e}.status-paid{background-color:#dcfce7;color:#166534}.status-overdue{background-color:#fee2e2;color:#991b1b}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem;text-align:center}.summary-card-icon{align-items:center;border-radius:50%;display:inline-flex;height:48px;justify-content:center;margin-bottom:.75rem;width:48px}.portal-table{border-collapse:collapse;width:100%}.portal-table th{border-bottom:2px solid #e2e8f0;color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.portal-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.875rem;padding:.75rem 1rem}.portal-table tr:hover td{background-color:#f8fafc}.doc-item{align-items:center;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.doc-item:hover{border-color:var(--color-secondary);box-shadow:0 2px 8px rgba(0,0,0,.04)}.doc-icon{align-items:center;border-radius:.5rem;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.form-group{margin-bottom:1.25rem}.form-label{color:#64748b;display:block;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.form-input,.form-select,.form-textarea{border:1px solid #e2e8f0;border-radius:.5rem;color:#334155;font-size:.875rem;outline:none;padding:.75rem;transition:border-color .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-textarea{min-height:120px;resize:vertical}@media (max-width:1023px){.portal-sidebar{transform:translateX(-100%)}.portal-sidebar.open{transform:translateX(0)}.portal-topbar{display:flex}.portal-main{margin-left:0;padding-top:60px}.mobile-overlay.open{display:block}}@media (max-width:639px){.portal-table td,.portal-table th{font-size:.75rem;padding:.5rem .75rem}}