*{box-sizing:border-box}body{margin:0;background:#f3f7fb;color:#183453;font-family:Arial,sans-serif}button,input,textarea,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:#071f3b}.login form{width:min(390px,90%);background:#fff;border-radius:16px;padding:35px;display:grid;gap:15px;text-align:center}.login img{width:190px;height:150px;object-fit:contain;margin:auto}.login h1{font-size:22px}.login input,.login button{height:46px;border-radius:7px}.login input{border:1px solid #d6e1ea;padding:0 13px}.login button{border:0;background:#0879d7;color:#fff;font-weight:800}.error{background:#ffe9e7;color:#b33;padding:10px}aside{position:fixed;inset:0 auto 0 0;width:255px;background:#092744;color:#b8cbe0;padding:18px;overflow:auto}aside img{width:175px;height:115px;object-fit:contain;display:block;margin:auto}aside>p{font-size:9px;letter-spacing:.15em;color:#6f91af}aside nav{display:grid;gap:4px}aside button,aside>a{border:0;background:none;color:#acc1d6;padding:12px;border-radius:7px;text-align:left;cursor:pointer;font-size:12px}aside button.active,aside button:hover{background:#117bd4;color:#fff}aside>a{display:block;margin-top:12px;background:#103758}main{margin-left:255px}main>header{height:70px;background:#fff;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;padding:0 28px;gap:20px}#menu{border:0;background:none;font-size:20px}main>section{padding:32px;max-width:1500px}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.welcome small{color:#7c8ea1}.welcome h1{font-size:27px;margin:7px 0}.welcome p{font-size:12px;color:#718397}.welcome>button{border:0;background:#0878d4;color:#fff;padding:13px 18px;border-radius:7px;font-weight:800}.panel{background:#fff;border:1px solid #dfe8ef;border-radius:10px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{background:#f5f8fb;text-align:left;padding:13px}td{padding:13px;border-top:1px solid #edf1f5;vertical-align:top}td img{width:115px;height:55px;object-fit:cover;border-radius:6px}.action{border:0;border-radius:5px;padding:7px;margin:2px;background:#e7f2fc;color:#0670c8;font-size:10px}.danger{background:#ffebe9;color:#c43}.publish{background:#fff2ce;color:#805f00}#empty{text-align:center;padding:55px;color:#8090a0;display:none}#notice:not(:empty),#sizeNote:not(:empty){padding:13px 15px;border-radius:8px;margin-bottom:15px;background:#e8f7ef;color:#287455;font-size:11px}#sizeNote:not(:empty){background:#e9f5ff;color:#296183}.modal{position:fixed;inset:0;background:#07192dcc;display:none;place-items:center;padding:18px;z-index:20}.modal.open{display:grid}.modal form{background:#fff;border-radius:13px;width:min(650px,100%);max-height:92vh;overflow:auto;padding:25px}.modal h2{margin-top:0}.modal label{display:grid;gap:7px;font-size:11px;font-weight:700;margin:13px 0}.modal input,.modal textarea,.modal select{border:1px solid #d7e1e9;border-radius:7px;padding:11px;width:100%}.modal textarea{min-height:90px}.modal .row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal footer{display:flex;justify-content:flex-end;gap:8px}.modal footer button{border:0;padding:11px 17px;border-radius:7px}.modal footer button:last-child{background:#0879d7;color:#fff}.modal small{font-weight:400;color:#718397}.modal #preview{display:none;width:100%;height:180px;object-fit:cover;border-radius:8px}.login+*{display:none}@media(max-width:760px){aside{transform:translateX(-100%);z-index:30;transition:.2s}body.menu aside{transform:translateX(0)}main{margin:0}main>section{padding:18px}.welcome{align-items:flex-start}.modal .row{grid-template-columns:1fr}table{min-width:850px}}