@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap";*{box-sizing:border-box}body{margin:0;background:#f8f5f7;color:#35243c;font-family:DM Sans,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.layout{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.layout aside{background:#2d1c35;color:#fff;padding:26px 16px;display:flex;flex-direction:column}.layout h1,.login h1{font-family:Playfair Display,Georgia,serif;font-size:1.4rem;margin:0}.layout h1 span,.login h1 span{color:#e77e9f}.layout aside p{font-size:.75rem;color:#c9b0c7;margin:7px 0 35px}.layout nav{display:grid;gap:4px}.layout nav button,.signout{border:0;background:transparent;color:#cbb7ce;text-align:left;padding:13px;border-radius:9px}.layout nav button.active{background:#66476a;color:#fff}.signout{margin-top:auto}.layout main{padding:35px;max-width:1400px;width:100%}.layout header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8dfe6;padding-bottom:20px;margin-bottom:24px}.layout header small{color:#aa7594;font-size:.72rem;font-weight:700;letter-spacing:.14em}.layout h2{font-family:Playfair Display,Georgia,serif;font-size:2rem;margin:6px 0 0}.layout header button,.actions button,.add{border:1px solid #e2d5df;background:#fff;border-radius:9px;padding:9px 13px;color:#714569}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cards>div{background:#fff;border:1px solid #eee5eb;border-radius:17px;padding:23px;display:flex;flex-direction:column;gap:10px}.cards small{color:#917d8e}.cards strong{font-size:2.4rem;color:#814b70}.list{display:grid;gap:9px}.item{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #eee5eb;border-radius:13px;padding:15px}.item>div:first-child{display:flex;flex-direction:column;gap:5px}.item small{color:#967f91}.item p{margin:3px 0}.actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:end}.actions button:hover,.add:hover{background:#f9eaf1}.search{width:min(100%,350px);padding:12px;border:1px solid #e2d5df;border-radius:10px;margin-bottom:17px}.error{background:#ffe1e4;color:#912d4a;border-radius:10px;padding:12px;margin-bottom:15px}.add{margin-top:20px}.preview{height:80px;width:80px;object-fit:cover;border-radius:12px;margin-bottom:8px}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.login h1{font-size:2.4rem}.login p{color:#947a91}.login button{border:0;background:#a85379;color:#fff;border-radius:12px;padding:13px 20px;font-weight:700}.login small{color:#ab9aa7}@media (max-width:760px){.layout{grid-template-columns:1fr}.layout aside{padding:15px}.layout aside p{margin:4px 0 12px}.layout nav{display:flex;overflow:auto}.layout nav button{white-space:nowrap}.signout{display:none}.layout main{padding:18px}.cards{grid-template-columns:repeat(2,1fr)}.item{align-items:flex-start;flex-direction:column}.actions{justify-content:start}}@media (max-width:390px){.cards{grid-template-columns:1fr}}.login input{width:min(100% - 32px,320px);padding:12px;border:1px solid #e2d5df;border-radius:10px}