:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0f172a;background:#f8fafc;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{cursor:pointer}button{border:1px solid #e2e8f0;background:white;color:#334155;border-radius:8px;padding:8px 12px;transition:background 150ms,color 150ms}button:hover{background:#f1f5f9}.primary{background:#2563eb;color:white;border-color:#2563eb}.primary:hover{background:#1d4ed8}button:disabled{opacity:.6;cursor:wait}input{border:1px solid #e2e8f0;padding:10px 12px;border-radius:8px;background:#f8fafc;width:100%}:focus-visible{outline:2px solid #2563eb;outline-offset:3px}[hidden]{display:none!important}.shell{display:grid;grid-template-columns:220px minmax(0,1fr) 260px;min-height:100vh}.sidebar{background:white;border-right:1px solid #e2e8f0;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:19px;margin-bottom:32px}nav{display:grid;gap:6px}nav button{text-align:left;border:0;padding:12px}nav .active{color:#2563eb;background:#eff6ff;font-weight:600}.sidebar-footer{margin-top:auto;padding-top:40px;color:#64748b}.sidebar-footer button{width:100%}main{background:white;display:flex;flex-direction:column;min-width:0}header{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e2e8f0;padding:20px 24px}.search{flex:1;max-width:450px;margin-right:auto}.page-top{padding:28px 24px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:28px;letter-spacing:-.7px;margin:0 0 8px}h2{font-size:16px;margin:0 0 16px}h3{font-size:14px;margin:0 0 8px}p{margin:8px 0 16px;color:#64748b}#breadcrumbs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}#breadcrumbs button{border:0;padding:4px;color:#64748b;background:none}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:12px;color:#64748b;font-weight:500;background:#f8fafc}th,td{padding:14px 24px;border-bottom:1px solid #e2e8f0}td:nth-child(2),td:nth-child(3){font-size:12px;color:#64748b;white-space:nowrap}td:last-child{text-align:right;padding-left:8px}.file-name{display:flex;align-items:center;gap:12px;color:#0f172a;border:0;padding:0;text-align:left;background:none;max-width:400px;overflow-wrap:anywhere}.file-name svg{width:22px;height:22px;color:#2563eb;flex:none}.actions{display:flex;justify-content:flex-end;gap:6px}.actions button{padding:5px 8px;font-size:12px}.actions a{font-size:12px;border:1px solid #e2e8f0;border-radius:8px;padding:5px 8px;text-decoration:none;color:#334155}.empty{text-align:center;padding:80px 24px}.empty h2{font-size:21px;margin-bottom:8px}footer{margin-top:auto;border-top:1px solid #e2e8f0;padding:16px 24px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#64748b;font-size:12px}#transfer{color:#2563eb}.status-panel{padding:28px 20px;border-left:1px solid #e2e8f0}.status-panel h2{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:12px}.info-card{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:18px;margin-bottom:28px}.info-card p{font-size:13px;margin-bottom:12px}.info-card dl{display:grid;grid-template-columns:1fr auto;gap:12px;margin:0;font-size:12px}.info-card dt{color:#64748b}.info-card dd{margin:0;font-weight:600}.warning{border-color:#fcd34d;background:#fffbeb}.warning h3{color:#92400e}.good{border-color:#bbf7d0;background:#f0fdf4}.good h3{color:#15803d}.hint{padding:16px 4px}.hint p{font-size:13px}.error{background:#fef2f2;color:#b91c1c;padding:12px 16px;border-radius:8px;margin:0 24px 16px}#storage-pane{padding:12px 24px}#storage-pane .info-card{max-width:700px}#storage-pane h3{margin-top:20px}#login{display:grid;place-items:center;min-height:100vh;padding:24px}.login-card{width:100%;max-width:410px;background:white;padding:32px;border:1px solid #e2e8f0;border-radius:20px}.login-card h1{font-size:25px;margin-top:16px}.login-card label{display:block;margin-top:18px;font-weight:500}.login-card input{margin-top:6px}.login-card button{width:100%;margin-top:22px;padding:12px}.login-card small{color:#64748b;display:block;margin-top:22px}.login-card #login-error{color:#b91c1c}dialog{border:1px solid #e2e8f0;border-radius:16px;padding:24px;width:min(540px,calc(100vw - 32px));max-height:80vh}dialog::backdrop{background:#0f172a55}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.modal-head h2{margin:0}.version-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e2e8f0}.version-row a{color:#2563eb}.edit-form{display:grid;gap:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1250px){.shell{grid-template-columns:180px minmax(0,1fr)}.status-panel{grid-column:2;border-top:1px solid #e2e8f0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.status-panel h2{grid-row:1}.status-panel .hint{grid-column:1/-1}td,th{padding:12px 16px}td:nth-child(3),th:nth-child(3){display:none}}@media(max-width:700px){.shell{display:flex;flex-direction:column}.sidebar{padding:12px 16px;border-bottom:1px solid #e2e8f0;border-right:0}.brand{margin-bottom:10px}nav{display:flex}.sidebar-footer{display:none}header{padding:16px;flex-wrap:wrap}.search{max-width:none;flex-basis:100%}header button{flex:1}.page-top{padding:22px 16px 12px}h1{font-size:24px}td,th{padding:12px}td:nth-child(2),th:nth-child(2){display:none}.actions{flex-wrap:wrap;min-width:92px;max-width:140px}.status-panel{display:block;padding:20px 16px;border-left:0}.info-card{margin-bottom:20px}.file-name{max-width:none}.empty{padding:50px 16px}footer{padding:16px}#storage-pane{padding:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}