.doc-categories{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;margin-bottom:20px;overflow-x:auto;overflow-y:hidden;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-bottom:8px;scroll-behavior:smooth;-ms-flex-pack:distribute;justify-content:space-around}.doc-categories::-webkit-scrollbar{height:6px}.doc-categories::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:10px}.doc-categories{-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)}.doc-category{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8fbff));background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e6eaf0;border-radius:16px;padding:16px;min-height:110px;cursor:pointer;width:-webkit-fill-available;-webkit-transition:all .25s ease;transition:all .25s ease}.doc-category:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 26px rgba(37,99,235,.12);box-shadow:0 10px 26px rgba(37,99,235,.12)}.doc-category.active{border-color:#0f2c64;background:-webkit-gradient(linear,left top,left bottom,from(#d1def8),to(#fff));background:linear-gradient(180deg,#d1def8,#fff)}.doc-cat-title{font-size:15px;font-weight:600;color:#1f2937}.doc-cat-count{font-size:12px;color:#6b7280;margin-top:4px}.doc-cat-upload-wrap{position:absolute;right:14px;bottom:14px}.doc-cat-upload{background:#0f2c64;color:#fff;border:none;border-radius:20px;padding:6px 14px;font-size:12px;cursor:pointer;-webkit-box-shadow:0 4px 12px rgba(37,99,235,.35);box-shadow:0 4px 12px rgba(37,99,235,.35)}.doc-list{background:#fff;border-radius:16px;border:1px solid #e6eaf0;overflow:hidden}.doc-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:14px 16px;border-bottom:1px solid #f1f5f9;-webkit-transition:background .15s ease;transition:background .15s ease}.doc-row:last-child{border-bottom:none}.doc-row:hover{background:#f4f8ff}.doc-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;cursor:pointer}.doc-left img{width:22px}.doc-name{font-size:14px;font-weight:500;color:#111827}.doc-date{font-size:12px;color:#9ca3af;margin-top:2px}.doc-delete{color:#ef4444;opacity:0;cursor:pointer;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}.doc-row:hover .doc-delete{opacity:1}.doc-empty{padding:24px;text-align:center;color:#9ca3af}@media (max-width:768px){.doc-categories{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-bottom:8px}.doc-category{-webkit-box-flex:0;-ms-flex:0 0 180px;flex:0 0 180px}.doc-cat-title{font-size:14px}.doc-cat-upload{font-size:11px;padding:5px 12px}}@media (max-width:480px){.doc-categories{grid-template-columns:1fr}}.doc-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.doc-page-title{font-weight:600;margin:0}.global-upload-btn{background:#0f2c64;color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:13px;cursor:pointer}.doc-cat-icon{font-size:24px;color:#0f2c64;margin-bottom:10px}