body{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:#f0f2f5;height:100vh;color:#333}.layout{height:100%;display:flex}.login-wrap{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#2f3542}.login-box{background:white;padding:40px;border-radius:8px;width:320px;text-align:center;display:flex;flex-direction:column}.login-box h2{margin-bottom:20px;color:#2f3542}.dash{width:100%;display:flex}.sidebar{width:220px;background:#001529;color:#fff;display:flex;flex-direction:column}.brand{height:60px;line-height:60px;text-align:center;font-size:18px;font-weight:700;background:#002140}.menu{flex:1;padding-top:20px}.menu div{padding:15px 25px;cursor:pointer;transition:.3s;color:#a6adb4}.menu div:hover{color:#fff}.menu div.active{background:#1890ff;color:#fff}.user-bar{padding:20px;text-align:center;border-top:1px solid #333}.btn-text{background:none;border:none;color:#ff6b6b;cursor:pointer;margin-left:10px}.content{flex:1;padding:25px;overflow-y:auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.inp{padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;outline:none;transition:.3s}.inp:focus{border-color:#40a9ff}.inp.full{width:100%;box-sizing:border-box}.login-box .inp{margin-bottom:20px}.inp.search{width:200px}.inp.sel{width:150px}.btn-main{background:#1890ff;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;transition:.3s}.btn-main:hover{background:#40a9ff}.btn-sub{background:#fff;border:1px solid #d9d9d9;padding:7px 15px;border-radius:4px;cursor:pointer;margin-left:10px}.btn-link{background:none;border:none;color:#1890ff;cursor:pointer;padding:0 5px}.btn-link.danger{color:#ff4d4f}.btn-link.warn{color:#faad14}.table-card{background:white;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden}table{width:100%;border-collapse:collapse}th{background:#fafafa;padding:12px 16px;text-align:left;color:#555;font-weight:600;border-bottom:1px solid #f0f0f0}td{padding:12px 16px;border-bottom:1px solid #f0f0f0}.pagi{padding:15px;display:flex;justify-content:flex-end;align-items:center;gap:10px;background:#fdfdfd;border-top:1px solid #f0f0f0}.pagi button{padding:5px 10px;cursor:pointer}.mono{font-family:monospace;color:#555}.tag-bd{display:inline-block;padding:2px 8px;background:#f5f5f5;border-radius:4px;font-size:12px;color:#666;margin-right:5px;border:1px solid #d9d9d9}.tag-bd.blue{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.text-gray{color:#ccc}.masked{letter-spacing:1px;color:#999}.progress-wrap{width:100px;height:6px;background:#f5f5f5;border-radius:3px;overflow:hidden;margin-bottom:3px}.progress-bar{height:100%;background:#52c41a}.sm-text{font-size:11px;color:#999}.upload-card{width:500px;padding:30px;background:white;border-radius:8px;box-shadow:0 2px 8px #0000000d}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.file-area{border:2px dashed #d9d9d9;padding:20px;text-align:center;border-radius:4px}.hint{font-size:12px;color:#888;margin-bottom:10px}.msg-box{margin-top:15px;padding:10px;background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a;border-radius:4px;text-align:center}.msg-box.err{background:#fff1f0;border-color:#ffa39e;color:#ff4d4f}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:999}.modal{background:white;width:450px;padding:30px;border-radius:8px;box-shadow:0 4px 12px #00000026}.modal h3{margin-top:0;margin-bottom:20px;text-align:center}.tags-select{display:flex;flex-wrap:wrap;gap:10px;border:1px solid #eee;padding:10px;border-radius:4px;max-height:100px;overflow-y:auto}.chk-label{display:flex;align-items:center;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.chk-label input{margin-right:5px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}