.storage-page #content{max-width:none;padding:22px 20px 0}.storage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.storage-toolbar h1{font-size:26px;margin:0 0 7px}.storage-toolbar>div>span{font-size:12px;color:#6b7b73}.storage-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.storage-pathbar{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:14px 0}.storage-pathbar nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.storage-pathbar nav button{border:0;background:none;font:inherit;font-size:13px;color:#285b47;padding:7px 3px;cursor:pointer;overflow-wrap:anywhere}.storage-search{width:240px;max-width:100%}.storage-search input{width:100%;min-width:0;border:1px solid #dce4da;border-radius:10px;background:white;padding:12px;font:inherit;font-size:13px}.storage-scroll{border:1px solid #e0e6de;background:white;border-radius:14px;overflow:auto;max-height:calc(100dvh - 270px);min-height:240px}.storage-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.storage-table th{text-align:left;background:#203c34;color:white;font-size:11px;font-weight:500;padding:15px;position:sticky;top:0;z-index:1}.storage-table th:first-child{width:60%}.storage-table th:nth-child(2){width:22%}.storage-table th:nth-child(3){width:12%}.storage-table th:last-child{width:52px}.storage-table td{padding:8px 15px;border-bottom:1px solid #e8ece5}.storage-table tr:hover td{background:#f5f8f0}.storage-file{border:0;background:none;color:inherit;display:flex;align-items:center;gap:12px;text-align:left;font:inherit;width:100%;padding:7px 0;cursor:pointer;min-width:0}.storage-file>span:last-child{overflow-wrap:anywhere;min-width:0}.storage-file small{display:block;font-size:10px;color:#768279;margin-top:5px}.storage-file-icon{flex-shrink:0;display:grid;place-items:center;width:37px;height:42px;border-radius:9px;background:#edf1e7;color:#37644b}.storage-file-icon.folder{background:#e8efd7;color:#6b8138}.storage-file-icon svg{width:21px;height:21px}.storage-empty{padding:32px!important;color:#68786e;line-height:1.8;text-align:center;overflow-wrap:anywhere}.storage-foot{font-size:11px;color:#7c887e;padding:14px 0}.storage-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px}.storage-menu .btn{justify-content:flex-start;min-height:44px}.storage-danger{color:#9a4646}.storage-history>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #e3e8df;overflow-wrap:anywhere}.storage-history small{display:block;color:#798578;font-size:11px;margin-top:6px}.storage-history .btn{flex-shrink:0}#storage-transfer>div{display:flex;align-items:center;gap:12px;font-size:12px}#storage-transfer span{flex:1;overflow-wrap:anywhere}#storage-transfer progress{width:100%;height:7px;accent-color:#275c47;margin:9px 0 15px}.storage-drop{outline:3px dashed #74965e;outline-offset:4px}#storage-viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:#f1f4ef;color:#243c30}#storage-viewer[open]{display:flex;flex-direction:column}#storage-viewer::backdrop{background:#203c34}#storage-viewer>header{display:flex;align-items:center;gap:12px;padding:12px 18px;padding-top:max(12px,env(safe-area-inset-top));background:white;border-bottom:1px solid #dfe5db;flex-shrink:0}#storage-viewer>header>div{flex:1;min-width:0}#storage-viewer strong{display:block;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#storage-viewer small{display:block;font-size:11px;color:#6d7d71;margin-top:4px}#storage-document{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto}#storage-document iframe,#storage-office-editor{border:0;width:100%;height:100%}#storage-document>img,#storage-document>video{max-width:100%;max-height:100%;object-fit:contain}.storage-loading{color:#758372;font-size:14px}#storage-viewer .icon-btn{flex-shrink:0}#storage-viewer .icon-btn svg{width:22px;height:22px}
@media(max-width:900px){.storage-table th:first-child{width:48%}.storage-table th:nth-child(2){width:27%}.storage-table th:nth-child(3){width:18%}}
@media(max-width:600px){.nav{grid-template-columns:repeat(6,minmax(0,1fr))}.nav .nav-btn{min-width:0;padding:9px 2px;gap:5px}.nav .nav-btn span{font-size:8px;white-space:normal;line-height:1.2}.storage-page #content{padding:14px 10px 0}.storage-toolbar{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:3px}.storage-toolbar h1{font-size:23px}.storage-actions{width:100%;gap:6px}.storage-actions .btn{padding:10px 11px;font-size:12px}.storage-actions .icon-btn{margin-left:auto}.storage-pathbar{flex-wrap:wrap;gap:5px}.storage-search{width:100%}.storage-table th:nth-child(2),.storage-table td:nth-child(2){display:none}.storage-table th:first-child{width:auto}.storage-table th:nth-child(3){width:73px}.storage-table th:last-child{width:43px}.storage-table th,.storage-table td{padding:9px}.storage-file{gap:8px;font-size:12px}.storage-file-icon{width:29px;height:35px}.storage-scroll{border-radius:10px;max-height:calc(100dvh - 350px);min-height:160px}.storage-foot{line-height:1.6}.storage-menu{grid-template-columns:1fr}#storage-viewer>header{padding:10px;gap:5px}#storage-viewer>header .btn span{display:none}#storage-viewer small{font-size:10px}.storage-history>div{align-items:flex-start}.storage-history .btn{font-size:11px;padding:8px}}

.storage-pdf{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.storage-pdf-tools{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;background:#e2e8dd;flex-shrink:0;font-size:12px}.storage-pdf-scroll{overflow:auto;flex:1;min-height:0;padding:12px;display:block;text-align:center}.storage-pdf-scroll canvas{background:white;box-shadow:0 2px 12px #203c3420;max-width:none;display:block;margin:0 auto}