*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--gray-50: #F8FAFA;--gray-100: #F0F5F5;--gray-200: #E0EAEA;--gray-300: #C8D8D8;--gray-400: #8AABAB;--gray-500: #5C8080;--gray-600: #3D6060;--gray-700: #2C4848;--gray-800: #1C3030;--gray-900: #0F2020;--teal-300: #5DD8CC;--teal-400: #2EC4B6;--teal-500: #00B5A3;--teal-600: #009688;--amber-400: #5DD8CC;--amber-500: #00B5A3;--amber-600: #009688;--bg: #F8FAFA;--bg-subtle: #EEF5F5;--bg-muted: #DDE9E9;--border: #D0E4E4;--border-focus: #00B5A3;--text-primary: #0F2020;--text-secondary: #3D6060;--text-tertiary: #8AABAB;--accent: #00B5A3;--accent-hover: #009688;--danger: #EF4444;--danger-bg: #FEF2F2;--success: #10B981;--info: #3B82F6;--info-bg: #EFF6FF;--surface: #FFFFFF;--surface-raised: #FFFFFF;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,90,80,.06), 0 1px 2px rgba(0,90,80,.04);--shadow-md: 0 4px 12px rgba(0,90,80,.08), 0 2px 4px rgba(0,90,80,.04);--shadow-lg: 0 20px 40px rgba(0,90,80,.12), 0 8px 16px rgba(0,90,80,.06);--t-fast: 80ms ease;--t-normal: .15s ease;--t-slow: .25s ease}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:#b2e8e4;color:var(--gray-900)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .2s ease both}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--surface);border-top:1px solid var(--border);z-index:200;padding:0 8px;padding-bottom:env(safe-area-inset-bottom)}.drawer-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer-overlay.open{display:block}.app-shell{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.app-sidebar{flex-shrink:0;z-index:400}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.content-area{flex:1;overflow-y:auto;position:relative}.mobile-upload-bar{display:none;position:fixed;bottom:120px;left:0;right:0;z-index:198;box-shadow:0 -2px 8px #0000001a}@media (max-width: 639px){.app-sidebar{display:none!important}.mobile-nav{display:flex;align-items:center;justify-content:space-around}.content-area{padding-bottom:120px}.mobile-storage-bar{display:flex!important}.mobile-upload-bar{display:block!important}.modal-fullscreen{max-width:100%!important;max-height:100%!important;border-radius:0!important;min-height:100vh}.file-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:12px!important}.toolbar-bar{flex-wrap:wrap!important;height:auto!important;padding:8px 12px!important;gap:8px!important}.toolbar-left{min-width:0;flex:1 1 100%}.toolbar-right{flex:1 1 100%}.toolbar-search{width:100%!important}.list-col-meta,.list-col-size,.list-col-date{display:none!important}.list-col-actions{width:auto!important}.list-row{padding:8px 10px!important}.list-header{display:none!important}.storage-badge-wrap{margin-top:2px;gap:3px}.storage-badge-chip{padding:1px 4px!important;font-size:9px!important}.mobile-storage-actions button{padding:3px 6px!important;font-size:12px!important}}@media (min-width: 640px) and (max-width: 1023px){.app-sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);transition:transform .25s ease}.app-sidebar.drawer-open{transform:translate(0);box-shadow:var(--shadow-lg)}.drawer-overlay{display:block;opacity:0;pointer-events:none;transition:opacity .2s}.drawer-overlay.open{opacity:1;pointer-events:auto}.hamburger-btn{display:flex!important}}@media (min-width: 1024px){.mobile-nav,.hamburger-btn,.drawer-overlay{display:none!important}}