*{box-sizing:border-box}body{margin:0;background:#f5f6f8;font-family:Arial,sans-serif;color:#222}.admin-top{height:60px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.admin-top a{color:#fff;text-decoration:none;margin-left:12px}.admin-wrap{display:flex;min-height:calc(100vh - 60px)}.admin-nav{width:220px;background:#fff;border-right:1px solid #ddd;padding:15px}.admin-nav a{display:block;padding:12px;border-radius:7px;text-decoration:none;color:#333}.admin-nav a:hover{background:#eee}.admin-main{flex:1;padding:25px;max-width:1400px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:20px}.card b{font-size:28px}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px;flex-wrap:wrap}table{width:100%;border-collapse:collapse;background:#fff}th,td{border-bottom:1px solid #eee;padding:11px;text-align:left;vertical-align:middle}th{background:#fafafa}.btn{display:inline-block;padding:9px 13px;border-radius:6px;background:#111;color:#fff;text-decoration:none;border:0;cursor:pointer}.btn.red{background:#e6002d}.btn.gray{background:#777}.form{background:#fff;border:1px solid #ddd;border-radius:10px;padding:20px;max-width:750px}.field{margin-bottom:15px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:15px}.field small{color:#777}.alert{padding:12px;border-radius:7px;margin-bottom:15px}.success{background:#e9f8ed;color:#176b2c}.error{background:#ffe9ed;color:#9a1830}.thumb{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:6px}.login{max-width:420px;margin:70px auto;background:#fff;padding:25px;border-radius:12px;border:1px solid #ddd}
.responsive-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.responsive-table table{min-width:760px}
.url-cell{display:inline-block;max-width:330px;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
@media(max-width:750px){.admin-nav{display:none}.admin-main{padding:15px;width:100%;min-width:0}.toolbar h1{font-size:22px;margin:0}.cards{grid-template-columns:1fr}table{font-size:13px}
.responsive-table{overflow:visible}
.responsive-table table{min-width:0;width:100%;border:0;background:transparent}
.responsive-table thead{display:none}
.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}
.responsive-table tr{background:#fff;border:1px solid #ddd;border-radius:10px;margin-bottom:14px;padding:8px 12px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.responsive-table td{border:0;border-bottom:1px solid #eee;padding:10px 4px;white-space:normal;display:flex;align-items:center;gap:12px;min-height:42px}
.responsive-table td:last-child{border-bottom:0}
.responsive-table td::before{content:attr(data-label);font-weight:700;color:#555;flex:0 0 90px}
.responsive-table td[data-label="Image"],.responsive-table td[data-label="Thumbnail"]{align-items:flex-start}
.responsive-table td[data-label="Image"]::before,.responsive-table td[data-label="Thumbnail"]::before{padding-top:8px}
.responsive-table .thumb{width:110px;max-width:45vw}
.responsive-table .url-cell{max-width:none;flex:1}
.responsive-table form{margin:0}
.admin-top{padding:0 12px}}