:root{font-family:Arial,Helvetica,sans-serif;color:#341b28;background:#fff9fb}*{box-sizing:border-box}body{margin:0}header{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4%,calc((100vw - 1200px)/2));background:white;border-bottom:1px solid #f0dbe4}header strong{font-size:24px;color:#c41467}header span{font-size:10px;letter-spacing:2px;color:#8c6a79}header a{font-size:13px;color:#8c6a79}button{border:0;cursor:pointer;background:#c41467;color:white;border-radius:7px;padding:12px 20px;font-weight:700}button:hover{filter:brightness(.93)}button:disabled{opacity:.6}main{max-width:1200px;padding:45px 22px;margin:auto}.login{max-width:450px;background:white;padding:40px;margin:55px auto;border:1px solid #f0dbe4;border-radius:12px}.login h1,.heading h1{font-size:36px;margin:0 0 10px}.login p,.heading p{color:#846c79;line-height:1.6}.login form{display:grid;gap:20px;margin-top:30px}label{font-size:13px;font-weight:700;display:grid;gap:8px}input,select,textarea{width:100%;border:1px solid #e5cbd7;border-radius:6px;padding:13px;background:white;color:#341b28;outline-color:#c41467}input[type=checkbox]{width:auto}.error{color:#ad1746;font-size:13px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.overline{letter-spacing:2px;font-size:11px;color:#c41467!important}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.stats div{background:white;border:1px solid #f0dbe4;border-radius:10px;padding:24px}.stats small{color:#846c79;display:block}.stats strong{display:block;font-size:32px;margin-top:10px}.toolbar{display:flex;gap:10px;margin-bottom:18px}.toolbar input{flex:1}.toolbar button{background:#341b28}.list{display:grid;gap:12px}.item{background:white;border:1px solid #f0dbe4;border-radius:10px;padding:15px;display:flex;align-items:center;gap:16px}.thumb{width:75px;height:75px;background:#f6e4ed;object-fit:cover;border-radius:6px;flex-shrink:0}.iteminfo{flex:1;min-width:0}.iteminfo h3{margin:0 0 6px;font-size:16px}.iteminfo p{font-size:12px;color:#846c79;margin:4px 0}.itemactions{display:flex;gap:8px;flex-wrap:wrap}.itemactions button{padding:10px 12px;font-size:12px}.itemactions .delete{background:#fff0f3;color:#a91447}.pill{display:inline-block;border-radius:20px;background:#e9f8ed;color:#1d7939;padding:4px 8px;font-size:10px}.pill.off{background:#ffe5eb;color:#a91447}.overlay{position:fixed;inset:0;background:#1c0715a8;z-index:5;display:flex;justify-content:center;align-items:center;padding:15px}.overlay[hidden],[hidden]{display:none!important}.modal{background:white;width:min(700px,100%);max-height:95vh;overflow:auto;border-radius:12px;padding:25px}.modalhead{display:flex;justify-content:space-between;align-items:center}.modalhead h2{margin:0 0 25px}.modalhead button{background:transparent;color:#341b28;font-size:18px}.modal form{display:grid;gap:17px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checks{display:flex;gap:25px}.checks label{display:flex;align-items:center}.hint{font-size:11px;color:#846c79;margin:-10px 0 0}.save{padding:15px}@media(max-width:620px){.heading{align-items:start;flex-direction:column}.stats{gap:7px}.stats div{padding:12px}.stats strong{font-size:23px}.stats small{font-size:10px}.two{grid-template-columns:1fr}.item{align-items:flex-start;flex-wrap:wrap}.itemactions{width:100%}.modal{padding:18px}.login{padding:25px}}