:root{--fundel-orange:#f97316;--fundel-orange-dark:#d95e14;--fundel-navy:#11212f;--fundel-heading:#1a2540;--fundel-slate:#334155;--fundel-muted:#64748b;--background:#f9fafc;--foreground:#1a2540;--card:#fff;--card-solid:#fff;--popover:#fff;--muted-foreground:#64748b;--modal-bg:#fff;--modal-border:#cbd5e1;--footer-bg:#f1f5f9;--header-bg:#fff;--header-border:#e2e8f0;--input-bg:#fff;--input-border-focus:#f97316;--input-placeholder:#94a3b8;--dropdown-hover-bg:#fff8f4;--dropdown-active-bg:#fff3ed;--focus-ring:0 0 0 3px #f9731640;--ambient-glow:radial-gradient(ellipse 600px 400px at top right, #f9731614, transparent 70%);--ambient-glow-light:radial-gradient(ellipse 600px 400px at top right, #f9731614, transparent 70%);--fundel-success:#059669;--fundel-success-bg:#ecfdf5;--fundel-error:#dc2626;--fundel-error-bg:#fef2f2;--fundel-warning:#d97706;--fundel-warning-bg:#fffbeb;--fundel-info:#1d5fad;--fundel-info-bg:#eff6ff;--fundel-role-admin:#f06c1a;--fundel-role-developer:#3b82f6;--fundel-role-employee:#16a34a;--fundel-border:#cbd5e1;--fundel-border-warm:#f0d9c4;--fundel-bg-subtle:#f8fafc;--fundel-bg-hover:#f1f5f9;--fundel-disabled-text:#94a3b8;--fundel-disabled-bg:#f1f5f9;--fundel-input-border:#f7ac7d;--fundel-input-hover-bg:#fff8f4;--fundel-focus:#f97316;--fundel-font:"Plus Jakarta Sans", system-ui, sans-serif;--fundel-mono:"DM Mono", monospace;--fundel-r-sm:6px;--fundel-r-md:8px;--fundel-r-lg:12px;--fundel-r-xl:16px;--fundel-shadow-card:0 1px 3px #00000014, 0 1px 2px #0000000d;--fundel-shadow-modal:0 16px 48px #0000002e, 0 4px 16px #00000014;--fundel-modal-xs:320px;--fundel-modal-sm:420px;--fundel-modal-md:560px;--fundel-modal-lg:720px;--fundel-modal-xl:940px;--fundel-motion-fast:.12s ease;--fundel-motion-base:.18s ease;--fundel-motion-slow:.28s cubic-bezier(.2, .8, .2, 1);--fundel-sidebar-w:240px;--fundel-header-h:56px;--orange:var(--fundel-orange);--orange-dark:var(--fundel-orange-dark);--navy:var(--fundel-navy);--heading:var(--fundel-heading);--slate:var(--fundel-slate);--muted:var(--fundel-muted);--success:var(--fundel-success);--success-bg:var(--fundel-success-bg);--error:var(--fundel-error);--error-bg:var(--fundel-error-bg);--warning:var(--fundel-warning);--warning-bg:var(--fundel-warning-bg);--info:var(--fundel-info);--info-bg:var(--fundel-info-bg);--border:#cbd5e1;--card-border:#e2e8f0;--bg-subtle:var(--fundel-bg-subtle);--bg-hover:var(--fundel-bg-hover);--disabled-text:var(--fundel-disabled-text);--disabled-bg:var(--fundel-disabled-bg);--input-border:var(--fundel-input-border);--input-hover-bg:var(--fundel-input-hover-bg);--focus:var(--fundel-focus);--font:var(--fundel-font);--mono:var(--fundel-mono);--r-sm:var(--fundel-r-sm);--r-md:var(--fundel-r-md);--r-lg:var(--fundel-r-lg);--r-xl:var(--fundel-r-xl);--shadow-card:var(--fundel-shadow-card);--shadow-modal:var(--fundel-shadow-modal);--sidebar-w:var(--fundel-sidebar-w);--header-h:var(--fundel-header-h);--modal-xs:var(--fundel-modal-xs);--modal-sm:var(--fundel-modal-sm);--modal-md:var(--fundel-modal-md);--modal-lg:var(--fundel-modal-lg);--modal-xl:var(--fundel-modal-xl);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:var(--fundel-r-sm);--radius-md:var(--fundel-r-md);--radius-lg:var(--fundel-r-lg);--radius-xl:var(--fundel-r-xl);--radius-full:9999px;--fundel-white:#fff;--fundel-line:#e2e8f0;--fundel-near:#f8f9fc;--fundel-near-2:#eef2f7;--fundel-orange-light-bg:#fff3ed;--fundel-orange-hover-bg:#fff8f4;--fundel-cool-gray:#e8ecf4;--fundel-biz-light:#f4f8fe;--transition-base:.16s ease;--transition-hover:.18s ease;--transition-slow:.28s cubic-bezier(.2, .8, .2, 1);--shadow-soft:0 2px 8px #11212f0f;--shadow-md:0 8px 24px #11212f17;--shadow-elevated:0 18px 55px #11212f1f;--font-sans:var(--fundel-font);--font-mono:var(--fundel-mono);--bg-app:linear-gradient(168deg, #fff 0%, #fbf5ea 40%, #f8f0dc 100%);--touch-target-min:44px;--touch-target-comfortable:48px;--popup-padding-mobile:16px;--popup-header-height-mobile:52px;--type-dm-tag-size:13px;--type-dm-tag-tracking:.39px;--type-dm-meta-size:12px;--type-dm-meta-tracking:.25px;--type-dm-section-size:12px;--type-dm-section-tracking:1.44px;--type-dm-ui-size:11.5px;--type-dm-ui-tracking:1.61px;--type-dm-number-size:11px;--type-dm-label-size:10.5px;--type-dm-label-tracking:1.47px;--heading-tracking-h1:-2.17px;--heading-tracking-h2:-1.61px;--heading-tracking-h3:-1.02px;--text-h1:32px;--text-h2:22px;--text-h3:18px}.dark{--fundel-orange-dark:#fb923c;--background:#0d1a27;--foreground:#eef2f7;--card:#ffffff24;--card-solid:#0f1d2c;--popover:#1c2f42;--muted-foreground:#8fa4ba;--modal-bg:#132234;--modal-border:#ffffff17;--footer-bg:#060e16;--header-bg:#0b1622bf;--header-border:#ffffff0f;--input-bg:#ffffff0d;--input-border-focus:#f97316b3;--input-placeholder:#eef2f759;--dropdown-hover-bg:#ffffff0f;--dropdown-active-bg:#f973161f;--focus-ring:0 0 0 2px #f97316b3;--ambient-glow:radial-gradient(ellipse 900px 600px at top right, #f973162e, transparent 70%);--fundel-success:#34d399;--fundel-success-bg:#052e1c;--fundel-error:#f87171;--fundel-error-bg:#3b0a0a;--fundel-warning:#fbbf24;--fundel-warning-bg:#3d1c00;--fundel-info:#60a5fa;--fundel-info-bg:#0c1d3b;--muted:#1c2f42;--border:#ffffff17;--card-border:#f9731647;--input-border:#ffffff1f;--shadow-soft:0 2px 8px #00000073;--shadow-md:0 8px 24px #0009;--card-foreground:#eef2f7;--border-hover:#f973168c;--border-secondary:#ffffff29;--header-blur:blur(16px) saturate(160%);--scrollbar-thumb:#ffffff1f;--scrollbar-thumb-hov:#ffffff38}.dark ::-webkit-scrollbar{width:6px}.dark ::-webkit-scrollbar-track{background:0 0}.dark ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.dark ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hov)}.dark :focus-visible{outline-offset:2px;outline:2px solid #f97316b3}@media (width<=767px){:root{--text-h1:24px;--text-h2:18px;--text-h3:16px}}*,:before,:after{font-family:var(--fundel-font)}code,pre,kbd,samp,.mono{font-family:var(--fundel-mono)}button,input,select,textarea{font-family:inherit}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1118;--panel:#111b26;--panel2:#172433;--text:#eef6ff;--muted:#91a5ba;--line:#293a4d;--accent:#ef7d32;--focus:#78baff;font-family:Arial,sans-serif}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f6f9;--panel:#fff;--panel2:#eaf0f5;--text:#172433;--muted:#5f7182;--line:#ccd7e0;--focus:#1769aa}body{background:var(--bg);color:var(--text);margin:0}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-shell{grid-template:72px 1fr/250px minmax(0,1fr);min-height:100vh;padding-right:0;transition:all .2s;display:grid}header{border-bottom:1px solid var(--line);background:var(--panel);grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.brand{align-items:center;gap:12px;font-size:20px;display:flex}.brand img{object-fit:contain;width:42px;height:42px}.header-actions{gap:8px;display:flex}.header-actions button,.view-toggle button,.back{border:1px solid var(--line);background:var(--panel2);cursor:pointer;border-radius:9px;padding:9px 12px}aside{background:var(--panel);border-right:1px solid var(--line);padding:18px;overflow:auto}.new-button{background:var(--accent);color:#151515;cursor:pointer;border:0;border-radius:10px;width:100%;padding:12px;font-weight:700}nav{gap:3px;margin:15px 0;display:grid}nav button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:9px 10px;display:flex}nav button:hover,nav button.active{background:var(--panel2)}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.storage{border-top:1px solid var(--line);color:var(--muted);gap:5px;padding:14px 4px;display:grid}.storage strong{color:var(--text)}.sidebar-upload{border-top:1px solid var(--line);gap:8px;padding-top:14px;display:grid}.upload-zone{border:2px dashed var(--line);background:var(--panel2);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:116px;padding:12px;display:flex}.upload-zone:hover,.upload-zone.dragging{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel2))}.upload-zone:disabled{opacity:.65;cursor:wait}.upload-icon{color:var(--accent);font-size:30px}.upload-zone small,.upload-status{color:var(--muted);font-size:12px}.upload-status{color:var(--text)}main{min-width:0;padding:28px}.toolbar{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.toolbar h1{margin:8px 0 0;font-size:30px}.view-toggle{gap:5px;display:flex}.view-toggle .active{border-color:var(--accent);color:var(--accent)}.error{color:#fff;background:#652828;border-radius:8px;justify-content:space-between;gap:10px;margin-bottom:18px;padding:12px;display:flex}.error button{background:0 0;border:1px solid;border-radius:6px}.loading,.empty{min-height:280px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty svg{width:60px;height:60px;color:var(--accent)}.items.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.items article{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:14px;transition:all .15s;overflow:hidden}.items article:hover{border-color:var(--muted);transform:translateY(-2px)}.items article.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.item-open{background:var(--panel2);cursor:pointer;border:0;justify-content:center;align-items:center;width:100%;height:145px;padding:0;display:flex;overflow:hidden}.item-info{grid-template-columns:1fr auto;gap:5px;padding:13px;display:grid}.item-info strong{white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;overflow:hidden}.item-info span,.item-info time{color:var(--muted);font-size:12px}.folder-visual{color:#5c2c00;background:#f29a3f;border-radius:9px;justify-content:center;align-items:center;width:115px;height:78px;display:flex;position:relative;box-shadow:inset 0 -10px 20px #cf6c20}.folder-tab{background:#f29a3f;border-radius:8px 8px 0 0;width:52px;height:20px;position:absolute;top:-13px;left:0}.folder-visual svg{stroke-width:1.3px;width:54px;height:54px}.file-symbol{color:#fff;background:#546373;border-radius:8px;justify-content:center;align-items:center;width:84px;height:104px;display:flex;position:relative}.file-symbol svg{opacity:.5;width:70px;height:90px}.file-symbol b{font-size:17px;position:absolute}.file-symbol.pdf{background:#b43535}.file-symbol.word{background:#2865a8}.file-symbol.sheet{background:#258158}.file-symbol.slides{background:#bd5b2b}.file-symbol.archive{background:#725b9e}.file-symbol.image{background:#307c89}.thumbnail{object-fit:cover;width:100%;height:100%}.preview-loading{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.items.list{gap:7px;display:grid}.items.list article{grid-template-columns:70px 1fr;min-height:72px;display:grid}.items.list .item-open{height:72px}.items.list .folder-visual{width:46px;height:33px}.items.list .folder-tab{width:20px;height:8px;top:-5px}.items.list .folder-visual svg{width:25px}.items.list .file-symbol{width:38px;height:48px}.items.list .file-symbol svg{width:30px}.items.list .file-symbol b{font-size:9px}.details{border-left:1px solid var(--line);z-index:5;border-right:0;flex-direction:column;align-items:center;gap:15px;width:310px;display:flex;position:fixed;top:72px;bottom:0;right:0;box-shadow:-10px 0 30px #0005}.details-close{cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:12px}.details .folder-visual,.details .file-symbol,.details .thumbnail,.details .preview-loading{margin-top:55px}.details .thumbnail{object-fit:contain;height:170px}.details h2{overflow-wrap:anywhere;text-align:center}.details dl{grid-template-columns:auto 1fr;gap:8px;width:100%;display:grid}.details dt{color:var(--muted)}.details dd{text-align:right;overflow-wrap:anywhere;margin:0}.detail-actions{gap:8px;width:100%;display:grid}.detail-actions button{border:1px solid var(--line);background:var(--panel2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}@media (width>=1100px){.app-shell:has(.details){padding-right:310px}}@media (width<=720px){.app-shell{padding:0;display:block}header{z-index:4;height:64px;position:sticky;top:0}.brand strong{display:none}.app-shell>aside:not(.details){border:0;padding:12px}.app-shell>aside:not(.details) nav{margin:10px 0;display:flex;overflow-x:auto}.app-shell>aside:not(.details) nav button{white-space:nowrap}.storage{padding:10px 4px}.sidebar-upload{padding-bottom:8px}.upload-zone{min-height:88px}.new-button{width:auto}main{padding:18px 12px 100px}.items.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-open{height:112px}.item-info{padding:10px}.item-info time{display:none}.details{width:min(90vw,310px);top:64px}.toolbar h1{font-size:24px}}