:root{--violet:#7c6cff;--violet-2:#863bff;--cyan:#22d3ee;--ink-0:#05050a;--ink-1:#0a0a13;--ink-2:#0f0f1c;--text:#eef1f8;--muted:#9aa0b4;--faint:#6b7085;--line:#ffffff14;--line-strong:#ffffff24;--card:#ffffff06;--card-2:#ffffff0a;--grad:linear-gradient(135deg, var(--violet), var(--cyan));--ok:#34d399;--warn:#fbbf24;--danger:#fb7185;--radius:18px;--radius-sm:12px;--shadow:0 20px 50px -20px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-color:#0000;background-image:radial-gradient(900px 500px at 12% -5%,#7c6cff29,#0000 60%),radial-gradient(800px 500px at 100% 0,#22d3ee1f,#0000 55%),linear-gradient(#05050c,#04040a 60%,#030308);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-family:Space Grotesk,Inter,sans-serif;font-weight:700}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.shell{max-width:1160px;margin:0 auto;padding:28px 22px 80px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{width:30px;height:30px}.brand h1{font-size:1.35rem}.brand .accent{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.tabs{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a1499;border-radius:999px;gap:4px;max-width:100%;padding:5px;display:flex}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:.9rem;font-weight:600;transition:color .15s;display:inline-flex}.tabs button:hover{color:var(--text)}.tabs button.active{color:#fff;background:var(--grad);box-shadow:0 6px 18px -6px #7c6cffb3}.tabs button svg{width:16px;height:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card+.card{margin-top:18px}.card-title{letter-spacing:.16em;text-transform:uppercase;color:var(--violet);margin-bottom:16px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700}.grid{align-items:stretch;gap:18px;display:grid}.grid.cols-2{grid-template-columns:1.4fr 1fr}.grid>.card,.kpis>.card,.stack>.card,.col>.card{margin-top:0}.col{flex-direction:column;gap:18px;min-width:0;display:flex}.col>.card.fill{flex:1}.grid.cols-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpis>.card{margin-top:0}.stack{flex-direction:column;gap:18px;display:flex}@media (width<=860px){.grid.cols-2{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.shell{padding:20px 16px 72px}.topbar{flex-direction:column;align-items:stretch;gap:14px}.tabs{border-radius:16px;grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.tabs button{padding:11px 8px}}@media (width<=400px){.kpis,.grid.cols-stats{grid-template-columns:1fr}}.stat{background:var(--card-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 18px}.stat .label{color:var(--muted);margin-bottom:6px;font-size:.75rem}.stat .value{font-family:Space Grotesk,sans-serif;font-size:1.7rem;font-weight:700}.stat .value.grad{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:.78rem;font-weight:500}.input,.select,.textarea{border:1px solid var(--line-strong);color:var(--text);background:#00000059;border-radius:10px;outline:none;width:100%;padding:11px 13px;font-size:.92rem;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7c6cff2e}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.form-row{grid-template-columns:1fr}}.btn{color:#fff;background:var(--grad);border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:.92rem;font-weight:600;transition:transform .12s,filter .15s;display:inline-flex;box-shadow:0 10px 24px -12px #7c6cffcc}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn.ghost{border:1px solid var(--line-strong);color:var(--muted);box-shadow:none;background:0 0}.btn.ghost:hover{color:var(--text);border-color:var(--violet)}.btn.full{width:100%}.btn svg{flex-shrink:0;width:18px;height:18px}.icon-btn{border:1px solid var(--line);color:var(--faint);background:0 0;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:inline-flex}.icon-btn:hover{color:var(--danger);border-color:var(--danger)}.icon-btn svg{width:15px;height:15px}.list{flex-direction:column;gap:8px;display:flex}.row{background:var(--card-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.row .dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.row .grow{flex:1;min-width:0}.row .primary{font-size:.94rem;font-weight:600}.row .sub{color:var(--faint);margin-top:2px;font-size:.78rem}.row .amount{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700}.empty{text-align:center;color:var(--faint);padding:34px 10px;font-size:.9rem}.pill{color:#c3bcff;background:#7c6cff24;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-block}.badge{border:1px solid var(--line);color:var(--muted);background:#ffffff0f;border-radius:7px;align-items:center;gap:5px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.badge svg{width:13px;height:13px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);color:var(--muted);background:#0000004d;border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.chip svg{width:16px;height:16px}.chip:hover{border-color:var(--violet);color:var(--text)}.chip.active{border-color:var(--violet);color:#fff;background:#7c6cff29}.form-stack{flex-direction:column;gap:14px;display:flex}.chart{align-items:flex-end;gap:10px;height:180px;padding-top:10px;display:flex}.chart .bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;height:100%;display:flex}.chart .bar{background:var(--grad);border-radius:8px 8px 3px 3px;width:100%;max-width:46px;min-height:3px;transition:height .4s cubic-bezier(.2,.8,.2,1)}.chart .bar-label{color:var(--muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.72rem}.chart .bar-val{color:var(--faint);font-size:.72rem}.slot-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.slot{border:1px solid var(--line-strong);text-align:center;color:var(--text);background:#0000004d;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;transition:all .15s;display:flex}.slot:hover{border-color:var(--violet)}.slot.taken{background:linear-gradient(135deg,#34d39938,#22d3ee1f);border-color:#34d39999}.slot.missed{border-color:#fb718566}.slot .slot-time{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.slot .slot-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.slot .slot-icon svg{width:22px;height:22px}.slot .slot-state{font-size:.72rem;font-weight:600}.med-row{border:1px solid var(--line);background:var(--card-2);border-radius:14px;padding:16px}.med-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.med-head .name{font-size:1.02rem;font-weight:700}.med-head .dose{color:var(--faint);font-size:.78rem}.daystrip{gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.day{border:1px solid var(--line);text-align:center;background:var(--card-2);width:58px;color:var(--muted);border-radius:12px;flex-shrink:0;padding:10px 6px;transition:all .15s}.day:hover{border-color:var(--line-strong)}.day.active{border-color:var(--violet);color:#fff;background:#7c6cff1f}.day .dow{text-transform:uppercase;letter-spacing:.05em;font-size:.66rem}.day .dnum{margin:2px 0 4px;font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700}.day .prog{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.day .prog span{background:var(--grad);height:100%;display:block}.seg{border:1px solid var(--line-strong);border-radius:999px;gap:3px;padding:3px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:600}.seg button.active{color:#fff;background:#7c6cff2e}.flex{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.mt{margin-top:16px}.muted{color:var(--muted)}.hint{color:var(--faint);margin-top:4px;font-size:.8rem}.footer{text-align:center;color:var(--faint);margin-top:40px;font-size:.8rem}.ring{transform:rotate(-90deg)}
