:root{--navy:#042c53;--navy-mid:#0c447c;--navy-light:#185fa5;--blue:#378add;--blue-light:#85b7eb;--blue-pale:#e6f1fb;--teal:#1d9e75;--teal-light:#5dcaa5;--gray-light:#f5f6fa;--gray-border:#d3d1c7;--text-dark:#1a1a2e;--text-mid:#4a4a6a;--white:#fff;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 4px 16px #0000001a;--transition:all .2s ease;--warning:#f39c12}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--gray-light);color:var(--text-dark);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}.portal-sidebar{background:var(--white);border-right:1px solid var(--gray-border);z-index:10;flex-direction:column;width:240px;height:100vh;display:flex;position:fixed;top:0;left:0}.portal-logo{border-bottom:1px solid var(--gray-border);padding:20px 24px}.portal-logo img{width:auto;height:32px}.portal-nav{flex:1;padding:16px 0;overflow-y:auto}.nav-link{color:var(--text-mid);transition:var(--transition);border-left:3px solid #0000;padding:10px 24px;font-size:.9rem;text-decoration:none;display:block}.nav-link:hover{color:var(--navy-mid);background:var(--blue-pale)}.nav-link.active{color:var(--navy-mid);background:var(--blue-pale);border-left-color:var(--navy-mid);font-weight:500}.portal-user{border-top:1px solid var(--gray-border);padding:16px 24px}.portal-user-info{flex-direction:column;margin-bottom:10px;display:flex}.portal-user-name{color:var(--text-dark);font-size:.875rem;font-weight:500}.portal-user-email{color:var(--text-mid);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.75rem;overflow:hidden}.portal-signout{color:var(--text-mid);border:1px solid var(--gray-border);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:var(--transition);background:0 0;padding:6px 12px;font-size:.8125rem}.portal-signout:hover{background:var(--blue-pale);color:var(--navy-mid);border-color:var(--navy-mid)}.portal-main{flex:1;min-height:100vh;margin-left:240px;padding:32px}.page{max-width:1000px}.page-header{background:var(--navy);border-bottom:none;border-radius:0;margin:-32px -32px 32px;padding:32px}.page-header h1{color:var(--white);margin-bottom:4px;font-size:1.5rem;font-weight:600}.page-header p{color:var(--blue-light);font-size:.9375rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.dash-card{background:var(--white);border:1px solid var(--gray-border);border-radius:var(--radius-lg);padding:24px}.dash-card-label{color:var(--text-mid);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.8125rem;font-weight:500}.dash-card-value{color:var(--text-dark);margin-bottom:6px;font-size:1.75rem;font-weight:600}.dash-card-value.pending{color:var(--warning);font-size:1.1rem}.dash-card-sub{color:var(--text-mid);font-size:.8125rem}.coming-soon{background:var(--white);border:1px solid var(--gray-border);border-radius:var(--radius-lg);text-align:center;color:var(--text-mid);padding:48px;font-size:.9375rem}.btn-primary{background:var(--navy-mid);color:var(--white);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;padding:10px 22px;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--navy)}.btn-secondary{background:var(--white);color:var(--navy-mid);border-radius:var(--radius-md);border:1px solid var(--navy-mid);cursor:pointer;transition:var(--transition);padding:10px 22px;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-block}.btn-secondary:hover{background:var(--blue-pale)}.btn-danger{color:var(--white);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:#e74c3c;border:none;padding:10px 22px;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-block}.btn-danger:hover{background:#c0392b}.form-group{margin-bottom:20px}.form-group label{color:var(--text-dark);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--gray-border);border-radius:var(--radius-md);width:100%;color:var(--text-dark);background:var(--white);transition:var(--transition);padding:10px 14px;font-family:inherit;font-size:.9375rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #378add26}.form-group textarea{resize:vertical;min-height:100px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-note{color:var(--text-mid);margin-top:5px;font-size:.8125rem}.alert{border-radius:var(--radius-md);margin-bottom:16px;padding:12px 16px;font-size:.875rem}.alert-success{color:#085041;border:1px solid var(--teal-light);background:#e1f5ee}.alert-error{color:#7f1d1d;background:#fcebeb;border:1px solid #f09595}.alert-warning{color:#7d6608;background:#fef9e7;border:1px solid #f9e79f}.card{background:var(--white);border:1px solid var(--gray-border);border-radius:var(--radius-lg);margin-bottom:16px;padding:24px}.card-header{border-bottom:1px solid var(--gray-border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.card-header h3{color:var(--text-dark);font-size:1rem;font-weight:600}.badge{border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-block}.badge-success{color:#085041;background:#e1f5ee}.badge-warning{color:#7d6608;background:#fef9e7}.badge-danger{color:#7f1d1d;background:#fcebeb}.badge-info{background:var(--blue-pale);color:var(--navy-mid)}.badge-pending{color:var(--text-mid);background:#f5f6fa}.portal-mobile-header{background:var(--white);border-bottom:1px solid var(--gray-border);z-index:30;justify-content:space-between;align-items:center;padding:12px 16px;display:none;position:sticky;top:0}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;width:40px;padding:4px;display:flex}.hamburger-btn span{background:var(--navy-mid);width:24px;height:2px;display:block}.sidebar-overlay{z-index:40;background:#0006;display:none;position:fixed;inset:0}@media (width<=768px){.portal-mobile-header{display:flex}.portal-sidebar{z-index:50;width:260px;transition:left .3s;position:fixed;top:0;bottom:0;left:-280px;overflow-y:auto}.portal-sidebar.sidebar-open{left:0;box-shadow:4px 0 20px #00000026}.sidebar-overlay.overlay-open{display:block}.portal-main{padding:16px;margin-left:0!important}.portal-sidebar+div,.portal-sidebar~div{width:100%!important;margin-left:0!important}}