*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui, sans-serif;}
body{background:#f4f7fa;color:#222;padding:12px;}
.container{max-width:1200px;margin:0 auto;}
.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;}
.nav a{margin:0 8px;text-decoration:none;color:#333;font-weight:500;}
.nav a.active{color:#2563eb;font-weight:bold;}
.card{background:#fff;border-radius:10px;padding:20px;margin-bottom:16px;box-shadow:0 1px 4px #00000015;}
h2{margin-bottom:16px;font-size:18px;}
.upload-row{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px;}
.upload-item{flex:1;min-width:260px;}
.preview{width:100%;height:180px;border:1px solid #ddd;border-radius:6px;margin-top:8px;display:flex;align-items:center;justify-content:center;color:#888;overflow:hidden;}
.preview img{max-width:100%;max-height:100%;object-fit:contain;}
.form-row{margin-bottom:12px;}
.form-row label{display:block;margin-bottom:4px;font-weight:500;}
.form-row input,.form-row textarea{width:100%;padding:9px;border:1px solid #ddd;border-radius:6px;font-size:14px;}
.form-row textarea{min-height:80px;resize:vertical;}
.btn{padding:9px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;background:#e5e7eb;color:#222;}
.btn.primary{background:#2563eb;color:#fff;}
.btn.success{background:#16a34a;color:#fff;}
.btn.danger{background:#dc2626;color:#fff;}
.btn-group{display:flex;gap:10px;margin-top:16px;}
.toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center;flex-wrap:wrap;}
.table{width:100%;border-collapse:collapse;}
.table th,.table td{border:1px solid #eee;padding:10px;text-align:left;}
.table th{background:#f8fafc;}
.modal-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000070;display:flex;align-items:center;justify-content:center;z-index:999;}
.modal{background:#fff;padding:24px;border-radius:10px;width:90%;max-width:500px;}
.loading{position:fixed;top:16px;right:16px;background:#222;color:#fff;padding:8px 14px;border-radius:6px;z-index:99;}