:root{--color-brand: #646cff;--color-brand-hover: #535bf2;--color-brand-hover-light: #747bff;--color-blue-500: #2563eb;--color-blue-600: #2f6feb;--color-text-primary: #0f172a;--color-text-primary-87: rgba(15, 23, 42, .87);--color-text-muted: #6b7280;--color-text-dim: #9ca3af;--color-text-docs: #6b7280;--color-link-light: #60a5fa;--color-text-blackish: #0f172a;--color-neutral-500: #6b7280;--color-disabled: #374151;--color-danger: #ef4444;--color-danger-strong: #d9554e;--color-error-strong: #b00020;--color-bg-app: linear-gradient(to bottom, #ffffff 0%, #eef6ff 35%, #66baff 70%, #0a90ff 100%);--color-bg-card: #ffffff;--color-bg-surface: #f1f5f9;--color-bg-body: #ffffff;--color-bg-button: #e5f0ff;--color-bg-white: #ffffff;--color-bg-muted: #f9f9f9;--color-bg-table-head: #f9fafb;--color-border-strong: #e5e7eb;--color-border-accent: #2f6feb;--color-border-light: #e5e7eb;--color-border-row: #f3f4f6;--color-white: #ffffff;--shadow-elevation-1: 0 10px 24px rgba(2, 6, 23, .08);--shadow-elevation-2: 0 16px 32px rgba(2, 6, 23, .12);--shadow-glow-1: #646cffaa;--shadow-glow-react: #61dafbaa}[data-theme=dark]{--color-brand: #646cff;--color-brand-hover: #535bf2;--color-brand-hover-light: #747bff;--color-blue-500: #2563eb;--color-blue-600: #0a112f;--color-text-primary: #e5e7eb;--color-text-primary-87: rgba(255, 255, 255, .87);--color-text-muted: #9ca3af;--color-text-dim: #4b5563;--color-text-docs: #888;--color-link-light: #93c5fd;--color-text-blackish: #213547;--color-neutral-500: #6b7280;--color-disabled: #374151;--color-danger: #ef4444;--color-danger-strong: #d9554e;--color-error-strong: #b00020;--color-bg-app: linear-gradient(to bottom, #6759f8 0%, #4d6fcc 35%, #36398d 70%, #0a112f 100%);--color-bg-card: #192e66;--color-bg-surface: #122244;--color-bg-body: #242424;--color-bg-button: #0a112f;--color-bg-white: #ffffff;--color-bg-muted: #f9f9f9;--color-bg-table-head: #f9fafb;--color-border-strong: #1e2637;--color-border-accent: #2f6feb;--color-border-light: #e5e7eb;--color-border-row: #f3f4f6;--color-white: #ffffff;--shadow-elevation-1: 0 10px 30px rgba(0, 0, 0, .25);--shadow-elevation-2: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glow-1: #646cffaa;--shadow-glow-react: #61dafbaa}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text-primary-87);background:var(--color-bg-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}a{font-weight:500;color:var(--color-brand);text-decoration:inherit}a:hover{color:var(--color-brand-hover)}html,body,#root{height:100%}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-button);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-brand)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:var(--color-text-blackish);background:var(--color-bg-app)}a:hover{color:var(--color-brand-hover-light)}button{background-color:var(--color-bg-muted)}}.table__wrap{border:1px solid var(--color-border-strong);border-radius:10px;overflow:hidden;background:var(--color-bg-card);max-height:80vh;overflow:auto}.table{width:100%;border-collapse:collapse}.table thead tr{background:var(--color-bg-surface);color:var(--color-text-muted)}.table th{text-align:left;padding:10px;position:sticky;top:0;z-index:1;background:var(--color-bg-surface)}.table td{padding:10px}.th__content{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.sort-indicator{display:inline-block;line-height:1;font-size:.9em}.row{border-top:1px solid var(--color-border-strong)}.col-check{width:36px;text-align:center}.col-type{width:120px}.col-size{width:120px;text-align:right}.col-modified{width:220px}.col-actions{width:100px;text-align:right}.right{text-align:right}.muted{color:var(--color-text-muted)}.pad{padding:16px}.error{color:var(--color-danger)}.btn{padding:8px 12px;background:var(--color-blue-600);color:var(--color-white);border:none;border-radius:8px;cursor:pointer}.btn--primary{background:var(--color-blue-500)}.btn--ghost{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-blue-600)}.btn--small{padding:6px 10px}.link{background:none;border:none;color:var(--color-link-light);cursor:pointer}.input{padding:8px 10px;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:8px;color:var(--color-text-primary)}.toolbar{display:inline-flex;gap:8px;align-items:center}.upload{position:relative}.upload .hidden-input{position:absolute;inset:0;opacity:0;cursor:pointer}.login__screen{min-height:100vh;height:100%;display:grid;place-items:center;background:var(--color-bg-app)}.login__card{width:360px;background:var(--color-bg-card);padding:24px;border-radius:12px;box-shadow:var(--shadow-elevation-1);color:var(--color-text-primary)}.login__title{margin:0 0 16px;font-size:22px}.login__subtitle{margin:0 0 24px;color:var(--color-text-muted)}.login__form{display:grid;gap:12px}.login__field{display:grid;gap:6px}.login__label{font-size:12px;color:var(--color-text-muted)}.login__input{padding:10px 12px;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:8px;color:var(--color-text-primary)}.login__input-wrap{position:relative}.login__input-wrap>.login__input{width:100%;padding-right:40px;box-sizing:border-box}.login__toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:6px;padding:0}.login__toggle:hover{color:var(--color-text-primary)}.login__toggle:focus-visible{outline:2px solid transparent;outline-offset:2px}.login__error{color:var(--color-danger);font-size:13px}.login__submit{padding:10px 12px;background:var(--color-blue-500);color:var(--color-white);border:none;border-radius:8px;cursor:pointer;font-weight:600}.login__submit:disabled{background:var(--color-disabled);cursor:not-allowed}.explorer__screen{min-height:100vh;height:100%;background:var(--color-bg-app);color:var(--color-text-primary);overflow:hidden}.explorer__header{padding:16px;border-bottom:1px solid var(--color-border-strong);display:flex;gap:12px;align-items:center}.explorer__brand{font-weight:700}.explorer__breadcrumbs{display:flex;gap:6px;flex-wrap:wrap}.explorer__slash{color:var(--color-text-dim)}.explorer__spacer{flex:1}.explorer__newfolder{display:inline-flex;align-items:center;gap:8px}.explorer__main{padding:16px;height:calc(100% - 64px);overflow:auto}.theme-switch{position:relative;width:42px;height:24px}.theme-switch__checkbox{opacity:0;width:0;height:0}.theme-switch__label{position:absolute;cursor:pointer;inset:0;background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:999px;display:block}.theme-switch__label:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--color-white);border:1px solid var(--color-border-strong);border-radius:50%;transition:transform .2s ease}.theme-switch__checkbox:checked+.theme-switch__label:after{transform:translate(18px)}.logout-link{color:var(--color-text-muted)}.logout-link:hover{color:var(--color-danger-strong)}