#app{min-height:100vh;display:flex;flex-direction:column}:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;color:#303133;background-color:#f5f7fa;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f7fa}#app{min-height:100vh;width:100%}a{color:inherit;text-decoration:none}img,video{max-width:100%;height:auto;display:block}.admin-container{min-height:100vh;display:flex;flex-direction:column}.admin-header{background:#1f2a44;color:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.admin-title{font-size:18px;font-weight:600}.admin-actions{display:flex;gap:12px;align-items:center}.admin-layout{display:flex;flex:1}.admin-sidebar{width:220px;background:#fff;border-right:1px solid #e6e8ef;padding:20px;display:flex;flex-direction:column;gap:6px}.nav-item{padding:12px 10px;border-radius:8px;font-size:14px}.nav-item.active{background:#eef1ff;color:#3d57ff;font-weight:600}.admin-content{flex:1;padding:24px}.card{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 4px 12px #18274b0d}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #e8eaf1;text-align:left;font-size:14px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{border:none;background:#3d57ff;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer}.btn.secondary{background:#e8ecff;color:#3d57ff}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row input,.form-row select{padding:8px;border-radius:6px;border:1px solid #d8dbe7;flex:1}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px}.alert{background:#fff6d6;color:#8a6500;padding:10px 12px;border-radius:8px;margin-bottom:12px}.muted{color:#7a8499;font-size:13px}@media (max-width: 900px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;flex-direction:row;overflow-x:auto}.nav-item{white-space:nowrap;text-align:center}.admin-actions{flex-direction:column;align-items:flex-start}}