:root{--gold: #d58a00;--maroon: #7a1919;--softpink: #f0dcdb}html,body{overflow-x:hidden}body{width:100%}body{font-family:Arial,Helvetica,sans-serif;margin:0;width:100%;background:var(--softpink);padding:0}.main-content{padding:20px;font-family:Arial,sans-serif}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar h1{font-size:28px;color:#2a6ebd}.add-btn{padding:10px 18px;background:#2a6ebd;color:#fff;border:none;border-radius:8px;cursor:pointer}.add-btn:hover{background:#1f4f8a}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.card{background:#fff;padding:15px;border-radius:12px;box-shadow:0 4px 8px #0000001a;transition:transform .2s}.card:hover{transform:translateY(-4px)}.status{padding:3px 8px;border-radius:6px;font-weight:700}.status.available{background:#d4edda;color:#155724}.status.lost{background:#f8d7da;color:#721c24}.status.returned{background:#d1ecf1;color:#0c5460}.actions{margin-top:10px}.actions .btn{margin:3px;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:14px}.btn.view{background:#17a2b8;color:#fff}.btn.update{background:#ffc107;color:#000;text-decoration:none}.btn.remove{background:#dc3545;color:#fff}.btn.primary{background:#28a745;color:#fff}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;justify-content:center;align-items:center;z-index:1000}.modal-card{background:#fff;padding:25px;border-radius:15px;width:420px;max-width:90%;box-shadow:0 6px 16px #00000040;animation:fadeIn .25s ease;position:relative}.modal-card h2{margin-bottom:15px;color:#2a6ebd}.modal-card input{width:100%;padding:8px;margin-bottom:12px;border:1px solid #ccc;border-radius:6px}.close{position:absolute;top:12px;right:16px;font-size:24px;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.container2{display:flex;width:100vw;margin:0;min-height:100vh;padding:0;transition:all .3s ease-in-out;overflow-x:hidden}.sidebar{width:300px;color:#fff;margin:0;transition:all .3s ease-in-out;position:relative}.sidebar.collapsed{width:70px;padding:0}.sidebar.collapsed span,.hidden{display:none}.content{flex:1;overflow-y:auto;overflow-x:hidden;transition:all .3s ease-in-out}.container.shifted .content{margin-left:280px}.container.shifted .sidebar.collapsed~.content{margin-left:0}.sidebar nav ul{padding:0;margin:0}.sidebar nav u{width:100%}.sidebar nav ul li{padding:10px;width:100%;cursor:pointer;list-style:none}.sidebar nav ul li a{color:inherit;text-decoration:none;display:flex;align-items:center;vertical-align:middle}.sidebar nav ul li.active{background:#c79229;font-weight:700;border-radius:5px;color:#fff}.profile{display:flex;align-items:center;gap:12px;margin-bottom:18px}.avatar{width:56px;height:56px;border-radius:50%}.name{font-weight:700}nav ul{list-style:none;padding:0;margin:12px 0}nav li{padding:10px 8px;border-radius:6px;margin-bottom:6px;cursor:pointer}body{font-family:Arial,sans-serif}.modal-bg{position:fixed;inset:0;background:#00000080;display:none;justify-content:center;align-items:center}.modal2{background:#fff;width:400px;max-height:90vh;overflow-y:auto;padding:15px;border-radius:10px;position:relative}.modal2 h3{text-align:center;margin-bottom:10px}.close-btn{position:absolute;right:10px;top:8px;font-size:18px;cursor:pointer}.form-group{margin-bottom:10px;display:flex;align-items:center}.form-group label{width:130px;font-weight:700}.form-group input,.form-group textarea{flex:1;padding:5px;border-radius:5px;border:1px solid #999}textarea{resize:none;height:80px}.modal-footer{display:flex;justify-content:space-between;margin-top:15px}.btn{border:none;padding:6px 15px;border-radius:20px;cursor:pointer;font-weight:700}.btn-cancel{background:#d35b5b;color:#fff}.btn-add{background:#2f3b4c;color:#fff}nav li.active{background:#00000014}.logout{background:#7a1919;color:#fff;padding:8px;border-radius:6px;text-align:center;margin-top:18px}h1{color:#8b1313;font-size:28px;margin:0 0 18px}.grid{display:grid;grid-template-columns:auto auto auto;gap:22px}.card{background:#fff;padding:12px;border-radius:8px;box-shadow:0 2px 6px #00000026;margin-bottom:16px}.btn{padding:8px 14px;border-radius:6px;border:0;cursor:pointer}.main{background-color:#c8c8c880}.main:hover{background-color:#c8c8c8c2}.btn.green{background:#3ab76a;color:#fff}.btn.red{background:#e85b5b;color:#fff}.btn.orange{background:#f0b95d;color:#fff}.btn.large{width:100%;margin-top:10px}.other-event .card{display:flex;flex-direction:column;gap:8px}.event-meta{font-size:12px;color:#555;margin-bottom:8px}.status-pill{display:inline-block;padding:6px 8px;border-radius:999px;font-weight:600}