:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111638;background:#f5f6fb}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.file-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.file-shell>aside{position:sticky;top:0;height:100vh;padding:24px 18px;background:#101534;color:#fff;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.brand>span,.gate-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#6c63ff,#ec4899);color:#fff;font-weight:900}.brand div{display:grid;gap:3px}.brand small{color:#9399b9}.file-shell nav{display:grid;gap:2px}.folder-root,.folder-branch{display:grid;gap:2px}.folder-branch{padding-left:14px}.file-shell nav button{border:0;background:transparent;color:#bfc3dc;text-align:left;padding:9px 10px;border-radius:8px;display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis}.file-shell nav button:hover,.file-shell nav button.selected{background:#ffffff16;color:#fff}.folder-chevron,.folder-leaf{display:inline-grid;place-items:center;flex:0 0 12px}.folder-leaf{color:#777eaa}.identity{margin-top:auto;padding:18px 10px 0;border-top:1px solid #ffffff18;display:grid;gap:5px}.identity strong{font-size:.86rem;overflow:hidden;text-overflow:ellipsis}.identity span{color:#9399b9;font-size:.75rem}.identity button{border:0;background:transparent;color:#c7cbe3;text-align:left;padding:9px 0}.file-shell>main{min-width:0;padding:36px 42px}.file-shell main>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800;color:#6258d6;margin:0}.file-shell h1{font-size:2rem;margin:5px 0}.breadcrumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#8488a1}.breadcrumbs button{border:0;background:transparent;color:#676c88;padding:0}.read-only-banner{display:flex;align-items:center;gap:12px;margin:24px 0 -12px;padding:13px 15px;border:1px solid #f0d49a;border-radius:10px;background:#fff8e8;color:#664d13}.read-only-banner span{font-size:.88rem}.read-only-banner code{font-size:.82rem}.toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 18px}.toolbar button,.secondary{padding:11px 15px;border:1px solid #d8d9e6;background:#fff;border-radius:9px;color:#222742;font-weight:700}.toolbar .primary,.login-link{border-color:#111638;background:#111638;color:#fff}.toolbar .danger{color:#a52a22;border-color:#efc4c1}.message{padding:12px 15px;border-radius:9px;margin:12px 0}.message.error{background:#fee2e2;color:#991b1b}.message.success{background:#dcfce7;color:#166534}.upload-progress,.files-panel{background:#fff;border:1px solid #e5e6f0;border-radius:15px;box-shadow:0 7px 24px #1116380a}.upload-progress{padding:17px;margin:15px 0}.upload-progress div{display:flex;justify-content:space-between;gap:20px;margin-bottom:10px}.upload-progress progress{width:100%;accent-color:#6258d6}.files-panel{min-height:430px;overflow:hidden}.panel-heading{padding:22px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #ececf3}.panel-heading h2{margin:0 0 5px}.panel-heading p{margin:0;color:#777c97}.panel-heading>span{font-size:.8rem;color:#777c97;background:#f2f2f8;padding:7px 10px;border-radius:99px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:15px 20px;border-bottom:1px solid #ececf3;vertical-align:middle}th{color:#71758e;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.file-icon{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:10px;border-radius:8px;background:#efeeff;color:#6258d6}.actions{display:flex;align-items:center;gap:12px}.actions a,.actions button{border:0;background:transparent;color:#555ac8;text-decoration:none;padding:3px}.actions .text-danger{color:#b42318}.empty{text-align:center;padding:75px 20px;color:#777c97}.empty>span{font-size:2.5rem;color:#6258d6}.empty h3{color:#111638}.gate{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 20% 20%,#e5e4ff,transparent 35%),radial-gradient(circle at 80% 80%,#ffe4f2,transparent 38%),#f7f8fc}.gate-card{width:min(460px,100%);display:grid;gap:16px;padding:40px;background:#fff;border:1px solid #e7e8f2;border-radius:24px;box-shadow:0 24px 80px #1116381a}.gate-card h1{margin:0}.login-link{display:block;padding:13px 18px;border-radius:10px;text-align:center;text-decoration:none;font-weight:800}@media(max-width:850px){.file-shell{grid-template-columns:1fr}.file-shell>aside{position:relative;height:auto;max-height:280px}.identity{margin-top:20px}.file-shell>main{padding:25px 18px}}@media(max-width:650px){.file-shell main>header,.panel-heading{flex-direction:column}.read-only-banner{align-items:flex-start;flex-direction:column}.actions{flex-wrap:wrap}th:nth-child(3),td:nth-child(3){display:none}}.brand-icon{display:block;width:44px;height:44px;flex:0 0 44px;border-radius:50%;object-fit:contain}.gate-brand-icon{width:64px;height:64px}