: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}.fundel-header{padding:var(--space-4) var(--space-5);border:1px solid var(--fundel-line);border-radius:var(--radius-lg);background:#ffffffeb;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;box-shadow:0 18px 50px #11212f1a}html.dark .fundel-header{z-index:100;background:var(--header-bg);border:0;border-bottom:1px solid var(--header-border);box-shadow:none;color:var(--foreground);-webkit-backdrop-filter:var(--header-blur);border-radius:0;position:sticky;top:0}html.dark .fundel-header__title{color:var(--foreground)}.fundel-header__brand{align-items:center;gap:var(--space-4);justify-self:center;display:flex}.fundel-header__title{color:var(--fundel-heading);letter-spacing:-.04em;margin:0;font-size:clamp(22px,3vw,38px);font-weight:800}.fundel-back-to-hub{background:var(--fundel-orange);border:1px solid var(--fundel-orange);color:var(--fundel-white);transition:background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);border-radius:9999px;justify-self:start;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.fundel-back-to-hub:hover{background:var(--fundel-orange-dark);border-color:var(--fundel-orange-dark);transform:translateY(-1px);box-shadow:0 4px 16px #f9731640}.fundel-back-to-hub:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (width<=640px){.fundel-back-to-hub-label{display:none}.fundel-back-to-hub{padding:8px 10px}}.fundel-lang-toggle{background:var(--fundel-near);border:1px solid var(--fundel-line);border-radius:var(--radius-full);justify-self:end;gap:4px;padding:4px;display:inline-flex}.fundel-lang-btn{border-radius:var(--radius-full);min-width:40px;height:30px;color:var(--fundel-navy);cursor:pointer;letter-spacing:.05em;transition:background var(--transition-base), color var(--transition-base);background:0 0;border:none;font-size:12px;font-weight:900}.fundel-lang-btn--active{background:var(--fundel-orange);color:var(--fundel-white);box-shadow:0 2px 8px #f9731633}.fundel-lang-btn:not(.fundel-lang-btn--active):hover{color:var(--fundel-orange-dark);background:#f9731614}.fundel-panel{border-radius:var(--radius-lg);background:#fffffff0;border:1px solid #f973161f;position:relative;overflow:visible;box-shadow:0 4px 24px #11212f0f,0 1px 3px #11212f0a}.fundel-panel:before{content:"";top:0;left:var(--space-4);right:var(--space-4);background:linear-gradient(90deg,#f97316 0%,#ffb37a 50%,#f97316 100%);border-radius:0 0 3px 3px;height:3px;position:absolute}.fundel-button{justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;transition:transform var(--transition-hover), box-shadow var(--transition-hover), background var(--transition-hover), border-color var(--transition-hover);border:1px solid #0000;border-radius:9999px;padding:12px 16px;font-size:13px;font-weight:900;display:inline-flex}.fundel-button:hover{transform:translateY(-2px)}.fundel-button:active{transform:translateY(0)}.fundel-button--primary{background:var(--fundel-orange);color:var(--fundel-white);border-color:var(--fundel-orange);position:relative;overflow:hidden;box-shadow:0 12px 26px #f9731638}.fundel-button--primary:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff38 50%,#0000 60%);transition:transform .4s;position:absolute;inset:0;transform:translate(-100%)}.fundel-button--primary:hover:after{transform:translate(100%)}.fundel-button--primary:hover{background:var(--fundel-orange-dark);border-color:var(--fundel-orange-dark)}.fundel-button--secondary{background:var(--fundel-white);color:var(--fundel-navy);border-color:var(--fundel-line);border-radius:9999px}.fundel-button--secondary:hover{border-color:var(--fundel-orange);box-shadow:0 4px 12px #f973161f}html.dark .fundel-button--secondary{color:var(--foreground);border:1px solid var(--border-secondary);background:0 0;border-radius:9999px}html.dark .fundel-button--secondary:hover{border-color:var(--border-hover);background:#f973160f}.fundel-button--ghost{color:var(--fundel-navy);border-color:var(--fundel-line);background:0 0}.fundel-button--ghost:hover{border-color:var(--fundel-orange);background:#f973160f}.fundel-header__actions{justify-self:end;align-items:center;gap:var(--space-2);display:inline-flex}.fundel-header__actions .fundel-lang-toggle{justify-self:auto}.fundel-button--destructive{background:var(--fundel-error);color:var(--fundel-white);border-color:var(--fundel-error)}.fundel-button--destructive:hover{background:#b91c1c;border-color:#b91c1c}.fundel-button--destructive:disabled{background:var(--fundel-disabled-bg);color:var(--fundel-disabled-text);border-color:var(--fundel-disabled-bg);cursor:not-allowed;box-shadow:none;transform:none}.fundel-modal__overlay{z-index:1000;background:#11212f8c;justify-content:center;align-items:center;animation:.2s fundel-fade-in;display:flex;position:fixed;inset:0}@keyframes fundel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fundel-slide-up{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.fundel-modal__box{background:var(--modal-bg,var(--fundel-white));outline:1px solid var(--modal-border,transparent);border-radius:var(--radius-lg);box-shadow:var(--fundel-shadow-modal,0 24px 64px #11212f2e);flex-direction:column;width:90vw;max-width:560px;max-height:85vh;animation:.25s fundel-slide-up;display:flex;position:relative;overflow:hidden}.fundel-modal__box:before{content:"";background:var(--fundel-orange);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.fundel-modal__box--sm{max-width:420px}.fundel-modal__box--lg{max-width:720px}.fundel-modal__box--xl{max-width:1000px}.fundel-modal__header{padding:var(--space-5) var(--space-6);padding-top:calc(var(--space-5) + 3px);border-bottom:1px solid var(--modal-border,var(--fundel-border));grid-template-columns:32px 1fr 32px;align-items:center;display:grid}.fundel-modal__title{color:var(--foreground,var(--fundel-heading));text-align:center;margin:0;font-size:22px;font-weight:800}.fundel-modal__header:before{content:""}.fundel-modal__close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--fundel-muted);cursor:pointer;transition:background var(--transition-base), color var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.fundel-modal__close:hover{background:var(--fundel-orange-hover-bg);color:var(--fundel-orange)}.fundel-modal__body{padding:var(--space-6);color:var(--foreground,var(--fundel-slate));flex:1;overflow-y:auto}.fundel-modal__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--modal-border,var(--fundel-border));display:flex}.fundel-confirm__message{color:var(--fundel-slate);margin:0;font-size:14px;line-height:1.6}.fundel-confirm__actions{gap:var(--space-3);justify-content:flex-end;width:100%;display:flex}.fundel-toast-container{top:var(--space-5);right:var(--space-5);z-index:2000;gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}@keyframes fundel-toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fundel-toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.fundel-toast{pointer-events:auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border-left:4px solid;min-width:300px;max-width:420px;animation:.3s fundel-toast-in;display:flex;box-shadow:0 8px 24px #11212f1f}.fundel-toast--exit{animation:.3s forwards fundel-toast-out}.fundel-toast--success{background:var(--fundel-success-bg);border-left-color:var(--fundel-success);color:var(--fundel-success)}.fundel-toast--error{background:var(--fundel-error-bg);border-left-color:var(--fundel-error);color:var(--fundel-error)}.fundel-toast--warning{background:var(--fundel-warning-bg);border-left-color:var(--fundel-warning);color:var(--fundel-warning)}.fundel-toast--info{background:var(--fundel-info-bg);border-left-color:var(--fundel-info);color:var(--fundel-info)}.fundel-toast__icon{flex-shrink:0;display:flex}.fundel-toast__message{color:var(--fundel-heading);flex:1;font-size:14px;font-weight:500}.fundel-toast__close{width:24px;height:24px;color:var(--fundel-muted);cursor:pointer;transition:color var(--transition-base);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fundel-toast__close:hover{color:var(--fundel-heading)}html.dark .fundel-toast{background:var(--card-solid);border:1px solid var(--border);color:var(--foreground);border-left-width:3px;box-shadow:0 8px 32px #00000080}html.dark .fundel-toast--success{border-left-color:var(--fundel-success)}html.dark .fundel-toast--error{border-left-color:var(--fundel-error)}html.dark .fundel-toast--warning{border-left-color:var(--fundel-warning)}html.dark .fundel-toast--info{border-left-color:var(--fundel-info)}html.dark .fundel-toast__message{color:var(--foreground)}html.dark .fundel-toast__close{color:var(--muted-foreground)}html.dark .fundel-toast__close:hover{color:var(--foreground)}.fundel-button--sm{padding:8px 12px;font-size:12px}.fundel-button--md{padding:12px 16px;font-size:13px}.fundel-button--lg{padding:14px 24px;font-size:15px}.fundel-button__icon{flex-shrink:0;align-items:center;display:flex}.fundel-button:disabled{background:var(--fundel-disabled-bg);color:var(--fundel-disabled-text);border-color:var(--fundel-disabled-bg);cursor:not-allowed;box-shadow:none;transform:none}.fundel-input-wrapper{flex-direction:column;gap:4px;display:flex}.fundel-input-label{color:var(--fundel-heading);letter-spacing:.03em;font-size:11px;font-weight:600}.fundel-input-required{color:var(--fundel-error);margin-left:2px}.fundel-input{height:44px;padding:0 var(--space-3);border:1px solid var(--fundel-border);border-radius:var(--radius-sm);background:var(--fundel-white);color:var(--fundel-heading);font-size:14px;font-family:var(--fundel-font);transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none}.fundel-input::placeholder{color:var(--fundel-muted);font-style:italic;font-weight:400}.fundel-input:focus{border-color:var(--fundel-orange);outline:2.5px solid var(--fundel-orange);outline-offset:2px}.fundel-input--error{border-color:var(--fundel-error)}.fundel-input--error:focus{border-color:var(--fundel-error);outline-color:var(--fundel-error)}.fundel-input-wrapper--disabled .fundel-input{background:var(--fundel-disabled-bg);color:var(--fundel-disabled-text);cursor:not-allowed}.fundel-input-error{color:var(--fundel-error);margin:0;font-size:12px}.fundel-input-helper{color:var(--fundel-muted);margin:0;font-size:12px}.fundel-dropdown-wrapper{flex-direction:column;gap:4px;display:flex;position:relative}.fundel-dropdown-trigger{height:44px;padding:0 var(--space-3);border:1px solid var(--fundel-border);border-radius:var(--radius-sm);background:var(--fundel-white);font-size:14px;font-family:var(--fundel-font);color:var(--fundel-heading);cursor:pointer;transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none;justify-content:space-between;align-items:center;display:flex}.fundel-dropdown-trigger:focus{border-color:var(--fundel-orange);outline:2.5px solid var(--fundel-orange);outline-offset:2px}.fundel-dropdown-trigger--error{border-color:var(--fundel-error)}.fundel-dropdown-trigger--open{border-color:var(--fundel-orange)}.fundel-dropdown-trigger:disabled{background:var(--fundel-disabled-bg);color:var(--fundel-disabled-text);cursor:not-allowed}.fundel-dropdown-placeholder{color:var(--fundel-muted)}.fundel-dropdown-value{color:var(--fundel-heading)}.fundel-dropdown-chevron{color:var(--fundel-muted);transition:transform var(--transition-base);flex-shrink:0}.fundel-dropdown-chevron--open{transform:rotate(180deg)}.fundel-dropdown-menu{z-index:100;background:var(--fundel-white);border:1px solid var(--fundel-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:240px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.fundel-dropdown-option{padding:10px var(--space-3);color:var(--fundel-slate);cursor:pointer;transition:background var(--transition-base), color var(--transition-base);border-radius:6px;justify-content:space-between;align-items:center;font-size:14px;display:flex}.fundel-dropdown-option:hover{background:var(--fundel-orange-light-bg);color:var(--fundel-heading)}.fundel-dropdown-option--selected{color:var(--fundel-orange);font-weight:600}.fundel-dropdown-option--disabled{color:var(--fundel-disabled-text);cursor:not-allowed}.fundel-dropdown-option--disabled:hover{color:var(--fundel-disabled-text);background:0 0}html.dark .fundel-input-label,html.dark .fundel-dropdown-value{color:var(--foreground)}html.dark .fundel-input,html.dark .fundel-dropdown-trigger{background:var(--input-bg);border-color:var(--input-border);color:var(--foreground)}html.dark .fundel-input:hover,html.dark .fundel-dropdown-trigger:hover{background:#ffffff12;border-color:#fff3}html.dark .fundel-input:focus,html.dark .fundel-dropdown-trigger:focus,html.dark .fundel-dropdown-trigger--open{background:var(--input-bg);border-color:var(--input-border-focus);box-shadow:var(--focus-ring);outline:none}html.dark .fundel-input::placeholder,html.dark .fundel-dropdown-placeholder{color:var(--input-placeholder)}html.dark .fundel-input-helper,html.dark .fundel-dropdown-chevron{color:var(--muted-foreground)}html.dark .fundel-dropdown-menu{background:var(--popover);border-color:var(--border)}html.dark .fundel-dropdown-option{color:var(--foreground)}html.dark .fundel-dropdown-option:hover{background:var(--dropdown-hover-bg);color:var(--foreground)}html.dark .fundel-dropdown-option--selected,html.dark .fundel-dropdown-option--selected:hover{background:var(--dropdown-active-bg);color:var(--fundel-orange)}html.dark .fundel-dropdown-option--disabled,html.dark .fundel-dropdown-option--disabled:hover{color:var(--muted-foreground);background:0 0}.fundel-card{border:1px solid var(--fundel-border);border-radius:var(--radius-sm);background:var(--fundel-white);transition:border-color var(--transition-hover), box-shadow var(--transition-hover);overflow:hidden}.fundel-card--clickable{cursor:pointer}.fundel-card--clickable:hover{border-color:var(--fundel-orange);box-shadow:0 4px 16px #f06c1a1a}.fundel-card--active{border-color:var(--fundel-orange);box-shadow:0 0 0 2px #f06c1a33}.fundel-card__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--fundel-border)}.fundel-card__body{padding:var(--space-4) var(--space-5)}.fundel-card__footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--fundel-border);align-items:center;gap:var(--space-3);display:flex}.fundel-compact-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);transition:background var(--transition-base);display:flex}.fundel-compact-card:hover{background:var(--fundel-bg-hover)}.fundel-compact-card--inactive{opacity:.55}.fundel-compact-card__avatar{flex-shrink:0}.fundel-compact-card__content{flex-direction:column;flex:1;min-width:0;display:flex}.fundel-compact-card__title{color:var(--fundel-heading);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.fundel-compact-card__subtitle{color:var(--fundel-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.fundel-compact-card__badge{flex-shrink:0}.fundel-table-wrapper{border:1px solid var(--fundel-border);border-radius:var(--radius-sm);overflow-x:auto}.fundel-table{border-collapse:collapse;width:100%;font-size:14px}.fundel-table__th{text-align:left;padding:var(--space-3) var(--space-4);text-transform:uppercase;letter-spacing:.05em;color:var(--fundel-muted);background:var(--fundel-bg-subtle);border-bottom:1px solid var(--fundel-border);white-space:nowrap;font-size:11px;font-weight:700}.fundel-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.fundel-table__th--sortable:hover{color:var(--fundel-orange)}.fundel-table__th-content{align-items:center;gap:4px;display:inline-flex}.fundel-table__sort-icon{flex-shrink:0}.fundel-table__td{padding:var(--space-3) var(--space-4);color:var(--fundel-slate);border-bottom:1px solid var(--fundel-border)}.fundel-table__tr:last-child .fundel-table__td{border-bottom:none}.fundel-table__tr--striped{background:var(--fundel-bg-subtle)}.fundel-table__tr--clickable{cursor:pointer}.fundel-table__tr--clickable:hover{background:var(--fundel-orange-light-bg)}.fundel-table__empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--fundel-muted);font-style:italic}.fundel-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.fundel-badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.fundel-badge--default{background:var(--fundel-bg-hover);color:var(--fundel-slate)}.fundel-badge--success{background:var(--fundel-success-bg);color:var(--fundel-success)}.fundel-badge--error{background:var(--fundel-error-bg);color:var(--fundel-error)}.fundel-badge--warning{background:var(--fundel-warning-bg);color:var(--fundel-warning)}.fundel-badge--info{background:var(--fundel-info-bg);color:var(--fundel-info)}.fundel-badge--orange{background:var(--fundel-orange-light-bg);color:var(--fundel-orange)}.fundel-avatar{color:var(--fundel-white);object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.fundel-avatar--orange{background:var(--fundel-orange)}.fundel-avatar--navy{background:var(--fundel-navy)}.fundel-avatar--slate{background:var(--fundel-slate)}.fundel-avatar--muted{background:var(--fundel-muted)}.fundel-avatar--fmark{background:var(--fundel-bg-subtle);border:1px solid var(--fundel-border)}.fundel-divider{margin:var(--space-4) 0;border:none}.fundel-divider--subtle{background:var(--fundel-border);height:1px}.fundel-divider--thick{background:var(--fundel-border);height:2px}.fundel-divider--orange{background:var(--fundel-orange);height:2px}.fundel-divider--labeled{align-items:center;gap:var(--space-3);display:flex}.fundel-divider__line{background:var(--fundel-border);flex:1;height:1px}.fundel-divider__label{color:var(--fundel-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:12px;font-weight:600}.fundel-tab-nav{border-bottom:2px solid var(--fundel-border);gap:0;display:flex}.fundel-tab-nav__tab{padding:var(--space-3) var(--space-4);color:var(--fundel-slate);cursor:pointer;transition:color var(--transition-base);font-size:14px;font-weight:500;font-family:var(--fundel-font);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;display:inline-flex;position:relative}.fundel-tab-nav__tab:hover{color:var(--fundel-orange)}.fundel-tab-nav__tab--active{color:var(--fundel-orange);border-bottom-color:var(--fundel-orange);font-weight:600}.fundel-tab-nav__icon{align-items:center;display:flex}.fundel-search-field{align-items:center;display:flex;position:relative}.fundel-search-field__icon{left:var(--space-3);color:var(--fundel-muted);pointer-events:none;position:absolute}.fundel-search-field__input{width:100%;height:44px;padding:0 var(--space-8) 0 40px;border:1px solid var(--fundel-border);border-radius:var(--radius-sm);background:var(--fundel-white);font-size:14px;font-family:var(--fundel-font);color:var(--fundel-heading);transition:border-color var(--transition-base);outline:none}.fundel-search-field__input::placeholder{color:var(--fundel-muted);font-style:italic;font-weight:400}.fundel-search-field__input:focus{border-color:var(--fundel-orange);outline:2.5px solid var(--fundel-orange);outline-offset:2px}.fundel-search-field__clear{right:var(--space-2);width:28px;height:28px;color:var(--fundel-muted);cursor:pointer;transition:color var(--transition-base), background var(--transition-base);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute}.fundel-search-field__clear:hover{color:var(--fundel-heading);background:var(--fundel-bg-hover)}html.dark .fundel-search-field__icon{color:var(--input-placeholder)}html.dark .fundel-search-field__input{background:var(--input-bg);border-color:var(--input-border);color:var(--foreground)}html.dark .fundel-search-field__input:hover{background:#ffffff12;border-color:#fff3}html.dark .fundel-search-field__input:focus{background:var(--input-bg);border-color:var(--input-border-focus);box-shadow:var(--focus-ring);outline:none}html.dark .fundel-search-field__input::placeholder{color:var(--input-placeholder)}html.dark .fundel-search-field__clear{color:var(--muted-foreground)}html.dark .fundel-search-field__clear:hover{color:var(--foreground);background:var(--dropdown-hover-bg)}.fundel-spinner{color:var(--fundel-orange);animation:.8s linear infinite fundel-spin}@keyframes fundel-spin{to{transform:rotate(360deg)}}.fundel-skeleton{background:linear-gradient(90deg, var(--fundel-bg-hover) 25%, var(--fundel-bg-subtle) 50%, var(--fundel-bg-hover) 75%);background-size:200% 100%;animation:1.5s infinite fundel-shimmer}@keyframes fundel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fundel-skeleton-card{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--fundel-border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.fundel-empty-state{padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.fundel-empty-state__icon{color:var(--fundel-muted);margin-bottom:var(--space-4)}.fundel-empty-state__title{margin:0 0 var(--space-2);color:var(--fundel-heading);font-size:16px;font-weight:600}.fundel-empty-state__description{margin:0 0 var(--space-5);color:var(--fundel-muted);max-width:320px;font-size:14px}.fundel-empty-state__action{margin-top:var(--space-2)}.fundel-pagination{align-items:center;gap:var(--space-1);display:flex}.fundel-pagination__btn{padding:var(--space-2) var(--space-3);border:1px solid var(--fundel-border);border-radius:var(--radius-sm);background:var(--fundel-white);font-size:13px;font-family:var(--fundel-font);color:var(--fundel-slate);cursor:pointer;transition:border-color var(--transition-base), color var(--transition-base)}.fundel-pagination__btn:hover:not(:disabled){border-color:var(--fundel-orange);color:var(--fundel-orange)}.fundel-pagination__btn:disabled{color:var(--fundel-disabled-text);cursor:not-allowed}.fundel-pagination__page{border-radius:var(--radius-sm);min-width:36px;height:36px;font-size:14px;font-family:var(--fundel-font);color:var(--fundel-slate);cursor:pointer;transition:background var(--transition-base), color var(--transition-base);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.fundel-pagination__page:hover{background:var(--fundel-bg-hover)}.fundel-pagination__page--active{background:var(--fundel-orange);color:var(--fundel-white);font-weight:600}.fundel-pagination__page--active:hover{background:var(--fundel-orange-dark)}.fundel-pagination__dots{padding:0 var(--space-1);color:var(--fundel-muted)}.fundel-checkbox{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--fundel-slate);font-size:14px;display:inline-flex}.fundel-checkbox--disabled{opacity:.5;cursor:not-allowed}.fundel-checkbox__input{opacity:0;width:0;height:0;position:absolute}.fundel-checkbox__box{border:2px solid var(--fundel-border);background:var(--fundel-white);color:#0000;width:20px;height:20px;transition:background var(--transition-base), border-color var(--transition-base), color var(--transition-base);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fundel-checkbox__input:checked+.fundel-checkbox__box{background:var(--fundel-orange);border-color:var(--fundel-orange);color:var(--fundel-white)}.fundel-checkbox__input:focus-visible+.fundel-checkbox__box{outline:2.5px solid var(--fundel-orange);outline-offset:2px}.fundel-checkbox__label{-webkit-user-select:none;user-select:none}.fundel-toggle{align-items:center;gap:var(--space-3);cursor:pointer;display:inline-flex}.fundel-toggle--disabled{opacity:.5;cursor:not-allowed}.fundel-toggle__track{border-radius:var(--radius-full);background:var(--fundel-border);cursor:pointer;width:44px;height:24px;transition:background var(--transition-base);border:none;padding:0;position:relative}.fundel-toggle__track--on{background:var(--fundel-orange)}.fundel-toggle__track:focus-visible{outline:2.5px solid var(--fundel-orange);outline-offset:2px}.fundel-toggle__thumb{background:var(--fundel-white);width:20px;height:20px;transition:transform var(--transition-base);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.fundel-toggle__track--on .fundel-toggle__thumb{transform:translate(20px)}.fundel-toggle__label{color:var(--fundel-slate);-webkit-user-select:none;user-select:none;font-size:14px}.fundel-modal__title-group{justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.task-widget-fab{z-index:900;background:var(--fundel-orange);width:52px;height:52px;color:var(--fundel-white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #f06c1a59}.task-widget-fab:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f06c1a66}.task-widget-fab__badge{background:var(--fundel-error);min-width:20px;height:20px;color:var(--fundel-white);border-radius:10px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.task-widget{z-index:900;background:var(--fundel-white);border:1px solid var(--fundel-border);border-radius:12px;flex-direction:column;width:360px;max-height:520px;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 12px 40px #11212f26}.task-widget__header{border-bottom:1px solid var(--fundel-border);background:var(--fundel-orange);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.task-widget__title{color:var(--fundel-white);margin:0;font-size:15px;font-weight:700}.task-widget__header-actions{gap:4px;display:flex}.task-widget__btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.task-widget__btn--icon{width:28px;height:28px;color:var(--fundel-white);border-radius:6px;transition:background .15s}.task-widget__btn--icon:hover{background:#fff3}.task-widget__input-row{border-bottom:1px solid var(--fundel-border);gap:8px;padding:12px 16px;display:flex}.task-widget__input{border:1px solid var(--fundel-border);height:36px;font-size:13px;font-family:var(--fundel-font);color:var(--fundel-heading);border-radius:8px;outline:none;flex:1;padding:0 12px}.task-widget__input:focus{border-color:var(--fundel-orange)}.task-widget__input::placeholder{color:var(--fundel-muted)}.task-widget__btn--add{background:var(--fundel-orange);width:36px;height:36px;color:var(--fundel-white);border-radius:8px;flex-shrink:0;font-size:20px;font-weight:700;transition:background .15s}.task-widget__btn--add:hover{background:var(--fundel-orange-dark)}.task-widget__list{flex:1;padding:8px 0;overflow-y:auto}.task-widget__empty{text-align:center;color:var(--fundel-muted);margin:0;padding:16px;font-size:13px}.task-widget__item{align-items:center;gap:10px;padding:8px 16px;transition:background .1s;display:flex}.task-widget__item:hover{background:#fff8f4}.task-widget__check{border:2px solid var(--fundel-border);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:border-color .15s;display:flex}.task-widget__check:hover{border-color:var(--fundel-orange)}.task-widget__check-circle{background:0 0;border-radius:50%;width:8px;height:8px;transition:background .15s}.task-widget__check:hover .task-widget__check-circle{background:var(--fundel-orange)}.task-widget__check--done{border-color:var(--fundel-success);background:var(--fundel-success);color:var(--fundel-white)}.task-widget__item-text{color:var(--fundel-heading);flex:1;font-size:13px;line-height:1.4}.task-widget__item--done .task-widget__item-text{color:var(--fundel-muted);text-decoration:line-through}.task-widget__btn--delete{width:24px;height:24px;color:var(--fundel-muted);opacity:0;border-radius:4px;transition:opacity .15s,color .15s}.task-widget__item:hover .task-widget__btn--delete{opacity:1}.task-widget__btn--delete:hover{color:var(--fundel-error)}.task-widget__toggle-completed{width:100%;color:var(--fundel-muted);cursor:pointer;text-align:left;font-size:12px;font-weight:600;font-family:var(--fundel-font);border:none;border-top:1px solid var(--fundel-border);background:0 0;padding:8px 16px;display:block}.task-widget__toggle-completed:hover{color:var(--fundel-orange)}.task-widget__list--completed{padding-top:0}.task-widget__sort,.task-widget__cat-select{border:1px solid var(--fundel-border);height:30px;font-size:12px;font-family:var(--fundel-font);color:var(--fundel-heading);background:#fff8f4;border-radius:7px;padding:0 8px}.task-widget__icon-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.task-widget__category{padding:8px 12px 0}.task-widget__add{border-bottom:1px solid var(--fundel-border);gap:6px;padding:8px 12px;display:flex}.task-widget__add-btn{background:var(--fundel-orange);color:#fff;cursor:pointer;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.task-widget__item-body{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.task-widget__delete{width:20px;height:20px;color:var(--fundel-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:opacity .1s,color .1s;display:flex}.task-widget__item:hover .task-widget__delete{opacity:1}.task-widget__completed-section{border-top:1px solid var(--fundel-border);padding:8px 12px}.task-widget__completed-toggle{color:var(--fundel-muted);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--fundel-font);background:0 0;border:none;padding:0}.task-widget__completed-list{flex-direction:column;gap:4px;max-height:150px;margin-top:6px;display:flex;overflow-y:auto}select{font-family:var(--fundel-font)}.task-widget__export{display:inline-flex;position:relative}.task-widget__export-menu{z-index:20;min-width:220px;color:var(--fundel-heading);background:#fff;border:1.5px solid #f7ac7d;border-radius:0 0 8px 8px;flex-direction:column;padding:4px 0;display:flex;position:absolute;top:30px;right:0;box-shadow:0 16px 32px #14181f29}.task-widget__export-menu>button{width:100%;color:var(--fundel-heading);font-family:var(--fundel-font);text-align:left;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;padding:8px 12px;font-size:13px}.task-widget__export-menu>button:hover{background:#fff8f4;border-left-color:#f06c1a;font-weight:500}.task-widget__category-select{background:#fff;border-top:1px solid #f7ac7d;flex-direction:column;gap:2px;max-height:220px;padding:6px 10px 10px;display:flex;overflow:auto}.task-widget__category-option{color:var(--fundel-heading);cursor:pointer;border-left:2px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:6px 4px;font-size:12px;display:flex}.task-widget__category-option:hover{background:#fff8f4;border-left-color:#f06c1a;font-weight:500}.task-widget__category-option input{accent-color:#f06c1a}.task-widget__copy-selected{align-self:flex-start;margin-top:6px;background:var(--fundel-orange)!important;color:#fff!important;text-align:center!important;border:0!important;border-radius:999px!important;padding:6px 12px!important;font-weight:700!important}.task-widget__copy-selected:disabled{cursor:not-allowed;opacity:.45}.task-widget__toast{z-index:30;background:var(--fundel-heading);color:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;position:absolute;top:48px;right:14px;box-shadow:0 10px 24px #14181f33}.task-widget__icon-btn:hover{opacity:.8}.fundel-footer{align-items:center;gap:var(--space-4);margin:0 auto var(--space-5);max-width:1200px;padding:var(--space-4) var(--space-5);border:1px solid var(--fundel-line);border-radius:var(--radius-lg);color:var(--fundel-heading);font-family:var(--fundel-font);background:#ffffffeb;grid-template-columns:1fr auto 1fr;font-size:13px;font-weight:600;display:grid;box-shadow:0 18px 50px #11212f1a}.fundel-footer__brand,.fundel-footer__meta{align-items:center;gap:var(--space-3);min-width:0;display:inline-flex}.fundel-footer__brand{justify-self:start}.fundel-footer__logo{flex:none}.fundel-footer__spacer{justify-self:center;min-width:120px}.fundel-footer__meta{color:var(--fundel-slate);justify-self:end;margin:0}.fundel-footer__export{color:var(--fundel-slate);cursor:pointer;font:inherit;padding:var(--space-1) var(--space-2);text-underline-offset:3px;background:0 0;border:0;font-size:12px;font-weight:600;text-decoration:underline}.fundel-footer__export:hover{color:var(--fundel-heading)}html.dark .fundel-footer{border-color:var(--header-border);border-top:1px solid var(--header-border);background:var(--footer-bg);box-shadow:none;color:var(--muted-foreground)}html.dark .fundel-footer__brand,html.dark .fundel-footer__meta,html.dark .fundel-footer__export{color:var(--muted-foreground)}html.dark .fundel-footer__export:hover{color:var(--fundel-orange)}@media (width<=640px){.fundel-footer{margin:0 var(--space-4) var(--space-4);grid-template-columns:1fr}.fundel-footer__spacer{display:none}.fundel-footer__brand,.fundel-footer__meta{justify-self:start}}.fundel-tilt-card{transform-style:preserve-3d;will-change:transform;transition:border-color .2s,transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .2s;position:relative}.fundel-tilt-card:hover{transform:perspective(820px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px)}.fundel-tilt-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--gx,50%) var(--gy,50%), #f06c1a24, transparent 60%);transition:opacity .25s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.fundel-tilt-card:hover:after{opacity:1}.fundel-tilt-card:not(:hover){transform:perspective(820px)rotateX(0)rotateY(0)translateY(0)}.dark .fundel-tilt-card,html.dark .fundel-tilt-card{border:1px solid var(--border)}.dark .fundel-tilt-card:hover,html.dark .fundel-tilt-card:hover{border-color:var(--border-hover);box-shadow:0 12px 32px #0006}*{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;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;display:grid}.brand{align-items:center;gap:12px;font-size:20px;display:flex}.brand img{object-fit:contain;width:42px;height:42px}.header-actions{justify-self:end;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}}.items article{position:relative}.items article[draggable=true]{cursor:grab}.items article[draggable=true]:active{cursor:grabbing}.items article.drop-target{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 35%,transparent)}.items article.busy{opacity:.65;pointer-events:none}.item-info{position:relative}.more-button{cursor:pointer;letter-spacing:2px;background:0 0;border:0;border-radius:7px;grid-area:1/2;min-width:34px;min-height:30px;font-weight:700}.more-button:hover{background:var(--panel2)}.item-menu{z-index:12;background:var(--panel);border:1px solid var(--line);border-radius:10px;width:min(220px,100vw - 32px);padding:6px;display:grid;position:absolute;top:calc(100% - 8px);right:8px;box-shadow:0 12px 30px #0008}.item-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:9px}.item-menu button:hover,.item-menu button:focus-visible{background:var(--panel2)}.item-menu .danger{color:#ff8585}.drop-label{background:var(--accent);color:#151515;text-align:center;border-radius:6px;padding:5px;font-size:12px;font-weight:700;position:absolute;inset:auto 8px 8px}.notice{color:#fff;background:#1d6648;border-radius:8px;margin-bottom:16px;padding:10px 12px}.modal-backdrop{z-index:30;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(430px,100%);padding:22px;box-shadow:0 20px 60px #000a}.dialog h2{margin-top:0}.dialog select,.dialog input{border:1px solid var(--line);background:var(--panel2);width:100%;color:var(--text);border-radius:8px;padding:11px}.dialog>div{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.dialog button{border:1px solid var(--line);background:var(--panel2);cursor:pointer;border-radius:8px;padding:9px 14px}.dialog button.primary{background:var(--accent);color:#151515;border-color:var(--accent)}@media (width<=720px){.item-menu{width:auto;max-height:70vh;position:fixed;inset:auto 12px 12px;overflow:auto}.more-button{min-width:42px;min-height:38px}}