*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f2f5;color:#333}.app{min-height:100vh}.header{background:#1a1a2e;color:#fff;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000004d}.header h1{font-size:1.4rem;letter-spacing:.5px}.nav{display:flex;gap:8px}.nav button{padding:8px 20px;border:2px solid transparent;border-radius:6px;background:transparent;color:#aaa;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.nav button:hover{color:#fff;border-color:#444}.nav button.active{background:#e94560;color:#fff;border-color:#e94560}.main{max-width:900px;margin:32px auto;padding:0 16px}.section-title{font-size:1.3rem;font-weight:600;margin-bottom:20px;color:#1a1a2e}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:32px}.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:6px;position:relative}.card h3{font-size:1rem;color:#1a1a2e}.card p{font-size:.85rem;color:#666}.card .price{font-size:1rem;font-weight:600;color:#e94560}.card .badge{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#e94560;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.delete-btn{margin-top:8px;padding:6px 12px;background:#fff0f0;color:#e94560;border:1px solid #e94560;border-radius:4px;cursor:pointer;font-size:.8rem;align-self:flex-start;transition:all .2s}.delete-btn:hover{background:#e94560;color:#fff}.form-box{background:#fff;border-radius:10px;padding:24px;box-shadow:0 2px 8px #00000014}.form-box h3{margin-bottom:16px;font-size:1rem;color:#1a1a2e}.form-row{display:flex;gap:10px;flex-wrap:wrap}.form-row input{flex:1;min-width:160px;padding:9px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;outline:none;transition:border-color .2s}.form-row input:focus{border-color:#e94560}.form-row button{padding:9px 20px;background:#e94560;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .2s}.form-row button:hover{background:#c73652}.status{text-align:center;padding:40px;color:#888;font-size:.9rem}.error{color:#e94560}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#1a1a2e}.login-box{background:#fff;border-radius:12px;padding:40px;width:100%;max-width:360px;box-shadow:0 8px 32px #0000004d}.login-box h2{font-size:1.5rem;color:#1a1a2e;margin-bottom:4px}.login-subtitle{color:#888;font-size:.85rem;margin-bottom:24px}.login-box input{display:block;width:100%;padding:10px 14px;margin-bottom:12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;outline:none;box-sizing:border-box;transition:border-color .2s}.login-box input:focus{border-color:#e94560}.login-box button{width:100%;padding:11px;background:#e94560;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:4px}.login-box button:hover:not(:disabled){background:#c73652}.login-box button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#e94560;font-size:.85rem;margin-bottom:8px}.logout-btn{background:transparent!important;border:2px solid #e94560!important;color:#e94560!important}.logout-btn:hover{background:#e94560!important;color:#fff!important}