*{box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f3f6fb;margin:0;color:#111827}.top{height:60px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.top a{color:#fff}.brand{font-weight:800;letter-spacing:.2px}.layout{display:flex;min-height:calc(100vh - 60px)}.sidebar{width:235px;background:#111827;padding:18px;position:sticky;top:60px;height:calc(100vh - 60px)}.sidebar a{display:block;color:#dbeafe;text-decoration:none;padding:12px 14px;margin-bottom:8px;border-radius:10px;font-weight:600}.sidebar a:hover,.sidebar a.active{background:#2563eb;color:#fff}.content{flex:1;max-width:1320px;padding:28px}.card,.stat{background:#fff;border-radius:18px;padding:22px;box-shadow:0 6px 18px rgba(15,23,42,.08);margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.stat small{color:#64748b;font-weight:700}.stat h2{margin:8px 0 0;font-size:30px}.btn{background:#2563eb;color:#fff;border:0;border-radius:10px;padding:10px 15px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:700}.btn.gray{background:#64748b}.btn.red{background:#dc2626}.btn.green{background:#16a34a}input,select,textarea{width:100%;padding:11px;margin:6px 0 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}label{font-weight:700;font-size:14px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}th{background:#f8fafc}.badge{padding:5px 9px;border-radius:999px;background:#e5e7eb;font-size:12px;font-weight:700}.rented{background:#fef3c7}.available{background:#dcfce7}.repair{background:#fee2e2}.sold{background:#e0e7ff}.lost{background:#fecaca}.notice{padding:12px;background:#fee2e2;color:#991b1b;border-radius:10px;margin-bottom:12px}.success{padding:12px;background:#dcfce7;color:#166534;border-radius:10px;margin-bottom:12px}.login_card{max-width:430px;margin:80px auto;background:#fff;border-radius:18px;padding:28px;box-shadow:0 5px 20px rgba(15,23,42,.12)}.muted{color:#64748b}.doc-list a{display:inline-block;margin:3px 6px 3px 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tabs a{background:#e5e7eb;color:#111827;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:700}.tabs a.active{background:#2563eb;color:#fff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.small{font-size:13px}.danger{color:#dc2626}.money{font-weight:800;font-size:18px}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.file-box{border:1px dashed #94a3b8;border-radius:12px;padding:14px;background:#f8fafc}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2ff;margin:2px;font-size:12px}@media(max-width:850px){.layout{display:block}.sidebar{width:100%;height:auto;position:relative;top:0}.sidebar a{display:inline-block}.content{padding:16px}.two-col{grid-template-columns:1fr}}
.btn.green{
background:#16a34a;
color:#fff;
}
.btn.green{
background:#16a34a;
color:#fff;
}