.birthday-app{min-height:100vh;color:var(--ink);background:#f6f3ee}.birthday-topbar{z-index:40;background:#fffffff5;border-bottom:1px solid #e5e3df;grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:0 34px;display:grid;position:sticky;top:0}.birthday-topbar nav{gap:28px;height:100%;display:flex}.birthday-topbar nav a{color:#737a8a;align-items:center;font-size:14px;font-weight:650;display:flex;position:relative}.birthday-topbar nav a.active{color:var(--navy)}.birthday-topbar nav a.active:after{content:"";background:var(--amber);height:3px;position:absolute;bottom:0;left:0;right:0}.birthday-account{justify-self:end}.birthday-account>span{width:40px;height:40px;color:var(--navy);background:#d9e1f5;border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid}.birthday-shell{grid-template-columns:310px minmax(700px,980px);justify-content:center;gap:52px;padding:48px 30px 90px;display:grid}.birthday-side-heading{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.birthday-side-heading span,.birthday-hero>div>span,.wish-heading span,.birthday-bottom>div>span,.budget-card>span{color:var(--blue);letter-spacing:.16em;font-size:14px;font-weight:800}.birthday-side-heading h1{color:var(--navy);margin:7px 0 0;font-size:30px}.birthday-side-heading button{background:var(--navy);color:#fff;border:0;border-radius:11px;width:38px;height:38px;font-size:19px}.birthday-list{gap:7px;display:grid}.birthday-list>button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;width:100%;padding:13px;display:flex}.birthday-list>button.active{background:#fff;border-color:#dce0e9;box-shadow:0 9px 26px #202a440f}.birthday-list>button>span{width:44px;height:44px;color:var(--navy);background:#f1d3dd;border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid}.birthday-list>button:nth-child(2n)>span{background:#d9e1f5}.birthday-list>button>div{flex-direction:column;flex:1;display:flex}.birthday-list strong{color:var(--navy);font-size:14px}.birthday-list small{color:#8a909c;margin-top:4px;font-size:14px}.birthday-list b{color:#9ba0aa}.add-birthday-side{width:100%;color:var(--blue);background:0 0;border:1px dashed #cfd3dc;border-radius:11px;margin-top:14px;padding:14px;font-size:14px;font-weight:700}.budget-card{background:var(--navy);color:#fff;border-radius:16px;margin-top:28px;padding:20px}.budget-card>span{color:#aebee7}.budget-card>div:nth-child(2){align-items:baseline;gap:7px;margin-top:16px;display:flex}.budget-card strong{font-size:27px}.budget-card small{color:#bec5d3;font-size:14px}.budget-track{background:#465069;border-radius:5px;height:7px;margin:12px 0 16px;overflow:hidden}.budget-track i{background:var(--amber);border-radius:5px;height:100%;display:block}.budget-card label{color:#c9ced9;justify-content:space-between;align-items:center;font-size:14px;display:flex}.budget-card input{color:#fff;background:#2c3650;border:1px solid #596278;border-radius:7px;width:82px;padding:7px}.birthday-main{min-width:0}.birthday-notice{color:var(--navy);background:#e7ebf5;border-radius:12px;align-items:center;gap:8px;margin-bottom:15px;padding:14px 17px;font-size:14px;font-weight:650;display:flex}.birthday-notice button{color:var(--navy);background:0 0;border:0;margin-left:auto;font-size:20px}.birthday-hero{background:linear-gradient(135deg,#f9e5cb,#f2d7dc);border:1px solid #ead7c4;border-radius:23px;align-items:center;gap:24px;padding:34px;display:flex}.birthday-avatar{width:82px;height:82px;color:var(--navy);background:#fff;border-radius:24px;flex:none;place-items:center;font-size:22px;font-weight:800;display:grid;box-shadow:0 10px 28px #3e2c321a}.birthday-hero>div:nth-child(2){flex:1}.birthday-hero>div>span{color:#9b6573}.birthday-hero h2{color:var(--navy);letter-spacing:-.04em;margin:8px 0 7px;font-size:38px}.birthday-hero p{color:#686f7d;margin:0;font-size:14px}.countdown{background:var(--navy);color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:94px;height:94px;display:flex}.countdown strong{font-size:30px}.countdown span{letter-spacing:.15em;font-size:14px;font-weight:800}.birthday-toolbar{background:#fff;border:1px solid #e2e1dd;border-radius:15px;align-items:center;gap:22px;margin:16px 0 38px;padding:18px 22px;display:flex}.birthday-toolbar label{color:var(--navy);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.birthday-toolbar select{background:#fff;border:1px solid #dfe1e6;border-radius:9px;padding:10px}.birthday-toolbar>div{flex:1;align-items:center;gap:10px;display:flex}.birthday-toolbar>div>span{font-size:21px}.birthday-toolbar p{flex-direction:column;margin:0;display:flex}.birthday-toolbar strong{color:var(--navy);font-size:14px}.birthday-toolbar small{color:#9297a2;margin-top:3px;font-size:14px}.birthday-toolbar>button{color:var(--navy);background:#f7f8fa;border:1px solid #d7dbe3;border-radius:9px;padding:11px 12px;font-size:14px;font-weight:700}.wish-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:15px;display:flex}.wish-heading h2{color:var(--navy);margin:7px 0 4px;font-size:28px}.wish-heading p{color:#777e8d;max-width:650px;margin:0;font-size:14px;line-height:1.5}.wish-heading>button{background:var(--navy);color:#fff;border:0;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:700}.gift-list{gap:9px;display:grid}.gift-list article{background:#fff;border:1px solid #e1e1de;border-radius:14px;align-items:center;gap:14px;padding:16px;display:flex}.gift-icon{width:42px;height:42px;color:var(--blue);background:#e7ebf5;border-radius:12px;flex:none;place-items:center;font-size:18px;display:grid}.gift-list article>div:nth-child(2){flex-direction:column;flex:1;display:flex}.gift-list article strong{color:var(--navy);font-size:14px}.gift-list article small{color:#858c99;margin-top:5px;font-size:14px}.gift-list article small a{color:var(--blue)}.gift-list article>span{color:#787e8a;text-transform:uppercase;background:#f1f2f4;border-radius:7px;padding:6px 8px;font-size:14px;font-weight:750}.gift-list article.reserved>span{color:#8a642e;background:#f8e6ca}.gift-list article.purchased>span{color:var(--blue);background:#e3e9f5}.gift-list article>button{min-width:115px;color:var(--navy);background:#fff;border:1px solid #d7dbe3;border-radius:9px;padding:10px 11px;font-size:14px;font-weight:700}.empty-gifts{text-align:center;border:1px dashed #d6d7db;border-radius:16px;padding:45px}.empty-gifts>span{font-size:30px}.empty-gifts h3{color:var(--navy);margin:10px 0 4px}.empty-gifts p{color:#858b97}.empty-gifts button{background:var(--navy);color:#fff;border:0;border-radius:9px;padding:11px}.birthday-bottom{grid-template-columns:1.3fr .7fr;gap:14px;margin-top:28px;display:grid}.birthday-bottom>div{background:#ffffff9e;border:1px solid #dfded9;border-radius:16px;padding:22px}.birthday-bottom textarea{resize:vertical;width:100%;min-height:92px;font:inherit;border:1px solid #dddee2;border-radius:10px;margin-top:12px;padding:12px}.birthday-bottom small{color:#9297a2;margin-top:8px;font-size:14px;display:block}.birthday-bottom>div:last-child{gap:8px;display:grid}.birthday-bottom>div:last-child>span{margin-bottom:3px}.birthday-bottom>div:last-child button{color:var(--navy);background:#fff;border:1px solid #d8dbe2;border-radius:9px;padding:11px;font-size:14px;font-weight:700}.birthday-bottom .remove-birthday{color:#a25265}.birthday-modal-bg{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#151d32a3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.birthday-modal{background:#fff;border-radius:22px;gap:12px;width:min(490px,100%);padding:38px;display:grid;position:relative}.birthday-modal-close{color:#687083;background:#f0f1f4;border:0;border-radius:50%;width:35px;height:35px;font-size:20px;position:absolute;top:17px;right:17px}.birthday-modal>span{color:var(--blue);letter-spacing:.16em;font-size:14px;font-weight:800}.birthday-modal h2{color:var(--navy);letter-spacing:-.04em;margin:4px 0 13px;font-size:31px}.birthday-modal label{color:var(--navy);gap:7px;font-size:14px;font-weight:700;display:grid}.birthday-modal input,.birthday-modal select{font:inherit;background:#fff;border:1px solid #dce0e7;border-radius:10px;padding:13px}.birthday-modal-submit{background:var(--navy);color:#fff;border:0;border-radius:10px;margin-top:9px;padding:14px;font-size:14px;font-weight:700}@media (max-width:1050px){.birthday-shell{grid-template-columns:260px minmax(600px,1fr);gap:32px}}@media (max-width:880px){.birthday-shell{grid-template-columns:1fr}.birthday-sidebar{max-width:none}.birthday-list{grid-template-columns:repeat(3,1fr)}.budget-card{display:none}}@media (max-width:700px){.birthday-topbar{grid-template-columns:1fr auto;padding:0 16px}.birthday-topbar nav,.birthday-topbar .brand>span:last-child{display:none}.birthday-shell{padding:28px 15px 60px}.birthday-list{grid-template-columns:1fr}.birthday-hero{flex-wrap:wrap;align-items:flex-start;padding:23px}.countdown{width:76px;height:76px}.birthday-toolbar{flex-direction:column;align-items:flex-start}.birthday-toolbar>button{width:100%}.wish-heading{flex-direction:column;align-items:flex-start}.gift-list article{flex-wrap:wrap;align-items:flex-start}.gift-list article>button{width:100%}.birthday-bottom{grid-template-columns:1fr}}.birthday-empty-state{text-align:center;background:#fff;border:1px solid #ddd8cf;border-radius:24px;max-width:700px;margin:80px auto;padding:56px}.birthday-empty-state>span{letter-spacing:.16em;color:#5578c6;font-size:13px;font-weight:800}.birthday-empty-state h2{letter-spacing:-.04em;margin:14px 0;font-size:40px}.birthday-empty-state p{color:#6f798b;font-size:17px;line-height:1.6}.birthday-empty-state button,.birthday-empty-state a{border-radius:12px;margin:12px 5px 0;padding:14px 18px;font-weight:750;text-decoration:none;display:inline-flex}.birthday-empty-state button{color:#fff;background:#1d2947;border:0}.birthday-empty-state a{color:#1d2947;border:1px solid #ccd3df}.birthday-modal-backdrop{cursor:default;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}