:root{--ink:#06060c;--night:#0b1024;--midnight:#111432;--blue:#3a6cff;--blue-soft:#8cb6ff;--pink:#ff4fa3;--pink-soft:#ff9acb;--text:#e3dfe4;--stroke:hsla(0,0%,100%,.12);--shadow-blue:rgba(58,108,255,.28);--shadow-pink:rgba(255,79,163,.24);--bg-gradient:radial-gradient(780px 560px at 10% 8%,rgba(160,198,255,.15),transparent 60%),radial-gradient(660px 520px at 90% 14%,rgba(255,176,214,.15),transparent 62%),linear-gradient(135deg,#0b1024,#111432 45%,#1a1025 75%,#06060c)}body{background:var(--bg-gradient);color:var(--text);min-height:100vh;overflow-x:hidden}.font-display{font-family:Playfair Display,serif}.font-sans{font-family:Manrope,sans-serif}.text-gradient{background:linear-gradient(120deg,var(--blue-soft),var(--pink-soft));-webkit-background-clip:text;background-clip:text;color:transparent}.text-glow{text-shadow:0 0 10px hsla(0,0%,100%,.3),0 0 20px hsla(0,0%,100%,.2)}.heart{position:fixed;bottom:-40px;font-size:1.5rem;animation:floatUp linear infinite;opacity:.5;pointer-events:none;z-index:0}@keyframes floatUp{to{transform:translateY(-110vh) rotate(1turn);opacity:0}}.glass-card{background:rgba(17,20,50,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--stroke);box-shadow:0 8px 32px rgba(0,0,0,.3)}.occasion-card{aspect-ratio:1/1;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.occasion-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,0));z-index:1;pointer-events:none}.occasion-card>*{position:relative;z-index:2}.glow-birthday{box-shadow:0 0 20px rgba(58,108,255,0),0 0 20px rgba(255,79,163,0)}.occasion-card:hover.glow-birthday{box-shadow:0 0 30px var(--shadow-blue),0 0 30px var(--shadow-pink);border-color:rgba(255,79,163,.5)}.glass-input{background:hsla(0,0%,100%,.05);border:1px solid var(--stroke);color:#fff}.glass-input:focus{outline:none;border-color:var(--pink-soft);box-shadow:0 0 0 2px rgba(255,79,163,.2)}@media (max-width:1024px){.editor-grid{grid-template-columns:1fr}.preview-container{min-height:600px;order:-1}}.mock-device{width:340px;height:650px;border:8px solid #222;border-radius:40px;background:#000;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.fade-enter{animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}.spinner{width:40px;height:40px;border:4px solid hsla(0,0%,100%,.1);border-top:4px solid var(--pink-soft);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.admin-body{background:#0f172a;color:#f8fafc}.admin-container{max-width:1000px;margin:40px auto;padding:32px;background:#1e293b;border-radius:16px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 10px 25px rgba(0,0,0,.5)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-table{width:100%;border-collapse:collapse;margin-top:20px}.admin-table td,.admin-table th{padding:16px;text-align:left;border-bottom:1px solid hsla(0,0%,100%,.05)}.admin-table th{background:hsla(0,0%,100%,.05);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.primary-btn{background:#3b82f6;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .2s;width:100%}.secondary-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#f8fafc;padding:8px 16px;border-radius:6px;cursor:pointer}.secondary-btn:hover{background:hsla(0,0%,100%,.1)}.error-text{color:#f87171;font-size:.9rem;margin-top:10px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:.9rem;color:#94a3b8}.form-group input{width:100%;padding:12px;background:#0f172a;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff}.table-responsive{overflow-x:auto}.bg-green-500{background-color:#22c55e!important}.bg-yellow-500{background-color:#eab308!important}.bg-red-500{background-color:#ef4444!important}.text-blue-400{color:#60a5fa!important}.text-green-400{color:#4ade80!important}.text-yellow-400{color:#fbbf24!important}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-table tr:hover{background:hsla(0,0%,100%,.02)}.admin-header h1{font-size:1.5rem;font-weight:800;margin-bottom:4px}#db-status{font-size:.75rem;color:#94a3b8;display:flex;align-items:center;gap:6px}.admin-thumbnail{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid hsla(0,0%,100%,.1);cursor:pointer;transition:transform .2s}.admin-thumbnail:hover{transform:scale(1.1);border-color:#3b82f6}