@import url(https://fonts.googleapis.com/css?family=Indie+Flower);@import url(https://fonts.googleapis.com/css?family=Amatic+SC);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#fdf2f8,#fce7f3 15%,#e0e7ff 30%,#f0f9ff 45%,#ecfdf5 60%,#fef3c7 75%,#fce7f3 90%,#fdf2f8);font-family:Indie Flower,cursive;min-height:100vh;overflow-x:hidden}.floating-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.floating-heart{animation:float-hearts 5s ease-in-out infinite;opacity:.4;position:absolute}.floating-flower{animation:float-flowers 8s ease-in-out infinite;opacity:.6;position:absolute}.heart-icon{fill:currentColor;color:#f472b6;filter:drop-shadow(0 0 8px rgba(244,114,182,.3));height:18px;width:18px}.flower-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));height:36px;width:36px}.flower-icon.rose{filter:drop-shadow(0 3px 12px rgba(255,23,68,.4))}.flower-icon.lily{filter:drop-shadow(0 3px 12px rgba(255,235,59,.4))}.flower-icon.blossom{filter:drop-shadow(0 3px 12px rgba(255,193,204,.4))}.flower-icon.daisy{filter:drop-shadow(0 3px 12px rgba(255,255,255,.8))}@keyframes float-hearts{0%{opacity:0;transform:translateY(100vh) rotate(0deg) scale(.8)}10%{opacity:.6}50%{opacity:.4;transform:translateY(50vh) rotate(180deg) scale(1)}90%{opacity:.6}to{opacity:0;transform:translateY(-20vh) rotate(1turn) scale(.8)}}@keyframes float-flowers{0%{opacity:0;transform:translateY(100vh) translateX(-20px) rotate(0deg) scale(.6)}15%{opacity:.8}50%{opacity:.6;transform:translateY(50vh) translateX(20px) rotate(180deg) scale(1)}85%{opacity:.8}to{opacity:0;transform:translateY(-20vh) translateX(-20px) rotate(1turn) scale(.6)}}.crown-main,.crown-svg{animation:gentle-bounce 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(244,114,182,.3));height:80px;width:80px}.input-icon-svg{height:24px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:24px}.page-icon{height:40px;margin-right:12px;width:40px}.option-icon-svg{height:32px;margin-right:12px;width:32px}.stats-icon{color:#c026d3;height:20px;margin-right:8px;width:20px}@keyframes gentle-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem;position:relative}.login-box{animation:fade-in-up .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:2px solid #f472b633;border-radius:28px;box-shadow:0 25px 50px -12px #f472b640,0 0 0 1px #fff9,inset 0 1px 0 #ffffffb3;max-width:420px;padding:2rem;position:relative;width:100%;z-index:10}.login-header{margin-bottom:2rem;text-align:center}.bounce-icon{display:flex;justify-content:center;margin-bottom:1rem}.login-title{background:linear-gradient(135deg,#db2777,#c026d3,#7c3aed,#0ea5e9);background-clip:text;-webkit-background-clip:text;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.login-subtitle,.login-title{-webkit-text-fill-color:#0000}.login-subtitle{background:linear-gradient(135deg,#a855f7,#ec4899);background-clip:text;-webkit-background-clip:text;font-size:clamp(1rem,2.5vw,1.125rem);font-weight:500}.login-form{margin-bottom:2rem}.input-container{margin-bottom:1.5rem;position:relative}.password-input{background:linear-gradient(135deg,#fdf2f8cc,#f0e7ff99);border:2px solid #f472b64d;border-radius:18px;color:#be185d;font-size:1rem;font-weight:500;outline:none;padding:1.125rem 3.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.password-input:focus{background:linear-gradient(135deg,#fdf2f8f2,#f0e7ffe6);border-color:#f472b6;box-shadow:0 12px 30px #f472b633,0 0 0 4px #f472b61a;transform:translateY(-2px)}.password-input::placeholder{color:#d946ef;font-style:italic}.password-toggle-btn{align-items:center;background:none;border:none;color:#d946ef;cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:opacity .2s ease-in-out}.password-toggle-btn:hover{opacity:1}.login-button{align-items:center;background:linear-gradient(135deg,#f472b6,#d946ef,#c026d3,#0ea5e9);border:none;border-radius:18px;box-shadow:0 8px 25px #f472b64d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:1.125rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.login-button:hover:before{left:100%}.login-button:hover{box-shadow:0 15px 40px #f472b666,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.button-heart{fill:currentColor;animation:pulse 2s ease-in-out infinite;height:20px;width:20px}.stars-container{display:flex;gap:.5rem;justify-content:center}.star{fill:currentColor;animation:twinkle 2s ease-in-out infinite;color:#d946ef;height:16px;width:16px}@keyframes twinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.main-container{padding:1rem}.home-container,.main-container{min-height:100vh;position:relative}.content-wrapper{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:calc(100vh - 2rem);padding:1rem;position:relative;z-index:10}.page-header{animation:fade-in-up .6s ease-out;flex-shrink:0;margin-bottom:1rem}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #c026d333;border-radius:14px;color:#c026d3;cursor:pointer;font-size:.875rem;font-weight:600;margin-bottom:1rem;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:hover{background:#c026d31a;box-shadow:0 4px 12px #c026d333;transform:translateX(-6px)}.page-title{align-items:center;background:linear-gradient(135deg,#db2777,#c026d3,#7c3aed,#0ea5e9);background-clip:text;-webkit-background-clip:text;display:flex;flex-wrap:wrap;font-size:clamp(2rem,5vw,3rem);font-weight:800;justify-content:center;letter-spacing:-.02em;margin-bottom:.5rem}.page-subtitle,.page-title{-webkit-text-fill-color:#0000}.page-subtitle{background:linear-gradient(135deg,#a855f7,#ec4899);background-clip:text;-webkit-background-clip:text;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:500}.complaint-grid{grid-gap:1.5rem;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:1fr;overflow:hidden}@media (min-width:768px){.complaint-grid{gap:2rem;grid-template-columns:1fr}}@media (min-width:1200px){.complaint-grid{gap:2.5rem;grid-template-columns:1fr 1fr}}.complaint-form-container,.complaints-list-container{animation:fade-in-up .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:2px solid #f472b633;border-radius:28px;box-shadow:0 25px 50px -12px #f472b640,0 0 0 1px #fff9,inset 0 1px 0 #ffffffb3;display:flex;flex-direction:column;overflow:hidden;padding:2rem}.complaints-list-container{min-height:0}.form-title,.list-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#db2777,#c026d3);background-clip:text;-webkit-background-clip:text;display:flex;flex-shrink:0;flex-wrap:wrap;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;margin-bottom:1.5rem}.form-icon,.list-icon{color:#c026d3;margin-right:.5rem}.form-content{gap:1.5rem}.form-content,.form-group{display:flex;flex-direction:column}.form-label{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#be185d,#a855f7);background-clip:text;-webkit-background-clip:text;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{appearance:none;-webkit-appearance:none;background-position:right 1rem center;background-repeat:no-repeat;background-size:1.2em;background:linear-gradient(135deg,#fdf2f8cc,#f0e7ff99);border:2px solid #f472b64d;border-radius:18px;color:#be185d;font-size:.875rem;font-weight:500;outline:none;padding:1rem;resize:none;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.form-select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23F472B6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.form-input:focus,.form-select:focus,.form-textarea:focus{background:linear-gradient(135deg,#fdf2f8f2,#f0e7ffe6);border-color:#f472b6;box-shadow:0 8px 25px #f472b626,0 0 0 3px #f472b61a;transform:translateY(-2px)}.form-textarea{font-family:inherit;height:6rem}.select-wrapper{position:relative}.select-wrapper:after{color:#d946ef;content:"▾";font-size:1.5rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.submit-button{align-items:center;background:linear-gradient(135deg,#f472b6,#d946ef,#c026d3,#0ea5e9);border:none;border-radius:18px;box-shadow:0 8px 25px #f472b64d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:1rem;overflow:hidden;padding:1.125rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.submit-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:hover:not(:disabled){box-shadow:0 15px 40px #f472b666,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.button-icon{height:18px;width:18px}.complaints-wrapper{display:flex;flex-direction:column;height:100%;min-height:0}.complaints-scroll{flex:1 1;margin:-.5rem;min-height:0;overflow-y:auto;padding:.5rem}@media (min-width:1200px){.complaints-scroll{max-height:none}}.empty-state,.loading-state{-webkit-text-fill-color:#0000;animation:fade-in .6s ease-out;background:linear-gradient(135deg,#a855f7,#ec4899);background-clip:text;-webkit-background-clip:text;padding:3rem 1rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f472b633;border-radius:50%;border-top-color:#f472b6;height:48px;margin:0 auto 1rem;width:48px}.empty-icon{animation:pulse 2s ease-in-out infinite;color:#f472b6;height:56px;margin:0 auto 1rem;width:56px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.complaints-list{display:flex;flex-direction:column;gap:1.25rem}.complaint-card{animation:slide-in-up .6s ease-out both;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fff0f5f2,#fce7f3e6 30%,#f0e7ffd9 70%,#e0e7ffcc);background-clip:padding-box;border:3px solid #0000;border-radius:28px;box-shadow:0 8px 32px #f472b626,inset 0 1px 0 #fffc;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.complaint-card:before{background:linear-gradient(135deg,#f472b6,#d946ef,#c026d3);border-radius:28px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:3px;position:absolute;right:0;top:0}.complaint-card:after{background:radial-gradient(circle,#f472b626 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .4s ease;width:200%}.complaint-card:hover:after{opacity:1}.complaint-card:hover{box-shadow:0 20px 48px #f472b640,inset 0 1px 0 #ffffffe6,0 0 0 1px #f472b633;transform:translateY(-8px) scale(1.02)}.complaint-card:hover:before{background:linear-gradient(135deg,#ec4899,#c026d3,#a855f7)}.complaint-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.complaint-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#be185d,#9d174d,#7c2d12);background-clip:text;-webkit-background-clip:text;flex:1 1;font-size:1.125rem;line-height:1.4}.complaint-title,.status-badge{font-weight:700;text-shadow:0 1px 2px #0000001a}.status-badge{border:1px solid;border-radius:14px;flex-shrink:0;font-size:.75rem;padding:.375rem .875rem;white-space:nowrap}.status-new{background:linear-gradient(135deg,#fce7f3,#fdf2f8);border-color:#f472b64d;box-shadow:0 2px 8px #f472b633;color:#9d174d}.status-angry{background:linear-gradient(135deg,#fee2e2,#fef2f2);border-color:#f8717166;box-shadow:0 2px 8px #f8717133;color:#dc2626}.status-work{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-color:#3b82f666;box-shadow:0 2px 8px #3b82f633;color:#1e40af}.status-forgiven{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#22c55e66;box-shadow:0 2px 8px #22c55e33;color:#166534}.complaint-details{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#db2777,#be185d);background-clip:text;-webkit-background-clip:text;font-size:.875rem;font-weight:500;line-height:1.6;margin-bottom:1rem}.complaint-meta{display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.nature-tag{border-radius:10px;font-size:.7rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.nature-minor{background:linear-gradient(135deg,#fef3c7,#fef7cd);border:1px solid #fbbf244d;color:#92400e}.nature-medium{background:linear-gradient(135deg,#fed7aa,#fde6cc);border:1px solid #fb923c4d;color:#c2410c}.nature-major{background:linear-gradient(135deg,#fecaca,#fee7e7);border:1px solid #f871714d;color:#dc2626}.nature-critical{background:linear-gradient(135deg,#fca5a5,#fcb5b5);border:1px solid #ef444466;color:#b91c1c}.date-tag{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#ec4899);background-clip:text;-webkit-background-clip:text;font-size:.7rem;font-weight:600}.complaint-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.action-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:12px;cursor:pointer;font-size:.75rem;font-weight:600;padding:.625rem 1rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.angry-btn{background:linear-gradient(135deg,#fee2e2cc,#fef2f299);border-color:#f8717166;color:#dc2626;grid-column:1/-1}.angry-btn:hover:not(:disabled){background:linear-gradient(135deg,#fee2e2f2,#fef2f2e6);box-shadow:0 6px 20px #f871714d;transform:translateY(-2px)}.work-btn{background:linear-gradient(135deg,#dbeafecc,#eff6ff99);border-color:#3b82f666;color:#1e40af}.work-btn:hover:not(:disabled){background:linear-gradient(135deg,#dbeafef2,#eff6ffe6);box-shadow:0 6px 20px #3b82f64d;transform:translateY(-2px)}.forgive-btn{background:linear-gradient(135deg,#dcfce7cc,#f0fdf499);border-color:#22c55e66;color:#166534}.forgive-btn:hover:not(:disabled){background:linear-gradient(135deg,#dcfce7f2,#f0fdf4e6);box-shadow:0 6px 20px #22c55e4d;transform:translateY(-2px)}.action-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.complaint-stats{border-top:1px solid #f472b633;flex-shrink:0;margin-top:.75rem;padding-top:.75rem}.stats-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.stat-item{flex:1 1;min-width:50px;text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#db2777,#c026d3);background-clip:text;-webkit-background-clip:text;font-size:1.2rem;font-weight:700;line-height:1;margin-bottom:.125rem}.stat-label{color:#a855f7;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.complaint-card.card-status-new{background:linear-gradient(135deg,#fff0f5f2,#fce7f3e6 30%,#f0e7ffd9 70%,#e0e7ffcc)}.complaint-card.card-status-angry{background:linear-gradient(135deg,#fee2e2f2,#fef2f2e6)}.complaint-card.card-status-work{background:linear-gradient(135deg,#dbeafef2,#eff6ffe6)}.complaint-card.card-status-forgiven{background:linear-gradient(135deg,#dcfce7f2,#f0fdf4e6)}.header-controls{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.card-delete-btn{background:none;border:none;color:#f43f5e;cursor:pointer;margin:0;opacity:.6;padding:0;transition:all .2s ease-in-out}.card-delete-btn:hover:not(:disabled){opacity:1;transform:scale(1.1)}.card-delete-btn:disabled{cursor:not-allowed;opacity:.3}.home-container{align-items:center;display:flex;justify-content:center;padding:1rem}.home-content{animation:fade-in-up .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:2px solid #f472b633;border-radius:28px;box-shadow:0 25px 50px -12px #f472b640,0 0 0 1px #fff9,inset 0 1px 0 #ffffffb3;max-width:500px;padding:2.5rem;position:relative;width:100%;z-index:10}.home-header{margin-bottom:2rem;text-align:center}.crown-container{display:flex;justify-content:center;margin-bottom:1rem}.home-title{background:linear-gradient(135deg,#db2777,#c026d3,#7c3aed,#0ea5e9);background-clip:text;-webkit-background-clip:text;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.home-subtitle,.home-title{-webkit-text-fill-color:#0000}.home-subtitle{background:linear-gradient(135deg,#a855f7,#ec4899);background-clip:text;-webkit-background-clip:text;font-size:clamp(1rem,2.5vw,1.125rem);font-weight:500}.home-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.option-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f472b6e6,#d946efe6);border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 4px 16px #f472b633,inset 0 1px 0 #ffffff4d;color:#fff;cursor:pointer;display:flex;font-size:clamp(.875rem,2vw,1rem);font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.option-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.option-button:hover:before{left:100%}.option-button:hover{background:linear-gradient(135deg,#ec4899f2,#c026d3f2);box-shadow:0 8px 24px #f472b64d,inset 0 1px 0 #fff6;transform:translateY(-2px)}.option-heart{fill:currentColor;animation:pulse 2s ease-in-out infinite;height:18px;width:18px}.coming-soon{margin-top:1rem;text-align:center}.coming-soon p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d946ef,#a855f7);background-clip:text;-webkit-background-clip:text;font-size:.8rem;font-style:italic;opacity:.8}.home-footer{text-align:center}.hearts-row{display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem}.footer-heart{fill:currentColor;animation:pulse 2s ease-in-out infinite;color:#f472b6;height:18px;width:18px}.love-message{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#ec4899);background-clip:text;-webkit-background-clip:text;font-size:.875rem;font-weight:500}.dialog-overlay{align-items:center;animation:fade-in .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.dialog-box{animation:fade-in-up .4s ease-out;background:#fffffff2;border:2px solid #f472b633;border-radius:24px;box-shadow:0 25px 50px -12px #f472b64d;max-width:380px;padding:2rem;text-align:center;width:100%}.dialog-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#db2777,#c026d3);background-clip:text;-webkit-background-clip:text;font-family:Amatic SC,cursive;font-size:2.25rem;font-weight:700;margin-bottom:.75rem}.dialog-message{color:#be185d;font-size:1rem;line-height:1.6;margin-bottom:2rem}.dialog-buttons{display:flex;gap:1rem;justify-content:center}.dialog-btn{border:none;border-radius:14px;box-shadow:0 4px 15px #0000001a;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.dialog-btn.confirm{background:linear-gradient(135deg,#f472b6,#ef4444);color:#fff}.dialog-btn.confirm:hover{box-shadow:0 8px 25px #ef44444d;transform:translateY(-2px)}.dialog-btn.cancel{background:#f1f5f9;border:2px solid #e2e8f0;color:#64748b}.dialog-btn.cancel:hover{background:#e2e8f0;border-color:#cbd5e1}.blushing-heart-icon{animation:blush-pulse 2s ease-in-out infinite;color:#f472b6}.blushing-heart-icon .blush{animation:blush-fade 2s ease-in-out infinite;opacity:0;transform-origin:center}.blushing-heart-icon .blush.right{animation-delay:.1s}@keyframes blush-pulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}@keyframes blush-fade{0%,40%,to{opacity:0;transform:scale(.8)}50%,90%{opacity:.7;transform:scale(1)}}.toast-container{display:flex;flex-direction:column;gap:.75rem;max-width:90vw;position:fixed;right:1rem;top:1rem;width:400px;z-index:1000}.toast{align-items:center;animation:slide-in-right .5s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border-left:4px solid;border-radius:16px;box-shadow:0 10px 25px #0000001a,0 0 0 1px #fff9;display:flex;gap:.75rem;justify-content:space-between;padding:1.125rem}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-content{align-items:center;color:#374151;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem}.toast-icon{flex-shrink:0;height:20px;width:20px}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex-shrink:0;padding:.25rem;transition:all .2s}.toast-close:hover{background:#0000001a;color:#374151}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.complaint-form-container::-webkit-scrollbar,.complaints-scroll::-webkit-scrollbar{width:8px}.complaint-form-container::-webkit-scrollbar-track,.complaints-scroll::-webkit-scrollbar-track{background:linear-gradient(135deg,#fdf2f84d,#f0e7ff4d);border-radius:6px}.complaint-form-container::-webkit-scrollbar-thumb,.complaints-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f472b6,#d946ef);border:1px solid #ffffff4d;border-radius:6px}.complaint-form-container::-webkit-scrollbar-thumb:hover,.complaints-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ec4899,#c026d3)}.complaint-form-container,.complaints-scroll{scrollbar-color:#f472b6 #fdf2f84d;scrollbar-width:thin}@media (max-width:768px){.home-container,.main-container{height:auto;min-height:100vh;padding:.5rem}.content-wrapper{height:auto;min-height:calc(100vh - 1rem);padding:.5rem}.complaint-grid{gap:1rem;grid-template-columns:1fr;overflow:visible}.complaint-card,.complaint-form-container,.complaints-list-container{border-radius:24px;padding:1.5rem}.complaint-card{margin-bottom:1rem}.complaint-card-header{align-items:flex-start;flex-direction:column;gap:.75rem}.complaint-actions{gap:.75rem;grid-template-columns:1fr}.angry-btn{grid-column:1}.home-content,.login-box{border-radius:24px;margin:.5rem;max-width:calc(100vw - 1rem);padding:1.75rem}.page-title{flex-direction:column;font-size:clamp(1.5rem,6vw,2rem);gap:.5rem}.home-title{font-size:clamp(1.5rem,6vw,2.25rem)}.login-title{font-size:clamp(1.5rem,6vw,2rem)}.option-button{font-size:.875rem;padding:.875rem 1.25rem}.option-heart{height:16px;width:16px}.stats-grid{gap:.25rem}.stat-item{min-width:45px}.stat-number{font-size:.75rem}.stat-label{font-size:.45rem}.floating-flower,.floating-heart{animation-duration:7s,12s}.flower-icon,.heart-icon{height:24px;width:24px}.crown-main,.crown-svg{height:60px;width:60px}.toast-container{left:.5rem;right:.5rem;top:.5rem;width:auto}.toast{border-radius:12px;font-size:.8rem;padding:.875rem}}@media (max-width:480px){.content-wrapper{padding:.25rem}.complaint-card,.complaint-form-container,.complaints-list-container{border-radius:20px;padding:1.25rem}.home-content,.login-box{border-radius:20px;margin:.25rem;padding:1.5rem}.option-button{border-radius:16px;font-size:.8rem;padding:.75rem 1rem}.action-button{border-radius:10px;font-size:.7rem;padding:.5rem .75rem}.form-input,.form-select,.form-textarea{border-radius:14px;font-size:.8rem;padding:.75rem}.password-input{border-radius:14px;padding:.875rem .875rem .875rem 3rem}.login-button,.submit-button{border-radius:14px;font-size:.875rem;padding:.875rem 3rem}.complaint-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.date-tag,.nature-tag{font-size:.65rem;padding:.2rem .6rem}.status-badge{font-size:.65rem;padding:.3rem .7rem}.page-header{margin-bottom:1rem}.back-button{border-radius:12px;font-size:.8rem;padding:.5rem 1rem}}@media (max-width:360px){.home-content,.login-box{margin:.125rem;padding:1.25rem}.complaint-card,.complaint-form-container,.complaints-list-container{padding:1rem}.option-button{font-size:.75rem;padding:.625rem .875rem}.crown-main,.crown-svg{height:50px;width:50px}.floating-elements{display:none}}@media (max-width:768px) and (orientation:landscape){.home-container,.main-container{height:auto;min-height:100vh}.content-wrapper{max-height:none}.complaint-grid{gap:1rem;grid-template-columns:1fr 1fr}.complaints-scroll{max-height:60vh}}@media (min-width:769px) and (max-width:1024px){.complaint-grid{gap:1.5rem;grid-template-columns:1fr}.complaint-form-container,.complaints-list-container{padding:2rem}.complaints-scroll{max-height:500px}.complaint-actions{grid-template-columns:1fr 1fr}.angry-btn{grid-column:1/-1}}@media (min-width:1200px){.complaint-grid{gap:2.5rem;grid-template-columns:1fr 1fr}.complaints-scroll{max-height:650px}}.action-button:focus,.back-button:focus,.form-input:focus,.form-select:focus,.form-textarea:focus,.login-button:focus,.option-button:focus,.password-input:focus,.submit-button:focus{outline:2px solid #f472b6;outline-offset:2px}@media (prefers-contrast:high){.complaint-card,.complaint-form-container,.complaints-list-container,.form-input,.form-select,.form-textarea,.home-content,.login-box,.password-input{border-color:#be185d;border-width:3px}}.crown-main,.crown-svg,.floating-elements,.floating-flower,.floating-heart,.flower-icon,.heart-icon{will-change:transform}.action-button,.complaint-card,.login-button,.option-button,.submit-button{will-change:transform,box-shadow}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-elements{display:none}}@media print{.back-button,.floating-elements,.toast-container{display:none}.complaint-card{break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}body{background:#fff!important}}@media (prefers-color-scheme:dark){body{color-scheme:light}}.likes-container{align-items:center;background:linear-gradient(135deg,#fdf2f8,#fce7f3 15%,#e0e7ff 30%,#f0f9ff 45%,#ecfdf5 60%,#fef3c7 75%,#fce7f3 90%,#fdf2f8);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;position:relative;z-index:1}.likes-card-wrapper{height:420px;margin:0 auto 30px;perspective:2000px;position:relative;width:320px}.book{position:relative}.book,.page{height:100%;transform-style:preserve-3d;width:100%}.page{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a,0 0 0 1px #0000000d;top:0;transform-origin:left center;transition:transform 1s cubic-bezier(.645,.045,.355,1)}.page,.page:before{left:0;position:absolute}.page:before{background:#bac1ba;content:"";height:5px;top:-5px;transform:skewX(-45deg);transform-origin:bottom;width:100%}.page:after{background:#92a29c;content:"";height:100%;position:absolute;right:-5px;top:0;transform:skewY(-45deg);transform-origin:left;width:5px}.page.turned{box-shadow:-10px 0 30px #0003,0 0 0 1px #0000001a;transform:rotateY(-180deg)}.page.active{box-shadow:0 15px 40px #0000004d;transform:rotateY(0deg) scale(1.05);z-index:100}.cover{background:linear-gradient(135deg,#e0c3fc,#f7d1e3)}.cover .page-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.cover-title-wrapper{color:#8e24aa;margin:20px 0;text-shadow:1px 1px 2px #ffffff80}.cover-title-main{font-family:Amatic SC,cursive;font-size:48px;font-weight:700;letter-spacing:1px;line-height:1}.cover-title-sub{font-family:Indie Flower,cursive;font-size:20px;margin-top:8px;opacity:.8}.cover-art-bottom,.cover-art-top{align-items:center;display:flex;flex:1 1;justify-content:center}.cover-flower{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:80px;opacity:.8;width:80px}.page-content{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;height:100%;padding:30px}.page-header{margin-bottom:30px;text-align:center}.page-header h4{font-family:Amatic SC,cursive;line-height:1.2;margin:5px 0}.color1{color:#1bbc9b;font-size:28px;font-weight:700}.color2{color:#c0392b;font-size:22px}.page-body{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.page-body p{color:#013243;font-family:Indie Flower,cursive;font-size:18px;line-height:1.6;margin:8px 0}.like-text{align-items:center;display:flex;font-size:20px!important;font-weight:700;justify-content:center;margin:20px 0!important;min-height:80px}.signature{color:#c0392b!important;font-style:italic;margin-top:30px!important}.likes-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:25px}.likes-controls button{background:linear-gradient(135deg,#f472b6,#d946ef);border:none;border-radius:25px;box-shadow:0 4px 15px #f472b64d;color:#fff;cursor:pointer;font-family:Indie Flower,cursive;font-size:16px;font-weight:700;min-width:120px;padding:12px 24px;transition:all .3s ease}.likes-controls button:hover:not(:disabled){box-shadow:0 8px 25px #f472b666;transform:translateY(-2px)}.likes-controls button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.page-indicator{color:#c026d3;font-family:Amatic SC,cursive;font-size:24px;font-weight:700;min-width:80px;text-align:center}.likes-back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #c026d3;border-radius:25px;box-shadow:0 4px 15px #c026d31a;color:#c026d3;cursor:pointer;font-family:Indie Flower,cursive;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.likes-back-btn:hover{background:#c026d31a;box-shadow:0 8px 25px #c026d333;transform:translateY(-2px)}@media (max-width:768px){.likes-container{justify-content:flex-start;padding:40px 15px 15px}.likes-card-wrapper{height:380px;margin-bottom:20px;width:280px}.page-content{padding:20px}.color1{font-size:24px}.color2{font-size:20px}.page-body p{font-size:16px}.like-text{font-size:18px!important;min-height:70px}.likes-controls{gap:15px;margin-bottom:20px}.likes-controls button{font-size:14px;min-width:100px;padding:10px 20px}.page-indicator{font-size:20px}.cover-title-main{font-size:40px}.cover-title-sub{font-size:18px}}@media (max-width:480px){.likes-card-wrapper{height:350px;width:250px}.likes-controls{flex-direction:column;gap:10px}.likes-controls button{max-width:200px;width:100%}.page-content{padding:15px}.color1{font-size:22px}.color2{font-size:18px}}
/*# sourceMappingURL=main.f871aa50.css.map*/