/* Refined visual theme. Existing form IDs and application behavior are preserved. */
:root{--gold:#bba477;--gold-soft:#e7dcc4;--paper:#fffcf5;--shadow:0 14px 40px #49543d0b}body{background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--accent) 60%,transparent),transparent 48%),radial-gradient(ellipse at 100% 35%,#f4ead636,transparent 40%),#f8f5ee;color:#354438}main{max-width:1080px;padding:30px 27px 65px}header{gap:17px;padding:8px 1px 27px;margin-bottom:24px;border-bottom:1px solid #d8c9a966;position:relative}header:after{content:'◆';position:absolute;bottom:-10px;right:18px;background:#f8f5ee;padding:0 13px;color:var(--gold);font-size:12px}header img{width:76px;height:76px;border-radius:23px;box-shadow:0 9px 20px color-mix(in srgb,var(--ink) 23%,transparent);border:2px solid #fff7e1}header .eyebrow{font-size:9px;letter-spacing:2.3px;color:#a28c60}h1{font-size:30px;letter-spacing:.01em;line-height:1.45;color:var(--ink);margin:4px 0}header .muted{font-size:12px;color:#6e7b6b}h2{letter-spacing:.01em;color:var(--ink)}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:252px;padding:34px 36px;border-radius:28px;border:1px solid #d1c09c;background:linear-gradient(120deg,#fffdf6 0%,color-mix(in srgb,var(--accent) 62%,#fffdf5) 75%,var(--accent) 100%);box-shadow:inset 0 0 0 6px #ffffff75,inset 0 0 0 7px #dacba750,0 18px 45px #6e745413;margin-bottom:27px}.hero:before{content:'';position:absolute;z-index:-1;width:340px;height:340px;border:1px solid #b8a17229;border-radius:50%;right:-70px;top:-180px;box-shadow:0 0 0 25px #ffffff20,0 0 0 26px #b8a17220,0 0 0 65px #ffffff16,0 0 0 66px #b8a17215;pointer-events:none}.hero .eyebrow{display:flex;align-items:center;gap:10px;color:#9a8154;font-size:9px;letter-spacing:2px}.hero .eyebrow:before{content:'';width:25px;height:1px;background:#bba477}.hero h2{font-size:29px;line-height:1.5;font-weight:750;letter-spacing:.015em;margin:9px 0}.hero p{font-size:13px;line-height:1.9;color:#63755f}.hero>div:first-child{min-width:0;flex:1}.hero-emblem{flex:none!important;width:146px;position:relative;display:grid;place-items:center;margin:5px 15px}.hero-emblem:before{content:'';position:absolute;inset:-18px;border:1px solid #bda57555;border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 0 7px #fff9e747}.hero-emblem img{width:132px;height:132px;border-radius:33px;box-shadow:0 16px 28px #4b5f3826;transform:rotate(7deg);border:1px solid #fff7df}.hero-emblem:after{content:'✦';position:absolute;right:-14px;top:-17px;font-size:26px;color:#b09a65}.stats{gap:13px;flex-wrap:wrap;margin-top:21px}.stats>div{padding:12px 19px;background:#fffdf6b8;border:1px solid #d6c9a369;border-radius:15px;box-shadow:0 5px 14px #43513204;min-width:118px}.stats b,.stats .count{font-family:Georgia,system-ui,serif;font-size:32px;line-height:1.15;color:var(--ink);font-weight:700;letter-spacing:-.5px}.stats small{display:block;font-size:10px;margin-top:5px;color:#7d866f}.card,.item{background:linear-gradient(145deg,#fffefb,#fffcf4);border-color:#ddcfb1;border-radius:22px;box-shadow:var(--shadow),inset 0 0 0 4px #fffdf780}.card{padding:25px}.card>h2{display:flex;align-items:center;gap:10px}.card>h2:before{content:'';width:5px;height:18px;border-radius:99px;background:linear-gradient(#d7bf8d,var(--ink))}.item{padding:23px;position:relative;overflow:hidden}.item:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ink),#c5b38388,transparent)}.cards{gap:18px;margin-top:22px}.item h3{margin-top:12px;font-size:20px}.item .detail{border-color:#e8dfce;padding:16px 0}.badge{background:color-mix(in srgb,var(--accent) 55%,#fff9eb);border:1px solid color-mix(in srgb,var(--ink) 16%,#e9e1cc);color:var(--ink);font-size:10px;font-weight:700;padding:4px 11px;box-shadow:inset 0 1px #fff8}.badge.warn{background:#fbedd6;color:#966b32}.badge.overdue{background:#f7e6df;color:#a05c46}button,.open-link{box-shadow:0 5px 12px #42573d12,inset 0 1px 0 #ffffff28;border-radius:12px;transition:transform .16s,box-shadow .16s;background:linear-gradient(135deg,color-mix(in srgb,var(--ink) 87%,#fff),var(--ink));border:1px solid color-mix(in srgb,var(--ink) 70%,#665c35);min-height:46px}button:hover:not(:disabled),.open-link:hover{transform:translateY(-1px);box-shadow:0 8px 20px #44593b1a}button:active:not(:disabled){transform:translateY(0)}button.secondary{background:linear-gradient(#fffdf5,#eeeade);border:1px solid #d9cbaa;box-shadow:inset 0 1px #fff,0 3px 8px #76653e07;color:var(--ink)}button.danger{background:#fff3ec;border-color:#eddbce;color:#9a6251;box-shadow:none}.tabs{padding:6px;border-radius:17px;border:1px solid #d7c8a9;background:#eee8da;box-shadow:inset 0 2px 4px #6a573509;gap:5px}.tabs button{background:transparent;border-color:transparent;box-shadow:none;color:#7b826d;min-height:45px}.tabs button[aria-pressed=true]{background:linear-gradient(135deg,color-mix(in srgb,var(--ink) 83%,#fff),var(--ink));border-color:#8d805744;color:white;box-shadow:0 5px 12px #33472f20}input,select,textarea{border-color:#ded5c1;background:#fdfbf5;min-height:46px;border-radius:11px;box-shadow:inset 0 2px 4px #79683b04}input:focus,select:focus,textarea:focus{border-color:var(--gold)}label{color:#778269;font-size:12px;letter-spacing:.02em}.empty{border:1px dashed #c6b48d;background:radial-gradient(ellipse at 50% 0%,#f6efda80,transparent),#fffdf7;padding:46px 20px;border-radius:23px;position:relative}.empty:before{content:'✧';display:block;font-size:36px;color:#bca372;line-height:1.2;margin-bottom:15px}.empty h3{color:var(--ink);font-size:20px}.money,.date-line{color:var(--ink);font-variant-numeric:tabular-nums}.money{font-family:Georgia,system-ui,serif;font-size:35px;margin-top:13px}.timer{border:1px solid #ded3b9;background:linear-gradient(145deg,#fcf9ed,#f4f3e9);border-radius:17px;padding:17px 20px;text-align:center;margin:12px 0;font-size:42px;box-shadow:inset 0 2px 8px #74724108;font-family:Georgia,monospace}progress{height:11px;border-radius:8px}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--ink),#bda575);border-radius:8px}.garment{border-color:#d7c6aa;box-shadow:0 8px 24px #79614d09;border-radius:19px}.garment img{background:radial-gradient(ellipse,#fffcf7,#eee8df);padding:10px}.garment .info{padding:15px}.outfit-slot{background:linear-gradient(#fdfbf5,#f2eee4);border:1px solid #ded2b8;border-radius:15px}.outfit-thumb{border:1px solid #e1d4b9;padding:7px;background:#f9f5ea}.event{border-color:#d8ccb0;box-shadow:0 8px 23px #5c694e08;padding:21px;border-radius:18px}.event-time{color:var(--ink)}.timeline{border-color:#c5b182}.event:before{background:#c8b281;border-color:#fbf7eb}.donut{box-shadow:0 0 0 6px #f5f0e2,0 0 0 7px #d7c7a4}.donut:after{background:#fffdf6}.entry,.history-item{border-color:#e4dccb}.save-status{color:#6e8063;font-size:12px}.backup,details.card{background:linear-gradient(120deg,#fffdf6,#f5efdf);border-style:solid}dialog{border:1px solid #cfba91;border-radius:25px;background:linear-gradient(#fffdf8,#faf6eb);box-shadow:0 35px 100px #23352740}dialog form{padding:29px}dialog::backdrop{background:#1f342da3;backdrop-filter:blur(5px)}footer{border-top:1px solid #dfd3ba;padding-top:25px;color:#8a927b}footer a{color:var(--ink);text-underline-offset:4px}.hero svg{display:none}
@media(max-width:700px){main{padding:19px 13px 45px}header{padding-bottom:22px;margin-bottom:20px;gap:13px}header img{width:62px;height:62px;border-radius:19px}h1{font-size:25px}header .eyebrow{font-size:8px;letter-spacing:1.5px}.hero{padding:26px 23px;min-height:232px;gap:13px;border-radius:24px;align-items:flex-start}.hero h2{font-size:23px;line-height:1.55}.hero p{font-size:12px}.hero-emblem{position:absolute;right:24px;top:25px;width:65px;margin:0;opacity:.96}.hero-emblem img{width:65px;height:65px;border-radius:18px}.hero-emblem:before{inset:-9px}.hero-emblem:after{font-size:17px;right:-9px;top:-15px}.hero>div:first-child{position:relative;z-index:1}.hero .eyebrow{font-size:8px;letter-spacing:1.3px;max-width:calc(100% - 68px)}.hero h2{padding-right:62px}.hero>div>p{padding-right:45px}.stats{margin-top:19px;gap:9px}.stats>div{padding:11px 14px;min-width:105px}.stats b,.stats .count{font-size:27px}.card,.item{padding:20px;border-radius:19px}.cards{gap:13px}.tabs{padding:5px;gap:3px}.tabs button{font-size:12px;padding:9px 8px}.timer{font-size:37px;padding:14px 12px}.money{font-size:31px}.hero:before{right:-190px;top:-160px}.breakdown{gap:19px}.garment .info{padding:12px}dialog form{padding:24px 18px}.hero .stats small{font-size:10px}.cards .item>h3{font-size:19px}}
@media(max-width:370px){.hero{padding:23px 19px}.hero h2{font-size:21px}.hero-emblem{right:20px;top:27px;width:54px}.hero-emblem img{width:54px;height:54px;border-radius:15px}.hero h2{padding-right:53px}.stats>div{padding:10px 12px;min-width:97px}.stats b,.stats .count{font-size:25px}.card,.item{padding:17px}h1{font-size:23px}header img{width:55px;height:55px}}
@media(prefers-reduced-motion:reduce){button,.open-link{transition:none}button:hover,.open-link:hover{transform:none}}
@media print{.hero-emblem{display:none}.hero{border:0;box-shadow:none;background:white;min-height:0;padding:0}.hero:before{display:none}.card,.item,.event{box-shadow:none}.hero h2,.hero>div>p{padding-right:0}main{padding:0;max-width:none}}
