body{margin:0;font-family:Segoe UI,PingFang SC,sans-serif;background:#edf2f7;color:#24324a}.layout{min-height:100vh}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#17324d,#214f73)}.login-box{width:420px;padding:44px 42px;background:rgba(255,255,255,.96);border-radius:22px;box-shadow:0 20px 52px #0c1f3338}.login-head{margin-bottom:28px}.login-box h2{margin:0;font-size:30px}.login-form{display:flex;flex-direction:column;gap:18px}.login-field label{display:block;margin-bottom:8px;color:#50647d;font-size:13px;font-weight:600}.login-btn{margin-top:6px;padding-top:12px;padding-bottom:12px}.dash{display:flex;min-height:100vh}.sidebar{width:220px;background:linear-gradient(180deg,#12253a,#18344f);color:#d7e3f4;display:flex;flex-direction:column}.brand{padding:22px 24px;font-size:20px;font-weight:700;color:#fff}.menu{flex:1;padding:12px}.menu div{padding:12px 14px;margin-bottom:8px;border-radius:10px;cursor:pointer;transition:.2s ease}.menu div:hover,.menu div.active{background:rgba(109,183,255,.16);color:#fff}.user-bar{padding:18px 24px;border-top:1px solid rgba(255,255,255,.08)}.content{flex:1;padding:28px}.header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.header h3{margin:0 0 6px}.subtitle{margin:0;color:#6b7b92;font-size:13px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.table-card,.card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #142e4d14;overflow:hidden}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid #edf1f6;text-align:left;vertical-align:top}th{background:#f7f9fc;color:#5f6f86;font-weight:600}.empty-cell{text-align:center;color:#8190a6}.pagi{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 16px;background:#fafbfd}.inp{border:1px solid #d8e2ee;border-radius:10px;padding:10px 12px;font-size:14px;outline:none;transition:.2s ease}.inp:focus{border-color:#2f80ed;box-shadow:0 0 0 3px #2f80ed1f}.inp.full{width:100%;box-sizing:border-box}.search{width:220px}.sel{min-width:110px}.jump{width:84px}.pagi-size{min-width:110px;margin-left:8px}.btn-main,.btn-sub,.pagi button{border:none;border-radius:10px;padding:10px 14px;cursor:pointer;transition:.2s ease}.btn-main{background:#2f80ed;color:#fff}.btn-main:hover{background:#1f6fd8}.btn-sub,.pagi button{background:#eef3f8;color:#29405d}.btn-sub:hover,.pagi button:hover{background:#dde7f1}.btn-link{border:none;background:none;color:#2f80ed;cursor:pointer;padding:0 6px}.btn-link.warn{color:#d98400}.btn-link.danger,.btn-text{color:#d64545}.btn-text{background:none;border:none;cursor:pointer;margin-left:10px}.mono{font-family:Consolas,monospace}.tag-bd{display:inline-block;margin:0 6px 6px 0;padding:4px 10px;border-radius:999px;background:#eef3f8;color:#45617d;font-size:12px}.tag-bd.blue{background:#dbeafe;color:#175ec9}.text-gray,.masked{color:#97a4b7}.progress-wrap{width:140px;height:8px;background:#e9eff7;border-radius:999px;overflow:hidden;margin-bottom:8px}.progress-bar{height:100%;background:linear-gradient(90deg,#2f80ed,#57b2ff)}.sm-text{display:block;color:#71839d;font-size:12px}.details-pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:12px;color:#51657f;max-width:360px}.upload-card{width:min(520px,100%);padding:28px}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:8px;font-weight:600}.file-area{padding:20px;border:2px dashed #d4deea;border-radius:12px;text-align:center}.hint{margin:6px 0 0;color:#7d8ea5;font-size:12px}.msg-box{margin-top:16px;padding:12px 14px;border-radius:12px;background:#ecfdf3;color:#147846}.msg-box.err{background:#fef2f2;color:#c0392b}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(10,22,39,.4);display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.modal{width:min(520px,100%);padding:28px;background:#fff;border-radius:18px;box-shadow:0 20px 50px #0b1e3438}.modal.wide{width:min(680px,100%)}.modal h3{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tags-select{display:flex;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid #dde5ef;border-radius:12px;max-height:180px;overflow:auto}.chk-label,.switch-row{display:flex;align-items:center;gap:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.global-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:rgba(15,28,44,.32);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40}.global-loading-card{display:flex;align-items:center;gap:10px;padding:14px 18px;background:rgba(17,35,56,.92);color:#fff;border-radius:999px;box-shadow:0 18px 45px #0b1e343d}.toast-notice{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:10px 16px;border-radius:999px;background:rgba(196,67,67,.95);color:#fff;box-shadow:0 14px 32px #781c1c3d;z-index:45}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 960px){.login-box{width:min(100%,420px);padding:32px 24px}.dash{flex-direction:column}.sidebar{width:100%}.content{padding:18px}.header,.pagi{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}}