:root{--bg:#07111d;--panel:#0c1c2e;--panel2:#112640;--border:#294968;--text:#eef6ff;--muted:#93a9bf;--blue:#1488ff;--green:#20b86b;--red:#e65962}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.4 Inter,Segoe UI,Arial,sans-serif}.portal-top{height:72px;background:#081522;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:20px}.portal-brand{display:flex;align-items:center;gap:16px}.portal-brand img{width:150px;height:auto}.portal-brand strong,.portal-brand span{display:block}.portal-brand span{color:var(--muted);font-size:12px}.portal-actions{display:flex;align-items:center;gap:8px}.portal-actions a,.portal-tab{color:#b9cce0;background:transparent;border:1px solid transparent;text-decoration:none;padding:9px 12px;border-radius:6px;cursor:pointer}.portal-tab.active{background:#123152;border-color:#265d91;color:white}.portal-main{max-width:1500px;margin:0 auto;padding:22px}.portal-section{display:none}.portal-section.active{display:block}.portal-pagehead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.portal-pagehead h1{margin:0;font-size:27px}.portal-pagehead p{margin:4px 0 0;color:var(--muted)}.portal-badge{padding:8px 12px;border:1px solid #315676;background:#0d2034;border-radius:999px;color:#cce4ff}.portal-card{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:16px;margin-bottom:12px}.portal-card h2{margin:0 0 14px;font-size:16px}.portal-grid{display:grid;gap:12px}.portal-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;color:#a9bed1;font-weight:700;font-size:12px;margin:0 0 5px}input,select,textarea{width:100%;border:1px solid #355879;border-radius:5px;background:#16314f;color:white;padding:10px 11px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#2195ff;box-shadow:0 0 0 2px rgba(33,149,255,.15)}button{border:0;border-radius:6px;background:var(--green);color:white;font-weight:800;padding:11px 15px;cursor:pointer}button.secondary{background:#173653;border:1px solid #386084}.portal-time-type{display:flex;gap:8px;margin-top:12px}.portal-time-type button{flex:1;background:#13243b;border:1px solid #38536d;color:#b8cadb}.portal-time-type button.active{background:#1a5888;border-color:#39a4ec;color:white}.portal-typeahead{position:relative}.portal-suggestions{position:absolute;z-index:100;top:calc(100% + 4px);left:0;right:0;background:#101f32;border:1px solid #3a5875;border-radius:7px;max-height:260px;overflow:auto;box-shadow:0 16px 38px rgba(0,0,0,.45)}.portal-suggestions button{display:block;width:100%;background:transparent;text-align:left;border-radius:0;border-bottom:1px solid #263c53;font-weight:500}.portal-suggestions button:hover{background:#173250}.verify-text{margin-top:5px;color:#dd7478;font-size:11px}.verify-text.ok{color:#48d791}.portal-billables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.portal-billable{display:flex;align-items:center;gap:8px;padding:10px;background:#10243a;border:1px solid #2d4a65;border-radius:6px}.portal-billable input{width:auto}.portal-quote-card{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px}.portal-quote-card span,.portal-quote-card small{display:block;color:var(--muted)}.portal-quote-card strong{display:block;font-size:27px}.portal-quote-actions{display:flex;gap:8px;flex-wrap:wrap}.portal-success,.portal-notice{padding:13px 15px;border-radius:7px;margin:12px 0}.portal-success{background:#123d2b;border:1px solid #2e8b62}.portal-notice{background:#503d0d;border:1px solid #94731d;color:#ffe5a0}.hidden{display:none!important}.portal-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:10px;border-bottom:1px solid #22384d}th{color:#8fa8bf;font-size:11px;text-transform:uppercase}.status-pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#20364c}.status-pill.pending{background:#57420d;color:#ffe098}.status-pill.accepted{background:#123e2b;color:#a9f0cc}.status-pill.declined{background:#4b1f25;color:#ffc0c5}#portalToast{position:fixed;right:18px;bottom:18px;background:#10263d;border:1px solid #315678;border-radius:7px;padding:11px 14px;opacity:0;transition:.2s;pointer-events:none}#portalToast.show{opacity:1}.portal-login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#173b5f,#07111d 62%)}.portal-login-card{width:min(390px,92vw);background:#0b1a2b;border:1px solid #2d506f;border-radius:12px;padding:30px;box-shadow:0 25px 70px rgba(0,0,0,.45)}.portal-login-card img{width:250px;max-width:100%;display:block;margin:0 auto 18px}.portal-login-card h1{text-align:center;margin:0}.portal-login-card p{text-align:center;color:var(--muted);margin:5px 0 20px}.portal-login-card input{margin-bottom:12px}.portal-login-card button{width:100%;margin-top:5px}.portal-login-card small{display:block;text-align:center;color:#69849d;margin-top:17px}.portal-error{color:#ff8389;text-align:center;margin-top:12px}@media(max-width:900px){.portal-grid.four{grid-template-columns:1fr 1fr}.portal-address-grid{grid-template-columns:1fr}.portal-quote-card{grid-template-columns:1fr}.portal-billables{grid-template-columns:1fr 1fr}.portal-top{height:auto;padding:12px;align-items:flex-start}.portal-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:560px){.portal-main{padding:12px}.portal-grid.four{grid-template-columns:1fr}.portal-billables{grid-template-columns:1fr}.portal-brand img{width:110px}.portal-brand>div{display:none}.portal-pagehead{align-items:flex-start;flex-direction:column}}

.portal-notif-btn{position:relative}.notif-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;background:#ff5d5d;color:white;font-size:11px;margin-left:4px}.portal-notif-panel{position:fixed;right:18px;top:68px;z-index:1000;width:min(430px,calc(100vw - 36px));max-height:70vh;overflow:auto;background:#0d2236;border:1px solid #2c587a;border-radius:12px;padding:14px;box-shadow:0 20px 50px #0008}.portal-notification{width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;background:#132b43;border:1px solid #294d69;border-radius:8px;padding:11px;margin-bottom:8px;color:#dcecff}.portal-notification.unread{border-color:#39bdf8;background:#163552}.portal-notification span,.portal-notification small{color:#a9bfd1}.portal-empty{color:#8fa9bd;padding:12px}