:root{--navy:#07183d;--navy2:#0d285b;--navy3:#12366f;--gold:#cdaa37;--gold2:#e8d48d;--white:#f8f9fc;--muted:#b8c3d7;--line:#274273;--bg:#eef2f7;--ink:#16213b;--success:#247a4a;--danger:#a63d3d}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.top{background:var(--navy);color:white;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.top img{height:42px;width:auto;max-width:260px;object-fit:contain}.top .user{font-size:12px;color:var(--muted)}.content{max-width:1100px;margin:auto;padding:22px}.nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 auto 18px;max-width:1100px;padding:12px 22px 0}.nav button{border:1px solid #d3d9e4;background:white;color:var(--ink);padding:10px 13px;border-radius:10px}.nav button.active{background:var(--navy);color:white;border-color:var(--navy)}.hero{background:linear-gradient(135deg,var(--navy),var(--navy3));color:white;border-radius:18px;padding:28px;margin-bottom:18px}.hero h1{margin:0 0 8px;font-size:30px}.hero p{margin:0;color:var(--muted);max-width:760px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{background:white;border:1px solid #dce2eb;border-radius:15px;padding:18px}.card h3,.card h4{margin:0 0 7px}.muted{color:#64718a}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--gold);font-weight:800}.btn{border:0;border-radius:10px;padding:11px 15px;background:var(--navy);color:white;font-weight:700}.btn.goldbtn{background:var(--gold);color:var(--navy)}.btn.secondary{background:white;color:var(--navy);border:1px solid #cfd6e1}.btn:disabled{opacity:.45;cursor:not-allowed}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1}.spacer{height:12px}.price{font-size:26px;font-weight:800;color:var(--gold2)}.tag{display:inline-block;padding:5px 8px;border-radius:999px;background:#edf1f7;color:#53617a;font-size:11px;font-weight:700}.tag.verified{background:#e8f5ec;color:var(--success)}.status{display:inline-block;padding:5px 8px;border-radius:999px;background:#e8f5ec;color:var(--success);font-size:11px;font-weight:800}.form{max-width:560px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.field input,.field select,.card select,.card input[type=email],.card input[type=text],.card input[type=password],.card input[type=time]{width:100%;padding:12px;border:1px solid #cbd3df;border-radius:10px;background:white}.otp-wrap{width:100%;display:flex;justify-content:center}.otp{display:grid;grid-template-columns:repeat(4,48px);gap:8px;justify-content:center}.otp input{width:48px;height:48px;padding:0;text-align:center;font-size:20px;font-weight:700;border:1px solid #cbd3df;border-radius:10px;background:white}.divider{height:1px;background:#e0e5ed;margin:18px 0}.kpi{font-size:24px;font-weight:800}.footer{padding:28px 22px;text-align:center;color:#7b879b;font-size:11px}.notice{padding:12px 14px;background:#fff8df;border-left:4px solid var(--gold);border-radius:8px;color:#5d512d;font-size:12px}.successbox{margin-top:14px;padding:12px;background:#e8f5ec;border-left:4px solid var(--success);border-radius:8px;color:#225d3c}.back{color:var(--navy);font-weight:700;background:none;border:0;padding:0}.check{display:flex;gap:10px;align-items:flex-start;margin:11px 0}.check input{margin-top:3px}.slotgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.slot{padding:12px;border:1px solid #ccd5e2;border-radius:10px;background:white}.slot.selected{border:2px solid var(--gold);background:#fffaf0}.slot:disabled{opacity:.45;cursor:not-allowed}.toast{position:fixed;right:18px;bottom:18px;background:var(--navy);color:white;padding:13px 16px;border-radius:10px;box-shadow:0 8px 25px #0002;z-index:30}.login{min-height:100vh;background:linear-gradient(145deg,var(--navy),#102f67);display:grid;place-items:center;padding:20px}.loginbox{background:white;width:min(460px,100%);border-radius:20px;padding:28px}.loginlogo{width:270px;max-width:100%;display:block;margin:0 auto 22px}.small{font-size:12px}.mini{border:1px solid #cfd6e1;border-radius:7px;padding:5px 8px;background:white;color:var(--navy);font-size:11px}.mini.active{background:var(--gold);border-color:var(--gold);color:var(--navy)}.mini:disabled{opacity:1;cursor:default}.portal-switch{display:inline-flex;gap:5px;margin-left:8px;vertical-align:middle}.login-actions{display:flex;align-items:center;gap:12px}.login-actions .btn{flex:1}.staff-link{font-size:11px;white-space:nowrap}.mini.danger{color:var(--danger);border-color:#e2c3c3}.scheduleLawyer{padding:12px 0;border-top:1px solid #e6eaf0}.scheduleRow{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:7px 0;font-size:13px}.tablewrap{overflow:auto}.tablewrap table{width:100%;border-collapse:collapse;font-size:13px}.tablewrap th,.tablewrap td{text-align:left;padding:10px;border-bottom:1px solid #e4e8ef;white-space:nowrap}.tablewrap select{padding:7px;border:1px solid #cbd3df;border-radius:7px}.fileitem{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e6eaf0;font-size:13px}
@media(max-width:760px){.content{padding:15px}.nav{padding:12px 15px 0}.grid,.grid2{grid-template-columns:1fr}.slotgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:25px}.top img{height:36px;max-width:220px}.loginlogo{width:250px}}

.contactbar{max-width:1056px;width:calc(100% - 44px);margin:0 auto 8px;padding:12px 18px;background:white;border:1px solid #dce2eb;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 4px 16px #07183d12}.contactbar span{color:#64718a;font-size:13px}.contactactions{display:flex;gap:8px;flex-wrap:wrap}.contactbtn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:9px;padding:9px 12px;background:var(--navy);color:white;font-size:12px;font-weight:800}.contactbtn.whatsapp{background:#1d6f42}.contactbtn:hover{opacity:.9}
@media(max-width:760px){.contactbar{width:calc(100% - 30px);max-width:none;margin:0 15px 8px;padding:12px;align-items:flex-start;flex-direction:column}.contactactions{width:100%}.contactbtn{flex:1;text-align:center}.top .user{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}}

.login > .contactbar{width:min(460px,100%);max-width:none;margin:0}.contactbar{width:calc(100% - 44px);max-width:1056px}
@media(max-width:760px){.otp{grid-template-columns:repeat(4,42px);gap:7px}.otp input{width:42px;height:42px}.login-actions{align-items:stretch;flex-direction:column}.staff-link{align-self:flex-end}.portal-switch{margin-left:0;margin-top:4px}.top .user{flex-direction:column;align-items:flex-end}.login > .contactbar{width:min(460px,100%)}}