:root{--bg:#0e1118;--surface:#171c26;--surface2:#1c2330;--line:#2a3342;--text:#f2f5fb;--muted:#a3aec0;--orange:#ff5013;--orange-hover:#ff703d;--cyan:#34d2df;--danger:#ff9292;--shadow:0 18px 55px #00000014;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-.04em;margin-bottom:0;font-weight:750}h2{font-size:1.2rem;letter-spacing:-.025em;margin-bottom:.65rem}h3{font-size:1rem;margin-bottom:.6rem}h3 small,.field small{color:var(--muted);font-weight:400;margin-left:.5rem}p{margin-bottom:1rem}small{font-size:.875rem}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:.75rem;font-weight:650}.muted,.hint{color:var(--muted)}.hint{font-size:.875rem;margin:.9rem 0 0}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:700;color:var(--muted);display:block;margin-bottom:.45rem}.cyan{color:var(--cyan)}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#121721;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 19px;z-index:10}.brand{display:flex;align-items:center;gap:13px;margin-bottom:42px;padding-left:4px}.brand-logo{width:55px;height:55px;object-fit:contain}.brand strong{font-size:1.2rem;letter-spacing:-.035em}.brand small{display:block;font-size:.8rem;color:var(--muted)}.nav-label{font-size:.75rem;letter-spacing:.12em;color:#8694ab;margin:0 13px 14px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{padding:13px 13px;display:flex;align-items:center;gap:14px;border-radius:11px;color:#aeb8c9;font-size:.93rem;position:relative;transition:background .15s}.sidebar nav a:hover{background:#1e2735;color:#fff}.sidebar nav a[aria-current=page]{background:#ff501315;color:#ff794b}.sidebar nav a[aria-current=page]:before{content:"";position:absolute;left:-19px;width:3px;height:25px;background:var(--orange);border-radius:3px}.nav-icon{font-size:1.3rem;width:21px;text-align:center;line-height:1}.sidebar-bottom{margin-top:auto;padding:25px 9px 0}.profile{display:flex;align-items:center;gap:12px}.profile strong{font-size:.9rem}.profile small{display:block;font-size:.75rem;color:var(--muted)}.avatar{width:40px;height:40px;background:#244048;color:var(--cyan);display:grid;place-items:center;border-radius:12px;font-weight:650}.logout{background:none;border:0;color:var(--muted);margin:13px 0 0 49px;padding:3px;font-size:.875rem}.workspace{margin-left:252px}.topbar{height:79px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font-size:.875rem}main#main{max-width:1430px;margin:auto;padding:31px 38px 25px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 27px}.date-badge{font-size:.875rem;border:1px solid var(--line);border-radius:9px;padding:8px 13px;color:var(--muted);white-space:nowrap}.welcome{display:flex;justify-content:space-between;align-items:center;padding:29px 32px;margin-bottom:24px;border:1px solid #334451;border-radius:18px;background:linear-gradient(112deg,#182b32,#1b232d 56%,#29231e)}.welcome h2{font-size:1.85rem;letter-spacing:-.035em;margin-bottom:3px}.welcome p{color:var(--muted);margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:11px 18px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text);font-weight:600;font-size:.9rem;line-height:1.35;text-align:center;transition:background .15s}.button:hover{background:#2c3749}.button.primary{background:var(--orange);border-color:var(--orange);color:#16100c;font-weight:750;box-shadow:0 7px 22px #ff501317}.button.primary:hover{background:var(--orange-hover)}.button.compact{padding:9px 13px;font-size:.875rem;min-height:40px}.button.large{padding:16px 22px}.button.danger{background:#d23b3b12;color:var(--danger);border-color:#76403f}.full{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.metric{border:1px solid var(--line);border-radius:14px;padding:21px 24px;background:var(--surface);box-shadow:var(--shadow);min-width:0}.metric>span{font-size:.875rem;color:var(--muted);display:block}.metric>strong{font-size:2rem;letter-spacing:-.04em;display:block;margin:9px 0 4px;line-height:1.15}.metric>small{color:var(--muted);font-size:.8rem}.metric.orange>strong{color:#ff794b}.metric.cyan>strong{color:var(--cyan)}.panel{padding:25px 27px;border:1px solid var(--line);border-radius:15px;background:var(--surface);margin-bottom:23px;box-shadow:var(--shadow);min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-title h2{margin:0}.section-title p{font-size:.875rem;color:var(--muted);margin:4px 0 0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:23px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.detail-grid>.panel{margin-bottom:0}.detail-grid{margin-bottom:23px}.segmented{display:flex;gap:3px;padding:4px;background:var(--bg);border-radius:9px;white-space:nowrap;font-size:.8rem}.segmented a{padding:7px 10px;color:var(--muted);border-radius:6px}.segmented a[aria-current]{background:var(--surface2);color:var(--text)}.chart{width:100%;height:auto;max-height:295px;display:block;margin-top:20px;overflow:visible}.chart text{fill:var(--muted);font-family:inherit;font-size:14px}.gridline{stroke:var(--line);stroke-dasharray:4 6;stroke-width:1}.trendline{stroke:var(--cyan);stroke-width:3;stroke-linecap:round}.trendpoint{fill:var(--orange);stroke:var(--surface);stroke-width:2}.empty-chart{min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--muted);text-align:center}.empty-chart strong{color:var(--text);font-size:1rem;font-weight:500}.empty-chart span{font-size:.875rem}.bar-row{margin:18px 0}.bar-row>div{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.9rem;margin-bottom:7px}.bar-row strong{font-size:.9rem;font-weight:600}.bar-row small{font-weight:400;color:var(--muted)}progress{display:block;width:100%;height:6px;border:none;border-radius:6px;overflow:hidden;background:var(--line);color:var(--cyan)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--cyan);border-radius:5px}progress::-moz-progress-bar{background:var(--cyan)}.entry-card{display:flex;align-items:center;gap:17px;padding:18px 0;border-bottom:1px solid var(--line)}.entry-card:last-child{border-bottom:0}.level{width:58px;min-width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:#ff501314;color:#ff895f;border:1px solid #ff501326;border-radius:12px;font-size:1.55rem;font-weight:700;gap:1px}.level small{font-size:.7rem;align-self:center;opacity:.7}.level-0,.level-1,.level-2{background:#34d2df12;color:var(--cyan);border-color:#34d2df35}.level-8,.level-9,.level-10{color:#ff9f9f;background:#fa64641a;border-color:#fa646435}.entry-body{flex:1;min-width:0}.entry-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.entry-top h3{margin:0;font-size:1rem}.entry-top h3 a:hover{color:var(--cyan)}.entry-top time{font-size:.8rem;color:var(--muted);white-space:nowrap}.entry-body p{font-size:.875rem;color:var(--muted);margin:4px 0 7px}.entry-tags{display:flex;flex-wrap:wrap;gap:5px}.tag{background:var(--surface2);color:var(--muted);border-radius:5px;padding:3px 8px;font-size:.75rem}.tag.ongoing{background:#ff501317;color:#ff926f}.text-link{color:var(--cyan);font-size:.875rem;white-space:nowrap}.text-link:hover{text-decoration:underline}.preset-list{display:flex;flex-wrap:wrap;gap:12px}.preset{border:1px solid var(--line);background:var(--surface2);border-radius:10px;padding:12px 16px;font-size:.9rem}.preset span{color:var(--orange);margin-right:10px}.preset:hover{border-color:var(--orange)}.backup-reminder{border:1px solid #7d5839;background:#ff8b0010;border-radius:12px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.backup-reminder p{font-size:.875rem;margin:4px 0 0;color:var(--muted)}.footer{padding:16px 38px 28px;color:var(--muted);display:flex;justify-content:space-between;font-size:.75rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.filters .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px;font-size:.9rem}.form-grid>.field{margin:0}.field>span{color:var(--muted);font-size:.875rem}.field input,.field select,.field textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:12px 13px;color:var(--text);min-height:47px;min-width:0}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#8290a4}.field select{padding-right:22px}.field input[type=file]{font-size:.875rem}.field input[type=file]::file-selector-button{padding:6px 12px;margin-right:8px;background:var(--surface2);border:1px solid var(--line);border-radius:5px;color:var(--text);font:inherit}.field:focus-within>span{color:var(--cyan)}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.spaced{margin-top:23px}.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:23px}.panel.form-actions{margin-top:0}.section-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}.section-heading h2{margin:0}.section-heading p{font-size:.875rem;color:var(--muted);margin:5px 0 0}.step{font-size:.875rem;padding:9px 12px;background:#ff501317;color:#ff8458;border-radius:10px;font-weight:700}.pain-field{margin:25px 0}.pain-scale{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:8px}.pain-option{position:relative;cursor:pointer}.pain-option input,.chip input{position:absolute;opacity:0;width:1px;height:1px}.pain-option span{display:flex;justify-content:center;align-items:center;border:1px solid var(--line);height:59px;border-radius:10px;background:var(--surface2);font-weight:650;font-size:1.15rem}.pain-option:hover span{border-color:var(--cyan)}.pain-option input:checked+span{background:var(--orange);border-color:var(--orange);color:#17100d;box-shadow:0 4px 18px #ff501337;transform:translateY(-2px)}.pain-option input:focus-visible+span,.chip input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:4px}.scale-labels{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:.75rem;margin-top:10px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{position:relative;cursor:pointer}.chip span{display:inline-block;background:var(--surface2);border:1px solid var(--line);padding:9px 14px;border-radius:9px;font-size:.9rem;color:var(--muted);transition:all .1s}.chip:hover span{border-color:var(--cyan);color:var(--text)}.chip input:checked+span{background:#34d2df14;color:var(--cyan);border-color:#34d2df70}.details{padding:0;overflow:visible}.details summary{padding:22px 27px;cursor:pointer;font-weight:600;list-style:none;display:flex;align-items:center;gap:12px}.details summary::-webkit-details-marker{display:none}.details summary:after{content:"+";margin-left:auto;font-size:1.15rem;color:var(--muted)}.details[open] summary:after{content:"−"}.details summary>span{color:var(--orange);font-size:.875rem}.details summary small{font-size:.8rem;color:var(--muted);font-weight:400}.details-content{padding:4px 27px 27px}.medication-row{border:1px solid var(--line);border-radius:12px;padding:17px;margin-top:22px}.medication-row legend{padding:0 8px;font-size:.875rem;color:var(--muted)}.medication-detail{padding:15px;background:var(--surface2);border-radius:10px;margin-bottom:12px}.medication-detail p{font-size:.875rem;color:var(--muted);margin:6px 0}.facts{margin:0}.facts>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:15px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.9rem}.facts dt{color:var(--muted)}.facts dd{margin:0}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.inline-form{display:flex;align-items:flex-end;gap:12px;margin-top:20px}.inline-form .field{flex:1;margin:0}.history-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);gap:15px;font-size:.875rem}.history-row:last-child{border-bottom:none}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:25px 0;font-size:.875rem}.period-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.report-callout{display:flex;gap:25px;justify-content:space-between;align-items:center}.report-callout p{margin:0;color:var(--muted);font-size:.9rem}.report-callout .button{min-width:220px}.notice{padding:15px 18px;border:1px solid #406b7b;background:#34d2df10;border-radius:10px;margin-bottom:20px;font-size:.9rem}.notice.error{border-color:#925459;background:#ff7a7a10;color:#ffb0b0}.notice.success{border-color:#3b726d;color:#a3e5d6}.check-label{display:flex;align-items:center;gap:11px;margin:18px 0 22px;font-size:.9rem;color:var(--muted)}.check-label input{width:18px;height:18px;accent-color:var(--orange);flex-shrink:0}.empty{text-align:center;padding:32px 15px;color:var(--muted)}.empty h3{color:var(--text);font-size:1.2rem}.empty p{max-width:450px;margin:0 auto 22px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 15% 20%,#34d2df0a,transparent 45%),radial-gradient(ellipse at 85% 80%,#ff50130d,transparent 45%)}.auth-card{width:100%;max-width:440px;padding:40px;border:1px solid var(--line);border-radius:23px;background:var(--surface);box-shadow:0 35px 120px #00000030}.auth-brand{display:flex;align-items:center;gap:16px;font-size:1.65rem;letter-spacing:-.035em;margin-bottom:30px}.auth-brand .brand-logo{width:73px;height:73px}.auth-card h1{font-size:1.8rem;margin-bottom:8px}.auth-card form{margin-top:28px}.skip{position:absolute;left:-9999px}.skip:focus{position:fixed;left:20px;top:10px;z-index:100;background:var(--surface);padding:15px;border:1px solid var(--cyan)}[data-theme=light]{--bg:#f0f3f8;--surface:#fff;--surface2:#eef2f7;--line:#d9e0ea;--text:#192536;--muted:#5c6b80;--cyan:#007c8b;--danger:#a92131;color-scheme:light}[data-theme=light] .sidebar{background:#121721;--muted:#a3aec0;--line:#2a3342;--text:#f2f5fb;--cyan:#34d2df}[data-theme=light] .welcome{background:linear-gradient(112deg,#e1f2f2,#f5f6f8 55%,#fff0e7);border-color:#d4e0e9}[data-theme=light] .button.primary{color:#17100d}[data-theme=light] .button:hover{background:#e2e9f3}[data-theme=light] .button.primary:hover{background:var(--orange-hover)}[data-theme=light] .metric.orange>strong{color:#b73e0b}[data-theme=light] .chip input:checked+span{background:#dceef0;color:#006876;border-color:#168b99}[data-theme=light] .notice.error{color:#9d2634}[data-theme=light] .notice.success{color:#256c5d}[data-theme=light] .brand-logo{background:#171c26;border-radius:10px}
@media(min-width:1700px){main#main{padding-top:40px}.welcome{padding:35px}.metric{padding:26px}.panel{padding:30px}.details{padding:0}}
@media(max-width:1190px){.sidebar{width:220px;padding-left:15px;padding-right:15px}.workspace{margin-left:220px}main#main{padding:28px 24px}.topbar{padding:0 24px}.filters .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{gap:12px}.metric{padding:19px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-grid>.panel:nth-child(2){display:none}.detail-grid{gap:17px}.panel{padding:22px}.details{padding:0}.entry-top{align-items:flex-start}.entry-top time{font-size:.75rem}.pain-scale{gap:5px}.pain-option span{height:52px}}
@media(max-width:900px){.sidebar{position:static;width:auto;padding:15px 20px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin-bottom:15px;gap:10px}.brand-logo{width:44px;height:44px}.brand strong{font-size:1.15rem}.sidebar nav{flex-direction:row;overflow-x:auto;gap:5px;padding-bottom:2px}.sidebar nav a{padding:9px 12px;white-space:nowrap;font-size:.875rem;min-height:43px}.sidebar nav a[aria-current=page]:before{display:none}.nav-icon{font-size:1rem;width:auto}.nav-label,.sidebar-bottom{display:none}.workspace{margin-left:0}.topbar{height:64px}.sidebar-bottom{display:block;position:absolute;top:17px;right:20px;padding:0;margin:0}.profile{display:none}.logout{margin:0;padding:7px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome{padding:24px}.welcome h2{font-size:1.5rem}.detail-grid{grid-template-columns:minmax(0,1fr)}.dashboard-grid>.panel:nth-child(2){display:block}.footer{padding:10px 24px 25px}.pain-option span{height:58px}.report-callout{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){main#main{padding:23px 17px}.topbar{padding:0 17px}.page-heading{margin-bottom:22px}.page-heading .date-badge{display:none}.welcome{padding:23px;flex-direction:column;align-items:flex-start;gap:20px}.welcome .button{width:100%}.welcome h2{font-size:1.6rem}.metrics{gap:10px}.metric{padding:16px}.metric>strong{font-size:1.65rem}.metric>small{font-size:.75rem}.panel{padding:20px 18px;margin-bottom:18px}.details{padding:0}.details summary{padding:20px 18px;font-size:.9rem;gap:8px}.details summary small{display:none}.details-content{padding:0 18px 22px}.form-grid,.filters .form-grid{grid-template-columns:minmax(0,1fr);gap:15px}.section-heading{gap:12px}.pain-scale{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.pain-option span{height:47px}.scale-labels{font-size:.7rem}.chips{gap:7px}.chip span{padding:9px 11px;font-size:.875rem}.entry-card{gap:12px;align-items:flex-start}.entry-card>.text-link{display:none}.entry-top{flex-direction:column;gap:2px}.entry-body p{margin-top:6px}.level{width:49px;min-width:49px;height:49px}.entry-tags{gap:4px}.entry-tags .tag{font-size:.7rem}.section-title{align-items:flex-start}.section-title h2{font-size:1.07rem}.section-title .text-link{font-size:.8rem}.segmented a{padding:5px 7px}.segmented{font-size:.75rem}.facts>div{grid-template-columns:110px minmax(0,1fr);gap:10px}.backup-reminder{padding:20px;flex-direction:column;align-items:flex-start}.inline-form{flex-direction:column;align-items:stretch}.history-row{align-items:flex-start;gap:10px}.history-row .button{font-size:.75rem;padding:8px}.auth-card{padding:30px 25px}.chart text{font-size:30px}.hint{font-size:.8rem}.footer span{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.sidebar,.topbar,.footer,.form-actions,.button,.filters,.period-links,.backup-reminder{display:none!important}.workspace{margin:0}main#main{padding:0}.panel,.metric,.welcome{background:white;color:#111;border:1px solid #ddd;box-shadow:none;break-inside:avoid}body{background:white;color:#111}.details:not([open]){display:none}.detail-grid{display:block}.chart text{fill:#444}.gridline{stroke:#ddd}.trendline{stroke:#007c8b}.trendpoint{fill:#dc501c}.muted,.hint{color:#444}}
.chart-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:.75rem;margin-top:12px;color:var(--muted)}.trendpoint.assumed{fill:#8290a5}.trendpoint.confirmed{fill:var(--cyan)}.daily-check{display:flex;align-items:center;justify-content:space-between;gap:20px}.daily-check p{margin:0;font-size:.875rem}@media(max-width:560px){.daily-check{align-items:flex-start;flex-direction:column}}

.nav-icon svg{width:20px;height:20px;display:block}