.documents-page{background:#f3f7fc}.docs-title{font-size:21px;margin:0}.docs-main{max-width:1280px;margin:auto;padding:26px 18px}.docs-main [hidden]{display:none!important}.docs-upload,.docs-library,.docs-pending{background:#fff;border:1px solid #d7e3ef;border-radius:12px;padding:24px;margin-bottom:22px;box-shadow:0 3px 12px #173e6410}.docs-upload{border-top:4px solid #1675cd;background:linear-gradient(115deg,#f5faff,#fff)}.docs-eyebrow{font-size:11px;letter-spacing:1.3px;font-weight:700;color:#2574b9}.docs-upload h2{font-size:25px;margin:9px 0 10px;color:#163f65}.docs-upload p{color:#4a647e;line-height:1.65}.docs-upload form{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:20px 0 12px}.docs-picker{display:grid;gap:9px;border:1px dashed #a3c2e1;border-radius:9px;background:white;padding:17px;flex:1;min-width:220px}.docs-picker>span{font-weight:600}.docs-picker small{color:#617a91}.docs-upload-actions{display:flex;gap:9px;padding-bottom:6px}#docs-progress-area{margin-top:16px;background:white;border:1px solid #dce7f2;padding:16px;border-radius:8px}.docs-progress-label{display:flex;justify-content:space-between;gap:12px}.docs-progress-label strong{overflow-wrap:anywhere}.docs-upload progress{display:block;width:100%;height:12px;accent-color:#1572c7;margin:12px 0}.docs-upload #docs-progress-detail{font-size:13px;margin-bottom:0}.docs-library-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.docs-library h2{font-size:21px;margin:0 0 7px}.docs-library-head p{font-size:13px;color:#60778d;margin:0}.docs-filters{display:flex;gap:14px;align-items:end;margin:22px 0 16px}.docs-filters .field:first-child{flex:1}.docs-filters input,.docs-filters select{min-height:40px}.docs-table{font-size:14px;min-width:720px}.docs-table thead{background:#eef5fd}.docs-table th{padding:14px!important}.docs-table td{padding:15px 14px!important;vertical-align:middle}.docs-name{display:flex;align-items:center;gap:12px;max-width:480px}.docs-name strong{display:block;overflow-wrap:anywhere}.docs-name small{display:block;color:#7c8b99;margin-top:4px}.docs-file-icon{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:9px;font-size:11px;font-weight:800;background:#eaf2ff;color:#2563a4}.docs-file-icon.image{background:#e6f6f1;color:#227a60}.docs-file-icon.excel{background:#e5f4e9;color:#267544}.docs-file-icon.word{background:#e9f1ff;color:#275fbd}.docs-file-icon.slides{background:#fff0e8;color:#b45b29}.docs-file-icon.pdf{background:#ffebeb;color:#b63f3f}.docs-file-icon.archive{background:#f2ebfc;color:#7750a6}.docs-row-actions{display:flex;gap:8px;white-space:nowrap}.docs-row-actions .btn{font-size:13px;padding:8px 12px}.docs-main .danger{background:#fff2f1;border:1px solid #efccc8;color:#b03930}.docs-main .danger:hover{background:#ffe3df}.docs-pending summary{cursor:pointer;font-weight:650}.docs-pending>p{font-size:13px;color:#5c7289;line-height:1.6}.docs-empty{text-align:center;padding:38px!important;color:#6a8095}#docs-delete-dialog{max-width:460px;width:calc(100vw - 40px);border:1px solid #d6e0ea;border-radius:12px;padding:25px;color:#183b5a}#docs-delete-dialog::backdrop{background:#102b4777}#docs-delete-dialog p{line-height:1.6;overflow-wrap:anywhere}.docs-dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:24px}#docs-delete-dialog .danger{background:#af312b;color:#fff;border:0}@media(max-width:650px){.docs-title{font-size:18px}.docs-main{padding:16px 10px}.docs-upload,.docs-library,.docs-pending{padding:18px}.docs-upload h2{font-size:22px}.docs-filters{flex-direction:column;align-items:stretch}.docs-picker{min-width:0;width:100%}.docs-upload form{display:block}.docs-upload-actions{margin-top:14px}.docs-library-head{align-items:flex-start}.docs-table{min-width:650px}}
@media(max-width:650px){.docs-library .table-wrap,.docs-pending .table-wrap{overflow:visible}.docs-table{min-width:0;width:100%;display:block}.docs-table thead{display:none}.docs-table tbody{display:block}.docs-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid #dbe6f2;padding:14px 0;gap:5px}.docs-table td{display:block;border:0!important;padding:5px 0!important;font-size:13px;min-width:0}.docs-table td:first-child,.docs-table td:last-child{grid-column:1/-1}.docs-table td:nth-child(2)::before{content:'Dung lượng';display:block;color:#73879a;font-size:11px;margin-bottom:4px}.docs-table td:nth-child(3)::before{content:'Thời gian lưu';display:block;color:#73879a;font-size:11px;margin-bottom:4px}.docs-table td:nth-child(4):not(:last-child)::before{content:'Người tải lên';display:block;color:#73879a;font-size:11px;margin-bottom:4px}.docs-table .docs-empty{display:block;grid-column:1/-1;padding:18px 0!important}.docs-name{max-width:100%;align-items:flex-start}.docs-row-actions{gap:10px;flex-wrap:wrap;margin-top:8px}.docs-row-actions .btn{min-height:36px;display:inline-flex;align-items:center}.docs-pending .docs-table td:nth-child(2)::before{content:'Đã tải / tổng'}.docs-pending .docs-table td:nth-child(3)::before{content:'Người tải lên'}}