*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f4f5f9;color:#17293b;font:14px/1.5 Arial,Helvetica,sans-serif}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #66a8e5;outline-offset:3px}button{background:white;border:1px solid #dfe5ed;border-radius:7px}a{color:#00539b}h1,h2,p{margin:0}h1{font-size:27px;letter-spacing:-.6px;line-height:1.3}h2{font-size:20px}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 134px)}.shell>aside{display:flex;flex-direction:column;background:white;padding:24px 15px;border-right:1px solid #dfe5ed}.shell>main{padding:28px 30px;min-width:0}.shell>aside nav{display:grid;gap:4px}.shell>aside nav button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;text-align:left;font-size:12px;border:0;background:transparent}.shell>aside nav button.active{background:#eaf3fc;color:#00539b;font-weight:600}.shell>aside nav .icon{color:#7b8ca0}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.poi-brand{width:340px}.poi-brand svg.media-brand{width:100%;height:49px;filter:brightness(0) invert(1)}.poi-footer{margin-top:auto}.manage-links{margin:20px 0 26px;border-top:1px solid #dfe5ed;padding-top:15px;display:grid;gap:5px}.manage-links button{display:flex;gap:10px;text-align:left;align-items:center;border:0;background:transparent;padding:11px 12px;font-size:12px}.manage-links small{display:block;color:#687b8e;font-size:10px;padding:0 12px}.topline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.subtitle{font-size:12px;color:#687b8e;margin-top:7px}.heading-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid #dfe5ed;border-radius:7px;min-height:42px;background:white;text-decoration:none;font-size:12px;font-weight:600;color:#17293b}.btn.primary{background:#00539b;color:white;border-color:#00539b}.icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:19px}.search{display:flex;align-items:center;gap:10px;background:white;border:1px solid #dfe5ed;border-radius:8px;padding:2px 12px;margin-bottom:19px;max-width:100%}.search .icon{color:#7b8ca0}.search input{border:0;outline:0;background:transparent;min-width:0;width:100%;padding:12px 0;font-size:13px}.search button{border:0;font-size:19px;padding:4px 9px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#687b8e;min-width:0}.crumbs button{border:0;background:transparent;color:#00539b;padding:3px 0;overflow-wrap:anywhere;text-align:left}.crumbs .icon{width:12px}.tools{display:flex;align-items:center;gap:12px}.tools select{border:0;background:transparent;font-size:12px;max-width:160px;padding:8px 2px}.switch{display:flex;border:1px solid #dfe5ed;border-radius:7px;overflow:hidden;background:white}.switch button{display:flex;align-items:center;gap:6px;border:0;border-radius:0;padding:9px 10px;font-size:11px}.switch button[aria-pressed=true]{background:#eaf3fc;color:#00539b}.count{display:flex;justify-content:space-between;gap:12px;color:#687b8e;font-size:11px;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:15px}.folder-card{background:white;border:1px solid #dfe5ed;border-radius:9px;display:flex;align-items:center;text-align:left;gap:15px;padding:23px 18px;min-height:108px;word-break:break-word}.folder-card>.icon{width:36px;height:36px;color:#4e83b6;fill:#eaf3fc}.folder-card strong{display:block;font-size:13px;font-weight:600}.folder-card small{font-size:11px;color:#687b8e;display:block;margin-top:3px}.file-card{background:white;border:1px solid #dfe5ed;border-radius:9px;overflow:hidden;text-align:left;min-width:0;padding:0;display:flex;flex-direction:column}.file-card:hover,.folder-card:hover{border-color:#95b5d4;box-shadow:0 3px 12px #172b4210}.thumb{background:#eef1f6;aspect-ratio:1.4;position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;color:#8193a8}.thumb img{width:100%;height:100%;object-fit:contain;position:absolute}.thumb>.icon{width:43px;height:43px}.thumb .filetype{position:absolute;bottom:9px;left:10px;background:#fffefbdf;color:#3d536a;border-radius:4px;padding:2px 5px;font-size:10px}.file-label{padding:13px;min-height:94px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;width:100%}.file-label strong{font-weight:500;font-size:12px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.file-label small{color:#687b8e;font-size:10px;display:flex;justify-content:space-between;gap:5px}.table-wrap{background:white;border:1px solid #dfe5ed;border-radius:9px;overflow:hidden}.files-table{width:100%;border-collapse:collapse;table-layout:fixed}.files-table th{text-align:left;font-size:11px;font-weight:500;color:#687b8e;background:#fafbfd;padding:13px 15px}.files-table th:first-child{width:58%}.files-table th:nth-child(2){width:12%}.files-table th:nth-child(3){width:13%}.files-table th:nth-child(4){width:17%}.files-table td{padding:11px 15px;border-top:1px solid #e9edf2;font-size:11px;color:#687b8e}.row-open{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;padding:0;text-align:left;font-size:12px;color:#17293b}.row-open .mini{width:38px;height:32px;background:#eef1f6;display:grid;place-items:center;flex:none;border-radius:4px;overflow:hidden}.row-open .mini img{width:100%;height:100%;object-fit:contain}.row-open strong{font-weight:500;overflow-wrap:anywhere}.banner{padding:12px 15px;background:#fff5db;color:#795c18;border:1px solid #eedfba;border-radius:7px;font-size:12px;margin-bottom:17px}.empty{padding:65px 25px;text-align:center;max-width:680px;margin:auto;color:#687b8e}.empty>.icon{width:45px;height:45px;margin-bottom:15px}.empty h1,.empty h2{color:#17293b;margin-bottom:10px}.empty .btn{margin-top:18px}.loading{opacity:.55;pointer-events:none}.more{margin:20px auto;display:flex}.back{display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:0 0 20px;color:#00539b;font-size:12px}.detail-title{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:20px}.detail-title h1{font-size:20px;overflow-wrap:anywhere}.detail-meta{display:flex;gap:16px;flex-wrap:wrap;color:#687b8e;font-size:12px;margin-top:10px}.detail-view{background:white;border:1px solid #dfe5ed;border-radius:9px;overflow:hidden;min-height:380px;display:grid;place-items:center}.detail-view>img{max-width:100%;max-height:65vh;object-fit:contain}.detail-view video{max-width:100%;width:100%;max-height:68vh;background:#142236}.detail-view iframe{width:100%;height:70vh;min-height:450px;border:0}.detail-note{font-size:11px;color:#687b8e;margin-top:12px}.error{background:#fff0ef;color:#922f28;border:1px solid #eecbc8;padding:14px;border-radius:7px;font-size:12px;margin:12px 0}.error p{margin-bottom:10px}.diagnostic-list{background:white;border:1px solid #dfe5ed;border-radius:9px;padding:10px 20px}.diagnostic-list>div{padding:13px 0;border-bottom:1px solid #e9edf2;display:flex;justify-content:space-between;gap:20px;font-size:12px}.diagnostic-list>div:last-child{border:0}dialog{width:min(590px,calc(100% - 28px));max-height:90dvh;border:1px solid #dfe5ed;border-radius:12px;padding:24px;color:#17293b;box-shadow:0 15px 80px #08192840}dialog::backdrop{background:#14223b70}dialog header{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:18px}dialog header p{font-size:12px;color:#687b8e;margin-top:6px}dialog label{display:grid;gap:7px;font-size:12px;margin-top:17px}dialog select{width:100%;border:1px solid #dfe5ed;border-radius:7px;padding:11px;background:white}dialog input[type=file]{width:100%;border:1px dashed #aebed0;border-radius:7px;padding:25px 15px;background:#f8fafc}dialog .actions{display:flex;gap:10px;margin-top:20px}dialog .queue{font-size:12px;margin-top:15px}dialog .queue>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #e7ecf2}dialog .queue strong{font-size:12px;font-weight:500;overflow-wrap:anywhere;display:block}dialog .queue small{color:#687b8e;display:block;margin-top:3px}dialog .queue .icon{color:#6387ae}dialog .notice{font-size:11px;color:#687b8e;margin-top:11px}#upload-status{font-size:12px;margin-top:14px;color:#795c18}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);background:#17293b;color:white;border-radius:8px;box-shadow:0 6px 30px #17293b30;padding:12px 20px;font-size:12px;z-index:100}
@media(max-width:820px){.poi-brand{width:270px}.poi-brandbar{gap:18px}.poi-peugeot{width:135px}.shell{display:block}.shell>main{padding:23px 18px}.shell>aside{position:fixed;inset:0 auto 0 0;width:260px;max-width:85vw;z-index:40;display:none;overflow:auto}.poi-drawer-open .shell>aside{display:flex}.topline{align-items:start}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.tools{gap:6px}.toolbar{gap:12px}.poi-footer{padding-top:20px}.detail-title{flex-direction:column}.detail-title .btn{width:100%}}
@media(max-width:480px){.poi-brand{width:220px}.poi-brandbar{padding:14px 16px;height:67px;gap:12px}.poi-brand svg.media-brand{height:36px}.poi-peugeot{width:100px}.poi-has-shell #app .shell>main{padding:22px 15px}h1{font-size:24px}.subtitle{font-size:11px;max-width:180px}.heading-actions .btn{padding:8px 10px;font-size:11px;max-width:98px}.topline{gap:10px;margin-bottom:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.folder-card{flex-direction:column;align-items:start;padding:16px 12px;gap:10px;min-height:116px}.folder-card strong{font-size:12px}.file-label{padding:10px;min-height:116px}.file-label strong{font-size:11px}.file-label small{font-size:9px;flex-wrap:wrap}.thumb{aspect-ratio:1.18}.toolbar{display:block}.tools{justify-content:space-between;margin-top:13px}.files-table .type-col,.files-table .date-col{display:none}.files-table th:first-child{width:76%}.files-table th:nth-child(3){width:24%}.files-table td,.files-table th{padding:11px 9px}.row-open{font-size:11px;gap:8px}.row-open .mini{width:31px;height:29px}.detail-view{min-height:270px}.detail-title h1{font-size:17px}.detail-meta{gap:8px;font-size:11px}.empty{padding:45px 8px}.count{font-size:10px}dialog{padding:19px}.poi-home span{font-size:11px}}
.setup{max-width:900px;margin:35px auto;padding:25px;background:white;border:1px solid #dfe5ed;border-radius:10px}.setup .banner{margin-top:22px}.setup pre{background:#f4f5f9;padding:15px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.setup .hash{overflow-wrap:anywhere;font-size:12px}.setup #setup-result{margin:20px 0;font-size:13px}.setup p{overflow-wrap:anywhere}@media(max-width:600px){.setup{margin:15px;padding:20px}}
.row-open .mini{position:relative}.row-open .mini img{position:absolute;inset:0}
.detail-view.pdf-view{display:block;min-height:380px;background:#e8edf3}.pdf-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #dfe5ed;padding:12px}.pdf-count{font-size:12px;white-space:nowrap;color:#687b8e}.pdf-page{padding:16px;text-align:center;overflow:auto}.pdf-page canvas{max-width:100%;height:auto;background:white;box-shadow:0 2px 12px #162d3e20;vertical-align:top}.pdf-toolbar .btn{font-size:11px;padding:7px 10px}
.pdf-page{max-height:70vh;overflow:auto}.pdf-page canvas{width:100%;max-width:1000px;height:auto}.pdf-toolbar{width:100%}