:root{--primary: #0089ba;--primary-dark: #005f81;--primary-light: rgba(0, 137, 186, .12);--c-orange: #ff6b35;--c-orange-d: #e55a25;--paper-bg: #f4ede2;--text-dark: #1a1a1a;--text-muted: #6a6a6a;--border-light: #e8e0d4;--border-subtle: #f0ebe3;--ink: #1a1a1a;--c-blue: #0089ba;--c-blue-d: #005f81;--c-yellow: #f9b115;--c-yellow-d: #bc860e;--c-pink: #e52e71;--c-pink-d: #9e1b4b;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-card: 2rem;--radius-btn: 2rem}*{box-sizing:border-box}body{margin:0;font-family:Fraunces,Georgia,serif;background-color:var(--paper-bg);background-image:radial-gradient(ellipse at 0% 0%,rgba(229,46,113,.18),transparent 45%),radial-gradient(ellipse at 100% 0%,rgba(43,143,199,.16),transparent 45%),radial-gradient(ellipse at 80% 60%,rgba(142,131,163,.14),transparent 40%),radial-gradient(ellipse at 15% 75%,rgba(244,183,30,.14),transparent 40%),radial-gradient(ellipse at 55% 95%,rgba(201,93,93,.1),transparent 45%);min-height:100vh}app-root{display:flex;flex-direction:column;height:100vh;isolation:isolate}.page-content{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--c-pink) transparent}.page-content::-webkit-scrollbar{width:6px}.page-content::-webkit-scrollbar-track{background:transparent}.page-content::-webkit-scrollbar-thumb{background:var(--c-pink);border-radius:3px}.avatar-img{width:110%;height:110%;object-fit:cover;margin:-5%}.floating-shapes{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.floating-shapes .shape{position:absolute;opacity:.28;filter:drop-shadow(0 10px 20px rgba(20,20,20,.12))}.floating-shapes .s1{width:120px;top:6%;right:7%;--r: 12deg;animation:shapefloat 8s ease-in-out infinite}.floating-shapes .s2{width:80px;top:12%;left:5%;--r: -8deg;animation:shapefloat 11s ease-in-out infinite reverse}.floating-shapes .s3{width:75px;top:44%;right:5%;--r: 22deg;animation:shapefloat 9s ease-in-out infinite}.floating-shapes .s4{width:95px;top:40%;left:44%;--r: -15deg;animation:shapefloat 10s ease-in-out infinite reverse}.floating-shapes .s5{width:65px;bottom:18%;left:7%;--r: 8deg;animation:shapefloat 7s ease-in-out infinite}.floating-shapes .s6{width:90px;bottom:10%;right:9%;--r: -20deg;animation:shapefloat 12s ease-in-out infinite reverse}@keyframes shapefloat{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-20px) rotate(calc(var(--r, 0deg) + 5deg))}}.card{background:#fff;border-radius:var(--radius-card);padding:1.5rem;border:1.5px solid rgba(255,255,255,.85);box-shadow:0 2px 16px #0000000f}@media(min-width:1024px){.card{padding:2rem}}.field{padding:.5rem .85rem;border:1.5px solid var(--border-light);border-radius:var(--radius-md);font-size:.9rem;outline:none;background:#ffffffb3;transition:border-color .15s,background .15s;font-family:inherit;width:100%}.field:focus{border-color:var(--primary);background:#fff}select.field{cursor:pointer}textarea.field{resize:vertical}.item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border-subtle)}.item:first-child{padding-top:0}.item:last-child{border-bottom:none;padding-bottom:0}.item-icon{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0}.item-details{flex:1;min-width:0}.item-name{font-weight:600;color:var(--text-dark);font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-name.booked{text-decoration:line-through;color:var(--text-muted)}.item-desc{font-size:.8rem;color:var(--text-muted);margin-top:.15rem;line-height:1.4}.item-price{font-size:.82rem;font-weight:700;color:var(--primary);margin-top:.15rem}.item-link{font-size:.78rem;color:var(--primary);text-decoration:none;display:inline-block;margin-top:.1rem}.item-link:hover{text-decoration:underline}@media(max-width:600px){.item{flex-wrap:wrap}.item-actions{width:100%;justify-content:flex-end}}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-btn);font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,opacity .15s;font-family:inherit;border:none;text-decoration:none}.btn-sm{padding:.35rem .9rem;font-size:.8rem}.btn-md{padding:.6rem 1.35rem;font-size:.9rem}.btn-lg{padding:.75rem 1.75rem;font-size:1rem}.btn-filled{background:var(--primary);color:#fff}.btn-filled:hover:not(:disabled){background:var(--primary-dark)}.btn-filled:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-ghost:hover:not(:disabled){background:var(--primary-light)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-neutral{background:#fff;color:var(--text-muted);border:2px solid var(--border-light)}.btn-neutral:hover{background:var(--border-subtle)}.form-row{display:flex;flex-direction:column;gap:.3rem}.form-row label,.form-label{font-size:.82rem;font-weight:600;color:var(--text-dark)}.form-hint{font-size:.78rem;color:var(--text-muted)}.form-actions{display:flex;align-items:center;gap:1rem}.saved-msg{font-size:.88rem;font-weight:600;color:#2a7f6f}.error-msg{font-size:.88rem;font-weight:600;color:#c0392b}.empty{color:var(--text-muted);font-size:.9rem;font-style:italic;margin:.25rem 0}.cdk-panel{display:flex;flex-direction:column;gap:4px;padding-top:12px;font-family:DM Mono,monospace}.cdk-panel a{display:block;padding:10px 18px;background:var(--panel-color, var(--c-yellow));color:#fff;text-decoration:none;font-size:12px;font-weight:500;letter-spacing:.05em;clip-path:polygon(5% 5%,100% 0%,95% 95%,0% 100%);transition:filter .15s,transform .15s;cursor:pointer}.cdk-panel a:hover{filter:brightness(1.1);transform:translate(4px)}