:root{--panel:#fff;--line:#e5e7eb}.login-bg{min-height:100vh}.split-login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.pin-side,.login-side{display:flex;align-items:center;justify-content:center;padding:2rem}.pin-side{background:#f1f5f9}.login-side{background:#fff}.login-card{width:min(420px,100%)}.pin-input{text-align:center;font-size:2.2rem;letter-spacing:1rem;padding-left:1.8rem}.app-bg{background:#f3f4f6}.file-panel{background:var(--panel);border:1px solid var(--line);border-radius:.75rem;min-height:68vh;overflow:hidden}.panel-head{padding:.75rem;border-bottom:1px solid var(--line);display:flex;gap:.5rem;flex-wrap:wrap}.crumb{font-family:monospace;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-row{display:grid;grid-template-columns:32px minmax(0,1fr) 90px 145px;gap:.5rem;padding:.55rem .75rem;border-bottom:1px solid #f1f1f1;align-items:center;cursor:default}.file-row:hover{background:#f8fafc}.file-row.selected{background:#dbeafe}.fname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-drop{border:2px dashed #94a3b8;border-radius:1rem;padding:3rem;text-align:center;background:#f8fafc;cursor:pointer}@media(max-width:991px){.split-login{grid-template-columns:1fr}.pin-side,.login-side{min-height:50vh}.file-panel{min-height:45vh}.file-row{grid-template-columns:32px minmax(0,1fr) 75px}.file-row .mtime{display:none}}