:root{--ink:#171416;--rose:#c98d9c;--paper:#fbf9f8}*{box-sizing:border-box}body{margin:0;font:15px system-ui,sans-serif;background:var(--paper);color:#252124}.shell{display:flex;min-height:100vh}aside{width:255px;background:var(--ink);color:white;padding:28px 16px;flex:none}.brand{display:block;color:white;text-decoration:none;font-weight:800;letter-spacing:2px;margin:0 12px 36px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#d9c0a4;margin-top:5px}nav a{display:block;color:#ded8da;text-decoration:none;padding:12px;border-radius:8px;margin:3px 0}nav a:hover{background:#322a2d;color:white}main{flex:1;min-width:0;padding:0 40px 48px}header{height:72px;display:flex;gap:15px;align-items:center;border-bottom:1px solid #eadfe1}header>span:first-of-type{flex:1}button,.button{border:0;border-radius:7px;padding:10px 14px;background:var(--rose);color:white;cursor:pointer;font:inherit;text-decoration:none;display:inline-block}.menu{display:none}.intro{padding:42px 0 20px}.intro p,h2,small{color:#806b70}.intro p{margin:0}.intro h1{font-size:34px;margin:5px 0}h2{font-size:15px;text-transform:uppercase;letter-spacing:1px;margin-top:28px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards article,.status div,.empty{background:white;border:1px solid #eee5e6;border-radius:12px;padding:20px;box-shadow:0 3px 12px #39242b08}.cards small{display:block}.cards strong{display:block;font-size:24px;margin-top:8px}.status{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.status b{display:block;color:var(--rose);font-size:24px;margin-top:8px}.login{min-height:100vh;display:grid;place-items:center;background:var(--ink)}.login-card{width:min(390px,calc(100% - 32px));background:white;padding:36px;border-radius:14px}.login-card .brand{color:var(--ink);margin:0}.login-card h1{margin:30px 0 20px}.login label{display:block;margin:14px 0}.login input{display:block;width:100%;padding:11px;border:1px solid #dccdd0;border-radius:7px;margin-top:6px}.login button{width:100%;margin-top:10px}.error{color:#ae2c47}.filters,.data-form,.status-action{margin:16px 0}.filters input,.filters select,.data-form input,.data-form select,.data-form textarea{padding:10px;border:1px solid #dccdd0;border-radius:7px;font:inherit;max-width:100%}.data-form label{display:block;font-weight:600;margin-bottom:5px}.data-form p{max-width:600px}.table-wrap{overflow-x:auto;background:#fff;border:1px solid #eee5e6;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:13px;text-align:left;border-bottom:1px solid #f0e8e9}.status-badge{display:inline-block;padding:5px 10px;border-radius:999px;font-weight:700}.status-active{background:#e3f3e8;color:#286a3f}.status-inactive{background:#f3e5e8;color:#9b334b}.button-danger{background:#9b334b}.messages{margin:18px 0}.message{padding:12px 16px;border-radius:8px}.message-success{background:#e3f3e8;color:#286a3f}.message-error{background:#f6e1e5;color:#9b334b}@media(max-width:760px){aside{position:fixed;z-index:2;transform:translateX(-100%);transition:.2s;height:100vh}.menu-open aside{transform:translateX(0)}.menu{display:block}main{padding:0 18px 32px}.cards,.status{grid-template-columns:1fr 1fr}.intro{padding-top:28px}}@media(max-width:440px){.cards,.status{grid-template-columns:1fr}}