*{box-sizing:border-box}body{margin:0;background:#111114;color:#fff;font-family:system-ui,sans-serif}main{max-width:680px;margin:60px auto;padding:24px}h1{letter-spacing:.13em;font-size:36px}h1 span{color:#ad3652}h2{font-size:19px;color:#ddd}p{color:#aaa}section{background:#202025;border:1px solid #38383f;border-radius:12px;padding:18px;margin:12px 0;display:flex;justify-content:space-between;gap:12px}small{color:#aaa}button{background:#800020;color:#fff;border:0;border-radius:8px;padding:12px 22px;cursor:pointer}main{width:100%;margin:32px auto;padding:20px}section{flex-wrap:wrap;align-items:center}button{font:inherit;transition:background .2s,opacity .2s}button:hover{background:#a32849}button:disabled{opacity:.5;cursor:not-allowed}input,select{width:100%;min-width:0;background:#16161b;color:#fff;border:1px solid #45454f;border-radius:9px;padding:12px;font:inherit}input:focus,select:focus{outline:2px solid #ad3652;outline-offset:1px}label{display:block;color:#ccc;font-size:14px;margin-bottom:7px}.profile{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.secondary{background:#35353e}.secondary:hover{background:#494953}.field{display:flex;flex-direction:column;gap:6px;width:100%;margin:14px 0}.resource-panel{display:block}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.section-heading h2{margin:0}.count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:5px 10px;background:#38232c;border-radius:20px;color:#f3bdcb;font-size:13px}.resource-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;width:100%}.resource-list>li{display:flex;align-items:center;gap:12px;padding:13px;background:#17171c;border:1px solid #35353e;border-radius:10px}.resource-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:10px;background:#42202e;color:#ffb6c8;font-size:20px}.resource-details{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.resource-details strong{font-size:15px}.resource-details small{font-size:12px}.resource-form{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:18px;padding-top:18px;border-top:1px solid #38383f}.resource-form button{align-self:flex-start}.form-message{font-size:14px;color:#f1b4c4;overflow-wrap:anywhere}@media(max-width:600px){main{margin:12px auto;padding:16px}h1{font-size:28px}section{padding:16px}button{min-height:44px}.resource-form button{width:100%}}