*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f1ea;color:#29231f}.wrap{display:flex;min-height:100vh}.side{width:240px;background:#241c18;color:#fff;padding:22px}.side h2{font-size:20px}.side a{display:block;color:#eee;text-decoration:none;padding:11px 8px;border-radius:6px;margin:4px 0}.side a:hover{background:#6c4d37}.main{flex:1;padding:28px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.card,.box{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 10px #0001}.card strong{font-size:28px;display:block;margin-top:8px}.btn{display:inline-block;border:0;background:#6c4d37;color:#fff;padding:10px 14px;border-radius:6px;text-decoration:none;cursor:pointer}.btn.red{background:#a83232}.btn.green{background:#357a4a}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #e8e0d8;text-align:left}input,select,textarea{width:100%;padding:10px;border:1px solid #cfc3b9;border-radius:6px;margin-top:5px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.login{max-width:420px;margin:10vh auto;background:#fff;padding:28px;border-radius:10px}.muted{color:#777;font-size:13px}@media(max-width:800px){.wrap{display:block}.side{width:100%}.grid{grid-template-columns:1fr}}