html,body{margin:0;padding:0;width:100vw;font-family:sans-serif}:root{--light: #ffffff;--grey: #d2d2d284;--grey-dark: #8b8b8b84;--dark: #2e3440;--light-blue: #5876b1;--light-blue-active: #5e81ac;--background-ui: var(--light);--background-ui-closed: #bf616a;--background-ui-closed-hover: #a14b54;--border-ui: var(--grey);--text-ui: var(--dark);--text-ui-closed: var(--light);--menu-item: #6f7684;--menu-item-hover-bg: #81a1c1;--menu-item-hover-text: #ffffff;--menu-item-active: #5e81ac;--menu-popup-shadow: 0 2px 70px rgb(60, 92, 134);--scrollbar-sidebar: 8px;--background-book: var(--light);--text-book: var(--dark);--scrollbar-book: none;--background-scrollbar-track: #929fae;--background-scrollbar-thumb: #9ba0a8;--background-scrollbar-thumb-hover: #6d7b8d}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.container[data-v-03008e22]{color:#333;padding:30px}h1[data-v-03008e22]{font-size:1.8rem;margin-bottom:1.5rem}.upload-input[data-v-03008e22]{display:none}.upload-button[data-v-03008e22]{display:inline-block;padding:10px 16px;background-color:#e0e0ee;color:#3d3d3d;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color .2s ease;margin-bottom:20px;font-size:14px;-webkit-user-select:none;user-select:none}.upload-button[data-v-03008e22]:hover{background-color:#c3c2d4;box-shadow:#7c98ca 0 5px 15px}.file-list[data-v-03008e22]{list-style:none;padding:0;margin:0}.file-item[data-v-03008e22]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2em;border-radius:6px;background:#f8f9fa;position:relative;transition:.2s}.file-info[data-v-03008e22]{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-type[data-v-03008e22]{background:#e0e0ee;color:#555;font-size:.7rem;padding:2px 6px;border-radius:4px;margin:0 8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.file-item[data-v-03008e22]:hover{background:#eef1f4}.more-btn[data-v-03008e22]{background-color:#f8f9fa;display:block;width:10%;margin:0;border:none;font-size:18px;cursor:pointer;padding:10px 10px 10px 50px}.more-btn[data-v-03008e22]:hover{background:#eef1f4}.menu-item[data-v-03008e22]{display:flex;align-items:center;gap:8px;padding:18px 12px;width:100%;text-align:left;background:none;border:none;cursor:pointer;font-size:14px;color:inherit}.menu-item[data-v-03008e22]:hover{background:#f5f5f5}.material-icons[data-v-03008e22]{font-size:18px;display:inline-flex;align-items:center}.menu-text[data-v-03008e22]{flex-grow:1;padding:5px}.dropdown[data-v-03008e22]{width:120px;position:absolute;right:10px;top:42px;background:#fff;border:1px solid #ddd;border-radius:4px;z-index:10;display:flex;flex-direction:column;box-shadow:0 2px 10px #0000001a}.dropdown button[data-v-03008e22]{padding:8px 12px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px}.dropdown button[data-v-03008e22]:hover{background:#f2f2f2}.popup[data-v-03008e22]{display:flex;flex-direction:column;background:#fff;padding:20px;border-radius:8px;width:50%;text-align:center;box-shadow:0 6px 20px #0003}.overlay[data-v-03008e22]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:100}.input-name[data-v-03008e22]{width:auto;text-align:left}.actions[data-v-03008e22]{display:flex;justify-content:space-around;margin-top:1.5rem}.actions button[data-v-03008e22]{padding:.5rem 1rem;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:.2s}.actions button[data-v-03008e22]:hover{opacity:.9}.actions .danger[data-v-03008e22]{background-color:#e74c3c;color:#fff}.actions button[data-v-03008e22]:not(.danger){background-color:#ccc;color:#333}input[data-v-03008e22]{padding:10px;width:100%;border:1px solid #ccc;border-radius:6px;font-size:14px;margin-top:1rem}