*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.shell{max-width:760px;min-height:100vh;margin:auto;padding-bottom:86px}header{z-index:5;background:#fff;border-bottom:1px solid #e7ebf2;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}header small{color:#1677ff;letter-spacing:1.5px;font-weight:850}h1{margin:4px 0 0;font-size:27px}h2{margin:18px 4px 8px;font-size:19px}.content,main{padding:16px 14px}.sectiontitle{justify-content:space-between;align-items:center;display:flex}.sectiontitle h2{margin-bottom:8px}.sectiontitle span{color:#7b8798;font-size:11px}.avatar{color:#1677ff;background:#e8f1ff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:850;display:grid}.avatar.big{width:60px;height:60px}.card{background:#fff;border:1px solid #e7ebf2;border-radius:18px;align-items:center;gap:9px;margin:10px 0;padding:14px;display:flex;box-shadow:0 4px 15px #102a4d08}.ico{color:#1677ff;background:#edf4ff;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.ico svg{width:22px}.grow{flex:1;min-width:0}.grow b{font-size:15px;display:block}.grow p{color:#667085;margin:4px 0;font-size:13px}.grow small{color:#7b8798;align-items:center;gap:5px;margin-top:4px;font-size:11px;display:flex}.grow small svg{width:14px}.pending,.taken{white-space:nowrap;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:5px;padding:10px 11px;font-size:11px;font-weight:900;display:flex}.pending{color:#c2410c;background:#ffedd5}.taken{color:#15803d;background:#dcfce7}.pending svg,.taken svg{width:16px}.smallbtn{padding:9px}.trash,.edit,.close{cursor:pointer;background:#f3f5f8;border:0;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.trash{color:#d92d20}.edit{color:#1677ff}.close{color:#667085}.empty{text-align:center;color:#7b8798;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;margin-bottom:10px;padding:22px}.add{justify-content:center;width:100%;margin:4px 0 8px}.primary,.logout,.secondary{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:13px;font-weight:850;display:flex}.primary{color:#fff;background:#1677ff}.logout{color:#d92d20;background:#fff0ef;width:100%;margin-top:12px}nav{z-index:10;background:#fff;border-top:1px solid #e6ebf2;justify-content:center;height:76px;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{color:#7a8799;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:20%;max-width:150px;font-size:10px;font-weight:750;display:flex}.login{background:linear-gradient(145deg,#edf5ff,#fafcff);place-items:center;min-height:100vh;padding:20px;display:grid}.loginbox{background:#fff;border-radius:28px;width:min(100%,430px);padding:30px 24px;box-shadow:0 20px 60px #17345c1f}.logo{color:#fff;background:#1677ff;border-radius:22px;place-items:center;width:68px;height:68px;margin-bottom:20px;display:grid}.loginbox small{color:#1677ff;letter-spacing:1.4px;font-weight:850}.loginbox h1{font-size:34px}.loginbox p{color:#667085}.loginbox label,label{margin:12px 0 6px;font-size:13px;font-weight:750;display:block}input,select{background:#fff;border:1px solid #d7deea;border-radius:12px;width:100%;padding:12px;font-size:16px}form .primary{width:100%;margin-top:16px}.profile{background:#fff;border-radius:18px;align-items:center;gap:14px;padding:18px;display:flex}.profile b{display:block}.profile small{color:#7b8798;margin-top:4px;display:block}.settings{background:#fff;border-radius:18px;margin-top:12px;overflow:hidden}.settings>div{border-bottom:1px solid #edf0f4;padding:16px}.settings>div:last-child{border:0}.settings small{color:#7b8798;margin:4px 0 0 28px;display:block}.back{z-index:20;background:#17203366;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:25px 25px 0 0;width:min(100%,620px);max-height:92vh;padding:20px;overflow:auto}.mh{justify-content:space-between;align-items:center;display:flex}.mh h2{margin:0}.time{color:#1677ff;cursor:pointer;background:#fff;border:1px solid #d7deea;border-radius:13px;align-items:center;gap:9px;width:100%;padding:12px;display:flex}.time strong{color:#172033;font-size:20px}.time span{color:#7b8798;margin-left:auto;font-size:12px}.clockmodal{padding-bottom:24px}.clockread{text-align:center;color:#1677ff;padding:10px 0 12px;font-size:40px;font-weight:900}.analogclock{touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#fff 0 56%,#f5f9ff 57% 100%);border:8px solid #e7eef8;border-radius:50%;width:min(88vw,320px);max-width:320px;height:min(88vw,320px);max-height:320px;position:relative;box-shadow:inset 0 0 0 1px #d8e1ee,0 8px 25px #102a4d18}.analogwrap{flex-direction:column;align-items:center;display:flex}.touchclock{margin:0 auto}.clocknum{color:#344054;width:40px;height:40px;transform:rotate(var(--angle)) translateY(calc(-1 * var(--radius))) rotate(calc(-1 * var(--angle)));pointer-events:none;border-radius:50%;place-items:center;margin:-20px;font-size:12px;font-weight:800;display:grid;position:absolute;top:50%;left:50%}.clocknum.selected{color:#fff;background:#1677ff}.hand{transform-origin:50% 100%;z-index:2;pointer-events:none;background:#1677ff;border-radius:5px 5px 2px 2px;width:5px;height:105px;position:absolute;top:50%;left:50%}.centerpin{z-index:3;pointer-events:none;background:#1677ff;border:3px solid #fff;border-radius:50%;width:16px;height:16px;margin:-8px;position:absolute;top:50%;left:50%}.full{width:100%}.clockhint{text-align:center;color:#7b8798;margin-top:12px;display:block}.info{color:#245b9b;background:#eef6ff;border-radius:12px;margin-top:8px;padding:10px 12px;font-size:12px}.days{gap:7px;margin-top:8px;display:flex}.day{color:#667085;cursor:pointer;background:#fff;border:1px solid #d7deea;border-radius:50%;width:40px;height:40px;font-weight:850}.day.on{color:#fff;background:#1677ff;border-color:#1677ff}.datebox{background:#f8fafc;border:1px solid #e7ebf2;border-radius:14px;margin-top:8px;padding:12px}.dateadd{gap:8px;display:flex}.dateadd input{flex:1}.dateadd .secondary{white-space:nowrap;margin:0}.chips{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.chips span{color:#245b9b;background:#e8f1ff;border-radius:18px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;display:flex}.chips button{color:#245b9b;background:0 0;border:0;place-items:center;padding:0;display:grid}.datebox small{color:#7b8798;margin-top:8px;display:block}.save{width:100%;margin-top:18px}.historytabs{background:#fff;border:1px solid #e7ebf2;border-radius:15px;gap:8px;margin-bottom:12px;padding:6px;display:flex}.historytabs button{color:#667085;cursor:pointer;background:0 0;border:0;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 8px;font-size:12px;font-weight:800;display:flex}.historytabs button.active{color:#1677ff;background:#edf4ff}@media (width<=480px){.card{align-items:flex-start}.pending,.taken{padding:9px;font-size:10px}.edit,.trash{width:35px;height:35px}.analogclock{width:min(88vw,300px);height:min(88vw,300px)}.clocknum{width:36px;height:36px;margin:-18px}.dateadd{flex-direction:column}.dateadd .secondary{width:100%}.days{gap:5px}.day{width:36px;height:36px}.historytabs button{font-size:11px}}.home-page{width:100%}.home-page .sectiontitle h2{margin:10px 4px 6px;font-size:17px}.home-page .sectiontitle span{font-size:10px}.home-page .card{border-radius:13px;gap:7px;min-height:55px;margin:5px 0;padding:8px 9px}.home-page .ico{border-radius:10px;width:34px;height:34px}.home-page .ico svg{width:18px}.home-page .grow b{font-size:13px;line-height:1.15}.home-page .grow p{margin:2px 0;font-size:11px}.home-page .grow small{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;line-height:1.1;overflow:hidden}.home-page .grow small svg{flex:none;width:12px;height:12px}.home-page .pending,.home-page .taken{border-radius:9px;gap:3px;padding:7px 8px;font-size:9px}.home-page .pending svg,.home-page .taken svg{width:13px;height:13px}.home-page .empty{border-radius:12px;margin:5px 0;padding:10px;font-size:11px}@media (width<=380px){header{padding:11px 12px}header small{letter-spacing:1.2px;font-size:9px}header h1{margin-top:2px;font-size:20px}header .avatar{width:34px;height:34px;font-size:13px}.content,main{padding:8px 9px}.home-page .sectiontitle h2{margin:6px 3px 4px;font-size:15px}.home-page .card{gap:6px;min-height:48px;margin:3px 0;padding:6px 7px}.home-page .ico{border-radius:8px;width:29px;height:29px}.home-page .ico svg{width:15px}.home-page .grow b{font-size:11px}.home-page .grow p{font-size:10px}.home-page .grow small{font-size:9px}.home-page .pending,.home-page .taken{padding:6px;font-size:8px}nav{height:64px}nav button{gap:2px;font-size:9px}nav button svg{width:19px;height:19px}.shell{padding-bottom:70px}}@media (width>=381px) and (width<=600px){header{padding:14px 15px}header h1{font-size:23px}.content,main{padding:10px 12px}.home-page .card{min-height:51px}}@media (width>=601px) and (width<=900px){.shell{max-width:900px}main{padding:14px 18px}.home-page{grid-template-columns:1fr 1fr;align-items:start;column-gap:16px;display:grid}.home-page .sectiontitle:first-of-type,.home-page .sectiontitle:nth-of-type(2){grid-column:auto}.home-page .sectiontitle:nth-of-type(2){grid-area:1/2}.home-page .card{min-height:54px;padding:9px 10px}.home-page .sectiontitle h2{font-size:17px}}:root{--bg:#f8fafc;--text:#26364a;--muted:#718096;--border:#e6eaf0;--med:#8ecae6;--med-soft:#e8f6fc;--med-deep:#277da1;--appt:#f6a77a;--appt-soft:#fff0e8;--appt-deep:#c65f32;--ok:#9adbc1;--ok-soft:#e8f8f1;--ok-deep:#287a5d;--warn:#f7d58a;--warn-soft:#fff7df;--warn-deep:#9a6b00}body{background:var(--bg);color:var(--text)}header{border-bottom-color:var(--border);background:#fff}header small{color:var(--med-deep)}h1,h2{color:var(--text)}.avatar{background:var(--med-soft);color:var(--med-deep)}.card{border-color:var(--border);box-shadow:0 4px 15px #26364a0f}.home-page .card:first-of-type,.home-page .card:nth-of-type(2),.home-page .card:nth-of-type(3),.home-page .card:nth-of-type(4),.home-page .card:nth-of-type(5){background:linear-gradient(90deg,#fff 0%,#f4fbfe 100%)}.ico{background:var(--med-soft);color:var(--med-deep)}.home-page .sectiontitle:nth-of-type(2) h2{color:var(--appt-deep)}.home-page .sectiontitle:nth-of-type(2)~.card{background:linear-gradient(90deg,#fff 0%,#fff7f2 100%)}.home-page .sectiontitle:nth-of-type(2)~.card .ico{background:var(--appt-soft);color:var(--appt-deep)}.pending{background:var(--warn-soft);color:var(--warn-deep)}.taken{background:var(--ok-soft);color:var(--ok-deep)}.primary{background:var(--med-deep)}.edit{background:var(--med-soft);color:var(--med-deep)}.trash{color:#c85a5a;background:#fff0f0}.secondary{background:var(--med-soft);color:var(--med-deep)}.time{color:var(--med-deep);background:#fff;border-color:#d8e8ef}.time strong{color:var(--text)}.clockread{color:var(--med-deep)}.analogclock{background:radial-gradient(circle,#fff 0 56%,#eef9fc 57% 100%);border-color:#cde8f1;box-shadow:inset 0 0 0 1px #cfe4eb,0 8px 25px #26364a1a}.clocknum.selected{background:var(--med-deep);color:#fff}.hand,.centerpin{background:var(--med-deep)}.day.on{background:var(--med-deep);border-color:var(--med-deep)}.info{background:var(--med-soft);color:#35677b}.chips span,.historytabs button.active{background:var(--med-soft);color:var(--med-deep)}.login{background:linear-gradient(145deg,#eef9fc,#fff5ef,#fafcff)}.logo{background:var(--med-deep)}.loginbox small{color:var(--med-deep)}.logout{color:#c85a5a;background:#fff0f0}nav{border-top-color:var(--border);background:#fff}nav button.on{color:var(--med-deep)}main:has(.historytabs) .historytabs button:first-child.active{background:var(--med-soft);color:var(--med-deep)}main:has(.historytabs) .historytabs button:last-child.active{background:var(--appt-soft);color:var(--appt-deep)}.home-page .home-med-card{background:linear-gradient(90deg,#fff 0%,#f4fbfe 100%)}.home-page .home-med-card .ico{background:var(--med-soft);color:var(--med-deep)}.home-page .home-appt-card{background:linear-gradient(90deg,#fff 0%,#fff1e8 100%);border-color:#f7d8c8}.home-page .home-appt-card .ico{background:var(--appt-soft);color:var(--appt-deep)}.home-page .home-appt-card .grow b{color:#a94f2c}.appointments-page .appt-add{background:var(--appt-deep)}.appointments-page .appt-card{background:linear-gradient(90deg,#fff 0%,#fff1e8 100%);border-color:#f7d8c8}.appointments-page .appt-card .ico{background:var(--appt-soft);color:var(--appt-deep)}.appointments-page .appt-card .grow b{color:#a94f2c}.appointments-page .appt-card .edit{background:var(--appt-soft);color:var(--appt-deep)}.appointments-page .appt-card .pending{background:var(--warn-soft);color:var(--warn-deep)}.history-appointments .history-card{background:linear-gradient(90deg,#fff 0%,#fff1e8 100%);border-color:#f7d8c8}.history-appointments .history-card .ico{background:var(--appt-soft);color:var(--appt-deep)}.history-appointments .history-card .grow b{color:#a94f2c}.history-appointments .history-card .grow p{color:#7d665d}.history-medicines .history-card{background:linear-gradient(90deg,#fff 0%,#f4fbfe 100%)}.history-medicines .history-card .ico{background:var(--med-soft);color:var(--med-deep)}.authbox{max-width:480px}.authtabs{background:#f5f7fa;border-radius:13px;gap:6px;margin:16px 0;padding:5px;display:flex}.authtabs button{color:#718096;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:10px;font-weight:800}.authtabs button.active{background:var(--med-soft);color:var(--med-deep)}.authbox form label{align-items:center;gap:5px;display:flex}.authbox form label svg{width:14px;height:14px;color:var(--med-deep)}.authbox .primary{width:100%;margin-top:18px}.authbox .primary:disabled{opacity:.6;cursor:wait}.autherror{color:#a33b3b;background:#fff0f0;border:1px solid #f2cccc;border-radius:11px;margin-top:12px;padding:10px;font-size:12px}.authbox input,.authbox select{font-size:15px}.appt-save{color:#fff;background:var(--appt-deep)!important}.syncstate{color:#6f7d90;margin-top:4px;font-size:10px;font-weight:650;display:block}.settingsbtn{color:#34516f;background:#eef4fb;margin-top:10px;padding:10px 12px}.settings select{max-width:260px;margin-top:9px}.settingactions{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.settingactions .settingsbtn{margin-top:10px}.dangerlite{color:#b94b4b!important;background:#fff0f0!important}.settingsmessage{color:#356b56;background:#eef8f3;border:1px solid #cce9da;border-radius:14px;margin:12px 0;padding:12px 14px;font-size:12px;line-height:1.4}.caregiveradd,.invitebox{align-items:center;gap:8px;margin-top:12px;display:flex}.caregiveradd input,.invitebox input{flex:1;min-width:0}.caregiveradd .settingsbtn,.invitebox .settingsbtn{white-space:nowrap;margin-top:0}.caregiverrow{background:#fbfcfe;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--border)!important;margin:12px 0 0!important;padding:12px!important;display:flex!important}.caregiverrow small{margin:3px 0 0!important}.caregiveractions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.mini{border-radius:10px;padding:8px 10px;font-size:11px}.caregiverconnect .primary{width:100%;margin-top:18px}.privacybox{color:#5d6b7c;background:#f5f8fb;border:1px solid #e1e8ef;border-radius:14px;margin:14px 0;padding:13px;font-size:13px;line-height:1.45}@media (width<=520px){.caregiveradd,.invitebox{flex-direction:column;align-items:stretch}.caregiveradd .settingsbtn,.invitebox .settingsbtn{width:100%}.caregiverrow{flex-direction:column;align-items:flex-start}.caregiveractions{justify-content:flex-start;width:100%}.settingactions{flex-direction:column}.settingactions .settingsbtn{width:100%;margin-top:6px}}.authnotice{color:#356b56;background:#eef8f3;border:1px solid #cce9da;border-radius:11px;margin-top:12px;padding:10px;font-size:12px;line-height:1.4}.approvalnote{color:#50657d;background:#f4f8fc;border:1px solid #dce7f2;border-radius:13px;align-items:flex-start;gap:8px;margin:4px 0 12px;padding:11px 12px;font-size:12px;line-height:1.4;display:flex}.approvalnote svg{color:#3e7e66;flex:none;width:18px;height:18px}.adminpanel{background:#fff;border:1px solid #dfe8ee;border-radius:18px;margin-top:16px;padding:16px}.adminhead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.adminhead span{color:#3e7e66;letter-spacing:.8px;align-items:center;gap:6px;font-size:11px;font-weight:900;display:flex}.adminhead span svg{width:17px;height:17px}.adminhead h2{margin:5px 0 0}.adminprivacy{color:#6d7887;margin:9px 0 14px;font-size:12px;line-height:1.45}.adminuser{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.adminuser:first-of-type{border-top:0}.adminuserinfo{min-width:0}.adminuserinfo b{display:block}.adminuserinfo small{color:#7b8798;text-overflow:ellipsis;margin-top:3px;display:block;overflow:hidden}.statusbadge{border-radius:999px;margin-top:7px;padding:5px 8px;font-size:10px;font-weight:900;display:inline-flex}.statusbadge.active{color:#347356;background:#e6f6ed}.statusbadge.pending{color:#946d18;background:#fff4d8}.statusbadge.blocked{color:#a74646;background:#fff0f0}.adminactions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.adminactions .mini{align-items:center;gap:5px;display:flex}.adminactions svg{width:14px;height:14px}.approvebtn{color:#347356!important;background:#eaf7ef!important}.blockbtn{color:#8a671c!important;background:#fff5dc!important}@media (width<=560px){.adminhead{flex-direction:column}.adminhead .settingsbtn{width:100%;margin-top:2px}.adminuser{flex-direction:column;align-items:flex-start}.adminactions{justify-content:flex-start;width:100%}.adminactions .mini,.adminactions .dangerlite{flex:1}}.smartinput{width:100%;position:relative}.smartinput>input{width:100%}.suggestions{z-index:60;background:#fff;border:1px solid #d7deea;border-radius:12px;max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto;box-shadow:0 12px 28px #17203324}.suggestions button{text-align:left;color:#172033;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf0f4;width:100%;padding:11px 12px;font-size:14px;display:block}.suggestions button:last-child{border-bottom:0}.suggestions button:hover,.suggestions button:focus{background:#f3f7fc;outline:none}.caregiveradd .smartinput{flex:1;min-width:0}@media (width<=520px){.caregiveradd .smartinput{width:100%}}