.admin{color:#172535;background:#f3f6f9;grid-template-columns:245px 1fr;min-height:100vh;display:grid}.admin aside{color:#d9e7f4;background:#091727;flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.admin .brand{color:#4bd2a7;padding:0 12px 30px;font-size:25px;font-weight:900;text-decoration:none}.brand small{color:#718aa1;font-size:11px;display:block}.admin nav{gap:6px;display:grid}.admin nav button{color:#9db0c2;text-align:right;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;padding:13px 16px}.admin nav button.active,.admin nav button:hover{color:#fff;background:#173149}.store{color:#60d8b2;margin-top:auto;padding:14px;text-decoration:none}.admin-main{min-width:0;padding:0 34px 60px}.admin-main>header{border-bottom:1px solid #dce4eb;justify-content:space-between;align-items:center;height:82px;display:flex}.admin-main>header div{display:grid}.admin-main>header span{color:#718090;font-size:12px}.admin-main>header a{color:#193047;text-decoration:none}.welcome{color:#fff;background:linear-gradient(130deg,#0d2c3e,#11605c);border-radius:22px;justify-content:space-between;align-items:center;margin-top:30px;padding:35px;display:flex}.welcome h1{margin:9px 0;font-size:31px}.welcome p{color:#b8d5d5}.welcome button,.editor button,.table-wrap button{font:inherit;cursor:pointer;background:#35c999;border:0;border-radius:10px;padding:12px 17px;font-weight:800}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px;display:grid}.stats article{background:#fff;border:1px solid #e0e7ed;border-radius:17px;padding:24px;display:grid}.stats strong{font-size:30px}.stats span{color:#72808d}.title{margin:32px 0 18px}.title h1{margin:0}.title p{color:#718090}.editor{background:#fff;border:1px solid #dde5eb;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:11px;padding:18px;display:grid}.editor input,.editor textarea,.editor select,.table-wrap select{font:inherit;background:#fbfcfd;border:1px solid #d5dfe7;border-radius:9px;padding:11px}.page-editor textarea{grid-column:1/-1;min-height:150px}.table-wrap{background:#fff;border:1px solid #dde5eb;border-radius:18px;margin-top:18px;overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:700px}.table-wrap th,.table-wrap td{text-align:right;border-bottom:1px solid #edf1f4;padding:14px 16px}.table-wrap th{color:#758391;background:#fafbfc;font-size:12px}.table-wrap td small{color:#84919d;display:block}.table-wrap .danger{color:#a33131;background:#ffe6e6;padding:7px 12px}.notice{color:#17664e;cursor:pointer;background:#d9f6ec;border-radius:10px;margin-top:18px;padding:12px 17px}.drop{cursor:pointer;background:#fff;border:2px dashed #b9c8d4;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.drop span{color:#72808d}.hint{background:#e8eef3;border-radius:13px;gap:9px;margin-top:15px;padding:18px;display:grid}.hint code{text-align:left;white-space:normal;direction:ltr}@media (max-width:800px){.admin{grid-template-columns:1fr}.admin aside{height:auto;position:static}.admin nav{grid-template-columns:repeat(2,1fr)}.store{margin-top:15px}.admin-main{padding:0 16px 40px}.stats{grid-template-columns:1fr 1fr}.editor{grid-template-columns:1fr}.welcome{flex-direction:column;align-items:flex-start;gap:20px}}
