body{font-family:Inter,Arial,sans-serif;background:#f5f8fc;color:#17385f}.admin-layout{display:flex;min-height:100vh}.sidebar{width:250px;background:#063d75;color:#fff;flex-shrink:0;padding:20px 14px}.brand-admin{display:flex;align-items:center;gap:10px;padding:8px 10px 25px}.brand-admin span{width:45px;height:45px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:20px}.brand-admin b{display:block}.brand-admin small{font-size:10px;color:#a9c7e5}.sidebar nav a{display:block;color:#d8e9fa;text-decoration:none;padding:12px 14px;border-radius:9px;font-size:13px;margin:3px 0}.sidebar nav a:hover{background:#0c5b9d;color:#fff}.admin-main{flex:1;min-width:0}.top-admin{height:75px;background:#fff;border-bottom:1px solid #e2eaf2;display:flex;align-items:center;gap:15px;padding:0 28px}.stat{background:#fff;border:1px solid #e3ebf3;border-radius:14px;padding:20px;box-shadow:0 5px 18px #073d7508}.stat i{font-size:30px;color:#078de5}.card-admin{background:#fff;border:1px solid #e2eaf2;border-radius:14px;padding:20px}.table thead th{background:#f3f7fb;color:#4e6680;font-size:12px}.table td{font-size:13px;vertical-align:middle}.thumb{width:70px;height:45px;object-fit:cover;border-radius:6px}@media(max-width:991px){.sidebar{position:fixed;left:-260px;top:0;bottom:0;z-index:20;transition:.2s}.sidebar.show{left:0}.top-admin{padding:0 15px}}
.upload-preview{max-width:320px;max-height:180px;border-radius:10px;border:1px solid #dbe6ef;padding:4px;object-fit:cover;background:#f7fafc}.d-none{display:none!important}
.upload-preview{width:100%;max-width:430px;height:190px;object-fit:cover;border-radius:12px;border:1px solid #dce8f2;background:#f5f9fc}.upload-dropzone{border:1.5px dashed #9ec7e2;border-radius:12px;padding:14px;text-align:center;color:#39739a;background:#f6fbff;cursor:pointer;font-size:12px}.upload-dropzone i{font-size:20px;margin-right:8px}.upload-dropzone.drag{background:#e5f6ff;border-color:#078de5}.thumb{background:#f4f8fb;border:1px solid #e2ebf3}