:root{--bg-url: url(/assets/bg1-BMAHnOIw.webp);--overlay-darkness: .45;--overlay-tint: 270deg;--overlay-sat: 90%;--overlay-light: 60%;--blur: 2px;--contrast: .95;--brightness: .8;--content-max: 68ch}body,html{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;background-color:#111;scroll-behavior:smooth}.bg-hero{position:relative;min-height:100dvh;display:grid;place-items:center;overflow:clip;background-image:var(--bg-url);background-position:center center;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;filter:contrast(var(--contrast)) brightness(var(--brightness))}.content{background-color:#0006;padding:30px;border-radius:16px}.shopwibu{font-style:italic;color:pink}@media (max-width: 1400px){.content{padding:16px}.bg-hero{padding-left:16px;padding-right:16px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f581bb,#e989bc,#ff69b4);padding:0 20px}.login-box{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-box h1{text-align:center;color:#333;margin-bottom:1.5rem;font-size:1.8rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#ff1493;box-shadow:0 0 0 3px #ff14931a}.error-message{color:#dc3545;font-size:.875rem;margin-bottom:1rem;padding:.75rem;background:#f8d7da;border-radius:6px;border:1px solid #f5c6cb}.login-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff149366}.login-btn:active{transform:translateY(0)}.hint{text-align:center;color:#999;font-size:.875rem;margin-top:1.5rem;font-style:italic}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.dashboard-header{background:linear-gradient(135deg,#f8b9d3,#f764d7);color:#fff;padding:1.5rem;box-shadow:0 4px 12px #0000001a}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-content h1{margin:0;font-size:2rem}.logout-btn{padding:.6rem 1.5rem;background:#fff3;color:#fff;border:2px solid white;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s}.logout-btn:hover{background:#fff;color:#667eea}.dashboard-content{max-width:1200px;margin:0 auto;padding:2rem 1rem}.welcome-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #d17cc314;margin-bottom:2rem;border-left:4px solid #f3a4c5}.welcome-card h2{margin:0 0 .5rem;color:#333}.welcome-card p{margin:0;color:#666}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:all .3s;cursor:pointer}.card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.card h3{margin:0 0 .5rem;color:#333;font-size:1.2rem}.card p{margin:0;color:#999;font-size:.9rem}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.dashboard-grid{grid-template-columns:1fr}}.social-icons{display:flex;gap:1.2rem;margin-top:1.5rem;justify-content:center}.social-icons a{display:inline-flex;transition:transform .15s,filter .15s;filter:drop-shadow(0 2px 6px rgba(0,0,0,.08))}.social-icons a:hover{transform:scale(1.12) rotate(-4deg);filter:brightness(1.1) drop-shadow(0 4px 12px rgba(0,0,0,.15))}.social-icons svg{width:32px;height:32px;display:block}