:root{--cream:#f7f4ee;--paper:#fffdf8;--ink:#25332c;--muted:#778178;--sage:#66866e;--sage-soft:#dce8dc;--red:#b86157;--red-soft:#f0d9d5;--line:#e6e1d7;--shadow:0 24px 70px rgba(50,61,52,.12)}
*{box-sizing:border-box}html{min-height:100%;background:var(--cream)}body{margin:0;min-height:100vh;color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}button,input{font:inherit}button{color:inherit}.hidden{display:none!important}.ambient{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none;opacity:.58}.ambient-one{width:430px;height:430px;top:-210px;right:-110px;background:#dce8d5}.ambient-two{width:330px;height:330px;bottom:-180px;left:-130px;background:#ecd9ca}.login-view{min-height:100vh;display:grid;place-items:center;padding:28px 20px;position:relative}.login-card{width:min(100%,440px);background:rgba(255,253,248,.91);border:1px solid rgba(255,255,255,.9);border-radius:28px;padding:42px 44px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.brand-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:var(--ink);color:#fff;font:700 29px "Playfair Display",serif;box-shadow:0 10px 24px rgba(37,51,44,.2);margin-bottom:27px}.brand-mark.small{width:39px;height:39px;border-radius:12px;font-size:20px;margin:0;box-shadow:none}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:var(--sage);margin:0 0 8px}.login-card h1,.calendar-heading h1{font:700 38px/1.12 "Playfair Display",serif;margin:0;letter-spacing:-.02em}.intro{color:var(--muted);margin:12px 0 30px;line-height:1.6}.login-card label{display:block;font-size:13px;font-weight:700;margin:18px 0 8px}.login-card input{width:100%;height:52px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:0 15px;outline:none;transition:.2s}.login-card input:focus{border-color:var(--sage);box-shadow:0 0 0 4px rgba(102,134,110,.12)}.password-wrap{position:relative}.password-wrap input{padding-right:70px}.show-password{position:absolute;right:8px;top:8px;height:36px;border:0;background:transparent;color:var(--sage);font-size:12px;font-weight:700;cursor:pointer}.form-error{min-height:20px;color:var(--red);font-size:13px;margin:10px 0 2px}.primary-button{width:100%;height:53px;border:0;border-radius:14px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer;transition:.2s}.primary-button:hover{background:#354a40;transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1100px)/2));border-bottom:1px solid rgba(230,225,215,.85);background:rgba(247,244,238,.72);backdrop-filter:blur(15px);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-family:"Playfair Display",serif;font-weight:700}.logout-button{border:1px solid var(--line);background:rgba(255,255,255,.6);border-radius:11px;padding:9px 14px;font-size:13px;font-weight:600;cursor:pointer}.calendar-shell{width:min(1100px,calc(100% - 40px));margin:0 auto;padding:58px 0 72px;position:relative}.calendar-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.legend{display:flex;gap:18px;color:var(--muted);font-size:13px}.legend span{display:flex;align-items:center;gap:7px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.green{background:#7b9e80}.dot.red{background:#c7756b}.calendar-card{background:rgba(255,253,248,.94);border:1px solid rgba(255,255,255,.9);border-radius:26px;padding:30px;box-shadow:var(--shadow)}.month-nav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:25px}.month-nav h2{text-align:center;font:700 25px "Playfair Display",serif;margin:0;text-transform:capitalize}.nav-button{width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:20px;transition:.2s}.nav-button:hover{border-color:var(--sage);background:var(--sage-soft)}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.weekdays{margin-bottom:9px}.weekdays span{text-align:center;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:6px}.day{position:relative;aspect-ratio:1.23;min-height:62px;border:1px solid var(--line);background:#fff;border-radius:15px;cursor:pointer;display:flex;align-items:flex-start;justify-content:flex-end;padding:11px;transition:transform .16s,border-color .16s,background .2s;color:var(--ink);font-weight:600}.day:hover{transform:translateY(-2px);border-color:#c7d0c7}.day.empty{visibility:hidden;pointer-events:none}.day.today:after{content:"";position:absolute;left:10px;bottom:10px;width:6px;height:6px;border-radius:50%;background:var(--ink)}.day.green{background:var(--sage-soft);border-color:#b7cbb9;color:#34523b}.day.red{background:var(--red-soft);border-color:#dfbbb5;color:#7f3c35}.day.saving{opacity:.55;pointer-events:none}.hint{text-align:center;color:var(--muted);font-size:13px;margin:22px 0 0}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,18px);background:var(--ink);color:#fff;padding:11px 16px;border-radius:11px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){.login-card{padding:34px 24px;border-radius:23px}.login-card h1,.calendar-heading h1{font-size:32px}.topbar{height:68px;padding:0 18px}.calendar-shell{width:calc(100% - 24px);padding:34px 0 50px}.calendar-heading{display:block}.legend{margin-top:16px}.calendar-card{padding:18px 10px;border-radius:20px}.weekdays,.calendar-grid{gap:4px}.day{aspect-ratio:1;min-height:42px;border-radius:10px;padding:7px;font-size:13px}.month-nav{margin-bottom:18px}.month-nav h2{font-size:21px}.hint{font-size:12px;padding:0 10px;line-height:1.5}.day.today:after{left:7px;bottom:7px}.ambient-one{width:300px;height:300px}.brand>span:last-child{font-size:15px}}
@media(max-width:370px){.day{min-height:38px}.calendar-card{padding-left:7px;padding-right:7px}.logout-button{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}