:root{--bg:#f5f3ec;--card:#fff;--text:#142847;--line:#d7deea;--muted:#52627a;--gold:#c5a464;--button:#163867}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,sans-serif}body.dark{--bg:#101927;--card:#1a2940;--text:#f5f3ec;--line:#40516b;--muted:#c0cddd;--button:#294d80}header{max-width:1320px;margin:auto;display:flex;align-items:center;gap:18px;padding:22px}header img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:12px}header div{flex:1}small{display:block;color:var(--muted)}main{max-width:1280px;margin:12px auto;padding:20px}.hero{background:#163867;color:#fff;border-radius:24px;padding:32px;margin-bottom:24px}.hero h1{margin:0;font-size:clamp(26px,4vw,40px)}.hero p{color:#e1e8f4}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:20px}.metric{font-size:32px;font-weight:700}.muted{color:var(--muted)}label{display:grid;gap:6px;margin:12px 0}input,select{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;width:100%;min-height:48px}button{background:var(--button);color:white;border:0;border-radius:10px;min-height:46px;padding:11px 19px;font:inherit;cursor:pointer}button:hover{filter:brightness(1.15)}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}nav{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:start;padding:14px;border-bottom:1px solid var(--line);white-space:nowrap}#message:not(:empty){padding:16px;border:1px solid var(--gold);background:var(--card);margin-bottom:18px;border-radius:12px}.login{max-width:470px;margin:40px auto}.pill{font-size:14px;padding:5px 12px;border:1px solid var(--line);border-radius:20px}footer{text-align:center;color:var(--muted);padding:30px}.actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:600px){header{flex-wrap:wrap;padding:14px}header img{width:45px;height:45px}header button{font-size:14px}main{padding:12px}.card{padding:18px}.hero{padding:24px}}@media(prefers-reduced-motion:no-preference){button{transition:filter .15s}}
.call{display:block;padding:18px;margin:12px 0;border:2px solid #17376b;border-radius:14px;font-weight:700;color:#17376b;text-decoration:none}.dark .call{color:#fff;border-color:#bbcde9}.sos{background:#a01927;color:white;font-size:1.4rem;min-height:64px}.urgent{color:#a01927;font-weight:700}.dark .urgent{color:#ffb4b4}.senior{font-size:23px}.senior button,.senior input,.senior select,.senior textarea{font-size:1.15em;min-height:60px}textarea{width:100%;min-height:100px}#safety>section{margin-top:24px}#notice{padding:16px}#safety select{max-width:100%}
/* Rafiq 2.2 — shared product system */
:root{--bg:#f3f5f9;--text:#162b48;--card:#fff;--muted:#5a6b82;--line:#dce3ec;--gold:#bd9651;--button:#183e70;--shadow:0 12px 35px #17345a08}html{scroll-behavior:smooth;scroll-padding-top:110px}body{font-family:Tahoma,Arial,sans-serif;line-height:1.85}body.dark{--bg:#101925;--card:#182638;--line:#34465d;--text:#edf1f6;--muted:#b7c5d7;--button:#345f95}body>header{max-width:none;padding:15px max(24px,calc((100vw - 1280px)/2));background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;box-shadow:0 3px 15px #14284705}header img{width:50px;height:50px;border:1px solid var(--line)}header h1{font-size:20px;flex:1;margin:0}header b{font-size:20px}header small{font-size:11px}header button{font-size:12px;min-height:40px;padding:7px 13px;background:var(--bg);border:1px solid var(--line);color:var(--text)}header a{font-size:13px;color:var(--text)}main{margin:24px auto 80px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 20%,#35628d,transparent 45%),linear-gradient(115deg,#102641,#173d69);padding:40px 38px;border:1px solid #355474;box-shadow:0 16px 40px #12325318;border-radius:25px}.hero:after{content:'';position:absolute;pointer-events:none;inset-inline-end:-70px;top:-120px;width:380px;height:380px;border:1px solid #cdb17755;border-radius:50%;box-shadow:0 0 0 45px #fff03,0 0 0 90px #fff02}.hero>span{color:#e4c797;font-size:11px;letter-spacing:3px}.hero h1{font-size:34px;margin-top:10px}.hero p{margin-bottom:0}.card{border-radius:19px;box-shadow:var(--shadow);padding:25px}.card h2{font-size:21px;margin-top:0}.metric{font-size:42px;line-height:1.5;letter-spacing:-1px;color:var(--text)}nav button,nav a.call{margin:0;padding:10px 18px;min-height:46px;font-size:14px;display:inline-flex;align-items:center;text-decoration:none;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:12px}nav button[aria-current=page]{background:var(--button);color:#fff;border-color:var(--button)}nav{padding-bottom:10px;border-bottom:1px solid var(--line)}input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);padding:11px 14px}textarea{resize:vertical}button{box-shadow:0 3px 8px #10264108;font-weight:600}button:hover{filter:brightness(1.07)}label{font-size:14px;font-weight:600}table{font-size:14px}thead{background:var(--bg)}tbody tr:hover{background:var(--bg)}.login{max-width:480px;padding:35px;margin:50px auto}.login h1{font-size:30px}.login button{width:100%;margin-top:15px}.login .pill{color:var(--button);letter-spacing:2px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.quick-actions a{display:flex;flex-direction:column;text-decoration:none;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;font-size:19px;font-weight:bold;box-shadow:var(--shadow)}.quick-actions a span{font-size:12px;color:var(--muted);font-weight:normal;margin-top:7px}.quick-actions a strong{font-size:27px;color:#a58245;font-weight:normal;margin-bottom:5px}.quick-actions a.help-shortcut{border-color:#edd7da}.quick-actions a.help-shortcut strong{color:#aa2639}.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.safety-grid>section{margin:0!important}.hotel-panel{background:linear-gradient(135deg,var(--card),var(--bg));border-top:4px solid var(--gold)}.call{border:1px solid var(--line);background:var(--card);font-size:15px;padding:12px 18px;color:var(--text)}.sos{width:100%;margin:10px 0;border-radius:14px;background:#a92337}.group-selector{max-width:420px}.section-label{font-size:11px;letter-spacing:2px;color:var(--muted)}#schedule-list .timeline-item{position:relative;border-inline-start:3px solid var(--gold);padding:18px 24px;margin:18px 0;background:var(--bg);border-radius:0 14px 14px 0}#schedule-list h3{margin:5px 0;font-size:19px}.timeline-item time{font-weight:700;color:var(--text);font-size:14px}.timeline-item small{display:inline-block;margin-inline:8px}.timeline-item p{margin:7px 0;white-space:pre-wrap}.timeline-item.cancelled{border-color:#af3445}.timeline-item.cancelled h3{text-decoration:line-through}.schedule-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.schedule-tools input{width:auto}.schedule-editor{border:1px solid var(--line);border-radius:14px;padding:18px;margin:15px 0}.schedule-editor summary{cursor:pointer;font-weight:bold}.schedule-editor form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.schedule-editor .wide{grid-column:1/-1}.empty-state{border:1px dashed var(--line);padding:28px;text-align:center;border-radius:15px;color:var(--muted)}#notice:empty{display:none}#notice:not(:empty){background:var(--card);border-inline-start:4px solid var(--gold);border-radius:12px}#request-list .card{box-shadow:none;border-inline-start:3px solid #a92337}.senior{font-size:23px}.senior .quick-actions a,.senior label,.senior .call{font-size:22px}.senior small,.senior .muted{font-size:18px}.senior .timeline-item time{font-size:21px}.senior .quick-actions a span{font-size:18px}.empty-state button{margin-top:16px}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}#schedule-panel,#hotel-panel,#help-panel{scroll-margin-top:120px}@media(max-width:760px){.hero{padding:28px}.hero h1{font-size:27px}.safety-grid{grid-template-columns:1fr}body>header{padding:12px;gap:10px}header img{width:42px;height:42px}header h1{font-size:17px}header small{display:none}main{margin-top:12px}.quick-actions{gap:8px}.quick-actions a{padding:14px 8px;text-align:center;font-size:14px}.quick-actions a span{font-size:10px}.quick-actions a strong{font-size:23px}.schedule-editor form{display:block}.card{padding:20px}.login{margin:25px auto;padding:25px}nav{gap:7px}nav button,nav a.call{font-size:12px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.overview-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}.overview-stats span{background:var(--bg);padding:15px;border-radius:12px;font-size:13px}.overview-stats b{display:block;font-size:26px}meter{width:100%;height:16px;accent-color:var(--gold)}