:root{--bg:#0b1020;--card:#101a33;--text:#e9f1ff;--muted:#9db0d0;--accent:#3d5afe;--accent-2:#8ea1ff;--error:#ff6b6b;--ok:#5be49b;--border:#1f2a4a;font-family:Space Grotesk,IBM Plex Sans,sans-serif}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(900px 600px at 10% 0,#1b2a5a 0%,#0b1020 60%,#070b16 100%);margin:0}.topbar{border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1020e6;padding:20px 32px;position:sticky;top:0}.brand{align-items:center;gap:16px;display:flex}.logo{height:48px}.brand-title{font-size:1.4rem;font-weight:700}.brand-sub{color:var(--muted);font-size:.95rem}.page{max-width:1200px;margin:24px auto 60px;padding:0 24px}.panel{gap:16px;display:grid}.tabs{border:1px solid var(--border);background:#0f1b38;border-radius:12px;gap:10px;padding:8px;display:flex}.brand-tabs{border:1px solid var(--border);background:#0b142b;border-radius:12px;gap:10px;padding:8px;display:flex}.brand-tab{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;padding:8px 14px;font-weight:600}.brand-tab.active{color:#fff;background:#1e2f66;border-color:#2c3f7a}.tab{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;padding:10px 16px;font-weight:600}.tab.active{background:var(--accent);color:#fff;border-color:#3652f4}.tab-panel{display:none}.tab-panel.active{display:block}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:0 20px 40px #00000040}.auth-card{padding:16px 22px}.auth-row{align-items:center;gap:10px;display:flex}.auth-row input{color:var(--text);background:#0d1730;border:1px solid #33406b;border-radius:10px;padding:10px 12px}.login-page{background:#09122a;place-items:center;max-width:none;min-height:100vh;margin:0;padding:24px;display:grid}.login-panel{width:100%;max-width:620px}.login-card{padding:28px}.login-brand{text-align:center;margin-bottom:16px}.login-logo{width:96px;height:auto;margin:0 auto 10px;display:block}.login-title{margin:0 0 8px;font-size:1.45rem;line-height:1.2}.login-subtitle{margin-bottom:18px}.login-row{justify-content:center}.login-row input{flex:1;min-width:0}h1,h2{letter-spacing:-.02em;margin:0 0 8px}.subtitle{color:var(--muted);margin:0 0 16px}.dropzone{text-align:center;cursor:pointer;background:#0d1730;border:2px dashed #33406b;border-radius:16px;padding:28px;transition:border-color .2s,background .2s;position:relative}.dropzone.dragover{border-color:var(--accent);background:#142354}.dropzone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.dz-title{margin-bottom:6px;font-weight:600}.dz-sub{color:var(--muted)}.actions{gap:10px;margin-top:14px;display:flex}.template-guide{border:1px solid var(--border);background:#0d1730;border-radius:12px;margin:6px 0 12px;padding:12px}.template-guide-title{margin-bottom:4px;font-weight:700}.template-guide-sub{color:var(--muted);font-size:.92rem;line-height:1.35}.template-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.template-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}button{cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-weight:600;transition:transform .14s,box-shadow .2s,background-color .2s,border-color .2s,opacity .2s}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)scale(.98)}button.primary{background:var(--accent);color:#fff;box-shadow:0 6px 16px #3d5afe47}button.primary:hover:not(:disabled){background:#4a66ff;box-shadow:0 10px 22px #3d5afe66}button.primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.ghost{color:var(--text);background:0 0;border:1px solid #3a4a7a}button.ghost:hover:not(:disabled),.template-link:hover{background:#5678dc1f;border-color:#5a70b0}.meta{color:var(--muted);gap:16px;margin-top:10px;font-size:.95rem;display:flex}.status-inline{gap:8px;margin-top:14px;display:grid}.status-title{color:var(--muted);font-weight:600}.search-row{align-items:center;gap:10px;margin:12px 0;display:flex}.search-row input{color:var(--text);background:#0d1730;border:1px solid #33406b;border-radius:10px;flex:1;padding:10px 12px;font-size:1rem}.select{color:var(--text);background:#0d1730;border:1px solid #33406b;border-radius:10px;padding:10px 12px}.pager{align-items:center;gap:10px;margin-bottom:10px;display:flex}.pager-info{color:var(--muted);min-width:80px}#results{margin-top:12px;overflow:auto visible}.results-table{border-collapse:collapse;table-layout:fixed;width:max-content;min-width:100%;font-size:.92rem}.results-table th,.results-table td{border:1px solid var(--border);vertical-align:top;padding:8px 10px}.results-table th{text-align:left;z-index:1;background:#0f1b38;font-weight:700;position:sticky;top:0}.results-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.results-table th.sortable:after{content:"↕";color:#6f86c3;margin-left:6px;font-size:.85rem}.results-table th.sortable[data-sort=asc]:after{content:"↑";color:#9db0d0}.results-table th.sortable[data-sort=desc]:after{content:"↓";color:#9db0d0}.results-table td:not(.thumb-col){word-break:break-word;overflow-wrap:anywhere}.arrow-cell{white-space:nowrap;width:70px;min-width:70px;max-width:70px}.mobile-cards{gap:12px;display:grid}.mobile-card{border:1px solid var(--border);background:#0f1b38;border-radius:12px;padding:12px}.mobile-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.mobile-card-title{font-weight:700}.mobile-card-image{justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;display:flex}.mobile-image-col{flex-direction:column;align-items:center;gap:4px;margin:0;padding:0;display:flex}.mobile-card-details{gap:10px;margin-top:12px;display:grid}.mobile-card-row{border-top:1px dashed var(--border);padding-top:10px}.mobile-card-field{grid-template-columns:120px 1fr;gap:8px;margin-bottom:6px;display:grid}.mobile-card-field .label{color:var(--muted);font-weight:600}.mobile-card-field .value{color:var(--text);word-break:break-word}.row-toggle{cursor:pointer;justify-content:center;align-items:center;width:14px;font-weight:600;display:inline-flex}.sub-row{background:#0b142b}.sub-row td{color:var(--muted);font-size:.88rem}.thumb{object-fit:cover;cursor:pointer;border:1px solid #2f3f6d;border-radius:8px;width:56px;height:56px;display:block}.thumb-wrap{text-align:center}.results-table th.thumb-col,.results-table td.thumb-col{text-align:center;width:120px;min-width:120px;max-width:120px}.results-table th.thumb-col{white-space:nowrap}.results-table td.thumb-col{white-space:normal;overflow:visible}.thumb-wrap .thumb{margin:0 auto 6px}.thumb-wrap .download-menu{display:inline-block}.download-menu{position:relative}.download-trigger{-webkit-user-select:none;user-select:none;padding:2px 8px;font-size:.65rem;line-height:1.2;list-style:none}.download-trigger::-webkit-details-marker{display:none}.download-pop{z-index:6;background:#0f1b38;border:1px solid #2f3f6d;border-radius:8px;min-width:132px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 20px #00000040}.download-menu[open] .download-pop{display:block}.download-pop button{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:6px;padding:7px 8px}.download-pop button:hover{background:#172852}.results-table .download-menu{width:100%}.results-table .download-trigger{text-align:center;width:100%;display:block}.results-table .download-pop{width:112px;min-width:112px;max-width:112px;margin-top:0;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 10px 20px #00000040}.results-table .download-menu[open] .download-pop{display:block}.results-table .download-pop button{text-align:center;white-space:normal;padding:6px;font-size:.78rem;line-height:1.1;display:block}.thumb-wrap a{color:var(--accent-2);font-size:.85rem;font-weight:600;text-decoration:none}.thumb-grid{flex-wrap:wrap;gap:10px;display:flex}.thumb-card{background:#0f1b38;border:1px solid #2f3f6d;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:8px;display:flex}.thumb-card button{padding:6px 10px;font-size:.85rem}.dropdown{display:inline-block;position:relative}.dropdown-btn{white-space:normal;text-align:center;width:56px;padding:2px 4px;font-size:.6rem;line-height:1.2}.dropdown-menu{z-index:5;background:#0f1b38;border:1px solid #2f3f6d;border-radius:8px;min-width:180px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 20px #00000040}.dropdown-menu button{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:6px;padding:8px 10px}.dropdown-menu button:hover{background:#172852}.dropdown.open .dropdown-menu{display:block}.modal.hidden{display:none}.modal{z-index:999;position:fixed;inset:0}.modal.modal-center{place-items:center;display:grid}.modal-backdrop{background:#00000059;position:absolute;inset:0}.modal-content{background:#0f1b38;border-radius:16px;width:calc(100% - 32px);max-width:900px;margin:60px auto;padding:18px;position:relative;box-shadow:0 20px 60px #0003}.progress-modal{width:min(560px,100% - 32px);max-width:560px;margin:0}.progress-label{color:var(--muted);word-break:break-word;margin-bottom:10px}.progress-track{background:#0a1738;border:1px solid #29417d;border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3d5afe 0%,#79a3ff 100%);border-radius:999px;height:100%;transition:width .2s}.progress-percent{text-align:right;margin-top:8px;font-weight:700}@media (max-width:900px){.topbar{padding:16px 18px}.brand{flex-direction:column;align-items:flex-start;gap:8px}.logo{height:40px}.brand-title{font-size:1.15rem}.page{padding:0 14px}.tabs,.brand-tabs{flex-wrap:wrap}.tab,.brand-tab{padding:8px 12px}.search-row{flex-direction:column;align-items:stretch}.search-row input,.search-row .select,.search-row button{width:100%}.pager{flex-wrap:wrap}.card{padding:18px}.dropzone{padding:20px}.results-table{font-size:.88rem}.modal-content{width:calc(100% - 24px);margin:24px auto}.login-page{padding:16px}.login-card{padding:20px}.login-title{font-size:1.2rem}.login-logo{width:80px}}@media (max-width:600px){.results-table th,.results-table td{padding:6px 8px}.arrow-cell{min-width:54px}.thumb{width:72px;height:72px}.dropdown-btn{width:72px;font-size:.6rem}.login-row{flex-direction:column;align-items:stretch}.login-row input,.login-row button{width:100%}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-title{font-weight:700}.modal-body{max-height:70vh;overflow:auto}.file-list{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.file-item{border:1px solid var(--border);background:#0d1730;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.file-item .name{font-weight:600}.file-item .status{color:var(--muted);font-size:.9rem}.file-item.ok .status{color:var(--ok)}.file-item.error .status{color:var(--error)}.status{border:1px solid var(--border);color:var(--muted);background:#0d1730;border-radius:10px;padding:12px}