:root{--color-white:#fff;--color-black:#000;--color-neutral-50:#faf9f7;--color-neutral-100:#f4f3f1;--color-neutral-200:#eaeae8;--color-neutral-300:#dddcda;--color-neutral-400:#d0cfcd;--color-neutral-500:#c5c4c2;--color-neutral-600:#8b8fa0;--color-neutral-700:#6b6b6b;--color-neutral-800:#4a4a4a;--color-neutral-900:#1a1a1a;--color-primary-50:#eefbee;--color-primary-100:#d4f4d4;--color-primary-200:#a8e6a8;--color-primary-300:#8cdc8c;--color-primary-400:#b8f060;--color-primary-500:#7acc5a;--color-primary-600:#5cb043;--color-primary-700:#3d8c2e;--color-primary-800:#2a6b1f;--color-primary-900:#1a4a14;--color-destructive-50:#fdf3f2;--color-destructive-100:#f9e3e0;--color-destructive-200:#f2c4be;--color-destructive-300:#e89a8f;--color-destructive-400:#d9685a;--color-destructive-500:#b94a37;--color-destructive-600:#9a3d2e;--color-destructive-700:#7a3024;--color-destructive-800:#5c241b;--color-destructive-900:#3d1812;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-purple-50:#f5f3ff;--color-purple-500:#8b5cf6;--color-purple-600:#7c3aed;--color-amber-50:#fffbeb;--color-amber-500:#f59e0b;--color-amber-700:#b45309;--color-orange-50:#fff7ed;--color-orange-700:#c2410c;--color-green-50:#f0fdf4;--color-green-500:#22c55e;--color-green-700:#15803d;--color-lime-500:#b2f76c;--bg-page:#fafafa;--bg-surface:var(--color-white);--bg-muted:var(--color-neutral-100);--bg-hover:var(--color-neutral-200);--bg-active:var(--color-neutral-100);--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-700);--text-muted:var(--color-neutral-600);--text-placeholder:var(--color-neutral-500);--text-disabled:var(--color-neutral-500);--text-inverse:var(--color-white);--border-default:var(--color-neutral-300);--border-light:var(--color-neutral-200);--border-dark:var(--color-neutral-400);--border-focus:var(--color-neutral-400);--interactive-primary:var(--color-primary-500);--interactive-primary-hover:var(--color-primary-600);--interactive-primary-active:var(--color-primary-700);--interactive-destructive:var(--color-destructive-500);--interactive-destructive-hover:var(--color-destructive-600);--ui-text-primary:#000;--ui-text-secondary:#222;--ui-text-tertiary:#434343;--ui-text-muted:#878a94;--ui-text-subtle:#666;--ui-text-placeholder:grey;--ui-text-disabled:#9f9f9f;--ui-bg-hover:#eee;--ui-bg-page:#f4f4f4;--ui-border-light:#eee;--ui-border-default:#cacbcb;--ui-border-input:#c4c4c4;--ui-accent-green:#baecb7;--ui-accent-green-bright:#aef8a2;--font-family-base:var(--font-sohne),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-size-xxs:10px;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:48px;--line-height-tight:1.25;--line-height-snug:1.4;--line-height-normal:1.5;--line-height-relaxed:1.6;--letter-spacing-tight:-0.01em;--letter-spacing-normal:0;--letter-spacing-wide:0.05em;--space-0:0;--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;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--radius-interactive:15px;--radius-card:20px;--form-control-height:45px;--form-control-height-sm:36px;--button-height:40px;--button-height-sm:32px;--button-height-lg:48px;--button-padding-x:24px;--button-padding-x-sm:16px;--icon-button-size:40px;--icon-button-size-sm:32px;--avatar-size:40px;--avatar-size-sm:32px;--avatar-size-lg:48px;--avatar-size-xl:64px;--modal-padding:25px;--modal-max-width:600px;--modal-max-width-sm:400px;--modal-max-width-lg:800px;--overlay-bg:rgba(0,0,0,.4);--modal-image-size:250px;--modal-input-height:40px;--modal-input-radius:var(--radius-interactive);--modal-input-border:0.5px solid #c5c5c5;--modal-border-color:#eaeaea;--modal-input-border-color:#c5c5c5;--modal-select-bg:#eee;--shadow-none:none;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-dropdown:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-modal:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-toast:0 4px 20px rgba(0,0,0,.15);--duration-fast:100ms;--duration-base:150ms;--duration-slow:250ms;--duration-slower:300ms;--ease-default:ease;--ease-in:ease-in;--ease-out:ease-out;--ease-in-out:ease-in-out;--transition-fast:var(--duration-fast) var(--ease-default);--transition-base:var(--duration-base) var(--ease-default);--transition-slow:var(--duration-slow) var(--ease-default);--z-base:0;--z-dropdown:50;--z-sticky:40;--z-overlay:60;--z-modal:100;--z-toast:110;--z-tooltip:120;--btn-padding-y:var(--space-2);--btn-padding-x:var(--space-5);--btn-padding-y-sm:var(--space-1);--btn-padding-x-sm:var(--space-3);--btn-padding-y-lg:var(--space-4);--btn-padding-x-lg:var(--space-8);--btn-radius:var(--radius-md);--btn-radius-pill:var(--radius-pill);--input-padding-y:10px;--input-padding-x:var(--space-4);--input-radius:var(--radius-md);--input-bg:var(--color-neutral-100);--input-bg-hover:var(--color-neutral-200);--input-bg-focus:var(--color-white);--input-border-focus:var(--color-neutral-300);--card-radius:var(--radius-lg);--card-padding:var(--space-6);--modal-radius:var(--radius-xl);--modal-padding:var(--space-6);--sidebar-width:220px;--sidebar-padding:var(--space-4);--header-height:65px;--nav-item-padding-y:10px;--nav-item-padding-x:14px;--nav-item-radius:var(--radius-interactive);--nav-item-color:var(--ui-text-muted);--nav-item-color-active:var(--ui-text-primary);--nav-item-bg-active:var(--ui-bg-hover);--badge-padding-y:6px;--badge-padding-x:14px;--badge-radius:var(--radius-pill);--badge-font-size:var(--font-size-sm);--table-header-bg:var(--color-neutral-100);--table-row-hover-bg:var(--color-neutral-50);--table-border-color:var(--color-neutral-200);--dropdown-radius:var(--radius-lg);--dropdown-padding:6px;--dropdown-item-padding-y:10px;--dropdown-item-padding-x:var(--space-3);--dropdown-item-radius:var(--radius-md);--sidebar-item-padding-y:var(--space-2);--sidebar-item-padding-x:var(--space-3);--sidebar-item-radius:var(--radius-interactive);--sidebar-item-color:var(--ui-text-muted);--sidebar-item-color-active:var(--ui-text-primary);--sidebar-item-bg-hover:var(--ui-bg-hover);--toggle-bg:var(--border-default);--toggle-bg-active:var(--ui-accent-green-bright);--toggle-knob-bg:var(--bg-surface);--divider-color:var(--ui-border-default);--divider-color-light:var(--ui-border-light)}[data-nextjs-scroll-focus-boundary]{display:contents}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{font-family:var(--font-family-base);color:var(--text-primary);background:var(--bg-surface)}button{background:none;border:none;cursor:pointer;font:inherit}a,button{color:inherit}a{text-decoration:none}img{max-width:100%;height:auto;display:block}ol,ul{list-style:none;padding:0;margin:0}input,select,textarea{font:inherit}.body,.heading,a,h1,h2,h3,h4,h5,h6,input,p{font-family:var(--font-family-base)}.heading-lg{font-weight:var(--font-weight-light);font-size:var(--font-size-4xl);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-normal);margin:0;color:var(--text-primary)}.heading-m{font-size:var(--font-size-3xl)}.heading-m,.heading-s{font-weight:var(--font-weight-light);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);margin:0;color:var(--text-primary)}.heading-s{font-size:var(--font-size-2xl)}.heading-xs{font-weight:var(--font-weight-light);font-size:var(--font-size-lg);line-height:var(--line-height-snug)}.heading-xs,.heading-xxs{letter-spacing:var(--letter-spacing-normal);margin:0;color:var(--text-primary)}.heading-xxs{font-weight:var(--font-weight-normal);font-size:var(--font-size-md);line-height:var(--line-height-normal)}.body-l{font-size:var(--font-size-lg)}.body-l,.body-m{font-weight:var(--font-weight-light);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);color:var(--text-secondary)}.body-m{font-size:var(--font-size-md)}.body-s{font-size:var(--font-size-base);color:var(--text-secondary)}.body-s,.body-xs{font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.body-xs{font-size:var(--font-size-sm);color:var(--text-muted)}.body-xxs::-moz-placeholder{font-weight:var(--font-weight-normal);font-size:var(--font-size-xs);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);color:var(--text-muted)}.body-xxs,.body-xxs::placeholder{font-weight:var(--font-weight-normal);font-size:var(--font-size-xs);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);color:var(--text-muted)}h1{font-weight:var(--font-weight-light);font-size:var(--font-size-4xl);line-height:var(--line-height-snug);margin:0;color:var(--text-primary)}h2{font-size:var(--font-size-3xl)}h2,h3{font-weight:var(--font-weight-light);line-height:var(--line-height-normal);margin:0;color:var(--text-primary)}h3{font-size:var(--font-size-2xl)}h4{font-weight:var(--font-weight-light);font-size:var(--font-size-lg);line-height:var(--line-height-snug)}h4,h5{margin:0;color:var(--text-primary)}h5{font-size:var(--font-size-md)}h5,p{font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}p{font-size:var(--font-size-base);color:var(--text-secondary)}small{font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-muted,small{color:var(--text-muted)}.link-text{font-size:var(--font-size-base);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-base)}.link-text:hover{color:var(--text-muted)}.interpunct{display:inline-block;width:3px;height:3px;background-color:currentColor;border-radius:var(--radius-pill);margin:0 var(--space-2) 2px var(--space-2)}.label{font-weight:var(--font-weight-normal);font-size:var(--font-size-xxs);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--text-muted)}.welcome-section h1{margin-bottom:var(--space-2)}.welcome-section p{font-weight:var(--font-weight-light);font-size:var(--font-size-lg);line-height:var(--line-height-normal);color:var(--text-muted)}.text-heading{font-size:24px;line-height:1.4;color:var(--ui-text-primary)}.text-heading,.text-label{font-family:var(--font-family-base);font-weight:var(--font-weight-light);letter-spacing:0}.text-label{font-size:var(--font-size-xs);line-height:1.5;color:var(--ui-text-secondary)}.text-body{color:var(--ui-text-muted)}.text-body,.text-body-primary{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-light);line-height:1.5;letter-spacing:0}.text-body-primary{color:var(--ui-text-primary)}.text-body-medium{font-size:var(--font-size-base);line-height:1.5}.text-body-medium,.text-small{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);letter-spacing:0;color:var(--ui-text-primary)}.text-small,.text-small-muted{font-size:var(--font-size-sm);line-height:1.2}.text-small-muted{font-weight:var(--font-weight-normal);color:var(--ui-text-muted)}.text-caption,.text-small-muted{font-family:var(--font-family-base);letter-spacing:0}.text-caption{font-size:var(--font-size-xs);font-weight:var(--font-weight-light);line-height:1.5;color:var(--ui-text-secondary)}.text-form-label{font-family:var(--font-family-base);font-size:13px;font-weight:var(--font-weight-normal);line-height:1.35;letter-spacing:0;color:var(--ui-text-primary)}.text-form-value{text-align:right;color:var(--ui-text-muted)}.text-form-value,.text-nav{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-light);line-height:1.5;letter-spacing:0}.text-nav{color:var(--nav-item-color)}.text-nav-active{font-size:var(--font-size-base);line-height:1.5;color:var(--nav-item-color-active)}.text-badge,.text-nav-active{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);letter-spacing:0}.text-badge{font-size:var(--font-size-sm);line-height:1.2}.text-btn-uppercase{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.text-btn,.text-btn-uppercase{font-family:var(--font-family-base)}.text-btn{font-size:var(--font-size-base);font-weight:var(--font-weight-light);line-height:1.5;letter-spacing:0}.text-primary{color:var(--ui-text-primary)}.text-secondary{color:var(--ui-text-secondary)}.text-tertiary{color:var(--ui-text-tertiary)}.text-muted{color:var(--ui-text-muted)}.text-subtle{color:var(--ui-text-subtle)}.text-inverse{color:var(--text-inverse)}.text-destructive{color:var(--interactive-destructive)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.dashboard-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-page)}.dashboard-body{display:flex;flex:1;height:calc(100vh - var(--header-height))}.dashboard-sidebar{display:none;width:var(--sidebar-width);background:transparent;flex-shrink:0}@media (min-width:768px){.dashboard-sidebar{display:flex}}@media (max-width:767px){.dashboard-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:var(--z-dropdown);width:85vw;max-width:320px;transform:translateX(-100%);transition:transform var(--transition-slow);box-shadow:4px 0 24px rgba(0,0,0,.1)}.dashboard-sidebar.is-open{display:flex;transform:translateX(0)}}.sidebar-overlay{position:fixed;inset:0;z-index:var(--z-sticky);background:rgba(0,0,0,.5)}@media (min-width:768px){.sidebar-overlay{display:none}}.dashboard-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto;padding:var(--space-6) var(--space-4)}@media (min-width:640px){.dashboard-main{padding:var(--space-8) var(--space-6)}}@media (min-width:1024px){.dashboard-main{padding:var(--space-10) var(--space-8)}}.dashboard-content{flex:1;width:100%}.dashboard-page{display:flex;flex-direction:column;gap:var(--space-6);width:100%}.dashboard-header-section{text-align:center}.dashboard-controls{display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-controls-left{width:100%}.dashboard-controls-right{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}@media (min-width:1024px){.dashboard-controls{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-6)}.dashboard-controls-left{flex-shrink:0;width:auto}.dashboard-controls-right{flex-shrink:0;justify-content:flex-end}}.dashboard-productions{flex:1}.refetch-indicator{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--text-placeholder);margin-bottom:var(--space-4)}.refetch-spinner{width:16px;height:16px;border:2px solid var(--border-default);border-top-color:var(--color-blue-500);border-radius:var(--radius-pill);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.pagination-info{margin-top:var(--space-6);text-align:center;font-size:var(--font-size-base);color:var(--text-placeholder)}.dashboard-footer{width:100%;background:var(--bg-page);padding:var(--space-8) var(--space-4);display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}@media (min-width:640px){.dashboard-footer{padding:var(--space-8) var(--space-6)}}@media (min-width:1024px){.dashboard-footer{padding:var(--space-8) var(--space-8)}}.footer-links{display:flex;flex-direction:column;gap:var(--space-1)}@media (min-width:768px){.footer-links{flex-direction:row;gap:var(--space-3)}}.footer-copyright,.footer-links a{font-size:var(--font-size-xs);color:var(--text-muted);line-height:var(--line-height-normal)}.footer-links a:hover{color:var(--text-primary)}.footer-social{display:flex;gap:var(--space-4)}.footer-social a{color:var(--text-muted)}.footer-social a:hover{color:var(--text-primary)}.footer-social svg{width:20px;height:20px}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--border-default);border-radius:var(--radius-pill)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1;white-space:nowrap;padding:var(--btn-padding-y) var(--btn-padding-x);border-radius:var(--btn-radius);border:none;cursor:pointer;transition:all var(--transition-base)}.btn:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-primary{background:var(--interactive-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--interactive-primary-hover)}.btn-primary:active:not(:disabled){background:var(--interactive-primary-active)}.btn-secondary{background:var(--bg-muted);color:var(--color-neutral-800)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-secondary:active:not(:disabled){background:var(--color-neutral-300)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.btn-ghost:active:not(:disabled){background:var(--bg-hover)}.btn-outline{background:var(--bg-surface);color:var(--color-neutral-800);border:1px solid var(--border-default)}.btn-outline:hover:not(:disabled){background:var(--color-neutral-50);border-color:var(--border-dark)}.btn-outline:active:not(:disabled){background:var(--bg-muted)}.btn-destructive{background:transparent;color:var(--interactive-destructive)}.btn-destructive:hover:not(:disabled){background:var(--color-destructive-50);color:var(--interactive-destructive-hover)}.btn-destructive-solid{background:var(--interactive-destructive);color:var(--text-inverse)}.btn-destructive-solid:hover:not(:disabled){background:var(--interactive-destructive-hover)}.btn-sm{font-size:var(--font-size-sm);padding:var(--btn-padding-y-sm) var(--btn-padding-x-sm);gap:6px}.btn-sm svg{width:14px;height:14px}.btn-lg{font-size:var(--font-size-md);padding:var(--btn-padding-y-lg) var(--btn-padding-x-lg);gap:10px}.btn-lg svg{width:20px;height:20px}.btn-icon{padding:10px;background:transparent;color:var(--text-muted)}.btn-icon:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.btn-icon svg{width:20px;height:20px}.btn-pill{background:transparent;color:var(--color-neutral-800);border:1px solid var(--border-default);border-radius:var(--btn-radius-pill);padding:10px var(--space-4);font-size:var(--font-size-sm)}.btn-pill:hover:not(:disabled){background:var(--color-neutral-50);border-color:var(--border-dark)}.btn-full{width:100%}.action-button{display:flex;justify-content:center;align-items:center;margin:15px;padding:10px 20px;border-radius:var(--radius-md);transition:all var(--transition-base)}.action-button.large{padding:20px 60px}.action-button.w-full{margin-left:0;margin-right:0}.action-button.small{width:50px;height:50px;padding:5px;margin:5px}.button-primary,.button-secondary{padding:10px 24px;border-radius:var(--radius-pill);border:none;outline:none;cursor:pointer}.close-detail{display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin:10px 5px;border-radius:var(--radius-sm)}.card{display:flex;flex-direction:column}.card-image{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:var(--card-radius);background:var(--bg-muted)}.card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow)}.card-content{padding-top:var(--space-3)}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-light);color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta,.card-title{font-family:var(--font-family-base)}.card-meta{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-1);display:flex;align-items:center}.card-interactive{cursor:pointer;transition:transform var(--transition-base)}.card-interactive:hover{transform:translateY(-4px)}.card-interactive:hover .card-image img{transform:scale(1.03)}.card-interactive:hover .card-title{color:var(--text-secondary)}.card-interactive:focus-visible{outline:none}.card-interactive:focus-visible .card-image{outline:2px solid var(--interactive-primary);outline-offset:2px}.card-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:639px){.card-grid{gap:var(--space-5)}.card-image{aspect-ratio:3/2}}.card-promo{background:var(--bg-muted);border-radius:var(--card-radius);padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--space-4)}.card-promo-title{font-size:var(--font-size-base);font-weight:var(--font-weight-light);color:var(--text-primary);text-align:center;line-height:var(--line-height-snug)}.card-promo-description{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center}.card-promo-action{margin-top:auto}.image-overlay{position:relative}.image-overlay:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(0deg,rgba(0,0,0,.3),transparent);pointer-events:none;border-radius:0 0 var(--card-radius) var(--card-radius)}.dropdown{position:relative;display:inline-flex}.dropdown-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-2) var(--space-3);font-family:var(--font-family-base);font-size:13px;font-weight:var(--font-weight-normal);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.dropdown-trigger:hover{background:var(--bg-muted);color:var(--text-primary)}.dropdown-trigger svg{width:16px;height:16px}.dropdown-trigger-icon{width:32px;height:32px;padding:0;color:var(--text-placeholder)}.dropdown-trigger-icon:hover{background:var(--bg-muted);color:var(--text-secondary)}.dropdown-trigger-icon svg{width:18px;height:18px}.dropdown-trigger[aria-expanded=true]{background:var(--bg-muted);color:var(--text-primary)}.dropdown-content{position:absolute;top:100%;right:0;z-index:var(--z-dropdown);min-width:160px;max-width:200px;width:-moz-max-content;width:max-content;margin-top:var(--space-1);padding:var(--dropdown-padding);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--dropdown-radius);box-shadow:var(--shadow-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.95);transition:all var(--transition-base)}.dropdown-content.open,.dropdown.open .dropdown-content{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-content-left{right:auto;left:0}.dropdown-content-up{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--space-1)}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--dropdown-item-radius);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--bg-muted);color:var(--text-primary)}.dropdown-item:focus{outline:none;background:var(--bg-muted)}.dropdown-item svg{width:16px;height:16px;flex-shrink:0;color:var(--text-placeholder)}.dropdown-item:hover svg{color:var(--text-secondary)}.dropdown-item-destructive{color:var(--interactive-destructive-hover)}.dropdown-item-destructive:hover{background:var(--color-destructive-50);color:var(--color-destructive-700)}.dropdown-item-destructive svg{color:var(--interactive-destructive)}.dropdown-item-destructive:hover svg{color:var(--interactive-destructive-hover)}.dropdown-item-disabled,.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item-disabled:hover,.dropdown-item:disabled:hover{background:transparent;color:var(--text-secondary)}.dropdown-divider{height:1px;margin:6px 0;background:var(--border-light)}.dropdown-label{padding:var(--space-2) var(--space-3) var(--space-1);font-family:var(--font-family-base);font-size:var(--font-size-xxs);font-weight:var(--font-weight-normal);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-placeholder)}.dropdown-item-check .check-icon{width:16px;height:16px;opacity:0;transition:opacity var(--transition-fast)}.dropdown-item-check.selected .check-icon{opacity:1}.dropdown-item[data-highlighted]{background:var(--bg-muted);color:var(--text-primary)}.context-menu{position:fixed;z-index:var(--z-modal);min-width:180px;padding:var(--dropdown-padding);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--dropdown-radius);box-shadow:var(--shadow-lg);animation:context-menu-in var(--transition-base)}@keyframes context-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.filter-dropdown{min-width:200px;max-height:320px;overflow-y:auto}.filter-dropdown-search{padding:var(--space-2);border-bottom:1px solid var(--border-light)}.filter-dropdown-search input{width:100%;padding:var(--space-2) var(--space-3);font-size:13px;background:var(--color-neutral-50);border:none;border-radius:6px;outline:none}.filter-dropdown-search input:focus{background:var(--bg-muted)}.filter-dropdown-options{padding:var(--space-1) 0;max-height:240px;overflow-y:auto}.filter-dropdown-footer{padding:var(--space-2);border-top:1px solid var(--border-light);display:flex;justify-content:space-between;gap:var(--space-2)}.filter-dropdown-btn{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);border:none;border-radius:6px;cursor:pointer;transition:all var(--transition-base)}.filter-dropdown-btn-clear{background:transparent;color:var(--text-muted)}.filter-dropdown-btn-clear:hover{background:var(--bg-muted);color:var(--color-neutral-800)}.filter-dropdown-btn-apply{background:var(--text-primary);color:var(--text-inverse)}.filter-dropdown-btn-apply:hover{background:var(--color-neutral-800)}.sort-dropdown-item{display:flex;align-items:center;justify-content:space-between}.sort-dropdown-item .sort-direction{display:flex;align-items:center;gap:2px;opacity:0}.sort-dropdown-item .sort-direction svg{width:14px;height:14px}.sort-dropdown-item.selected .sort-direction{opacity:1}.popover{z-index:var(--z-dropdown);padding:var(--space-3) var(--space-4);border:1px solid var(--border-light);border-radius:var(--dropdown-radius);box-shadow:var(--shadow-dropdown)}.popover,.popover-arrow{position:absolute;background:var(--bg-surface)}.popover-arrow{width:12px;height:12px;border:1px solid var(--border-light);border-right:none;border-bottom:none;transform:rotate(45deg)}.popover-arrow-top{bottom:-7px;left:50%;margin-left:-6px;transform:rotate(-135deg)}.popover-arrow-bottom{top:-7px;left:50%;margin-left:-6px;transform:rotate(45deg)}.input{width:100%;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--text-primary);background:var(--input-bg);border:1px solid transparent;border-radius:var(--input-radius);padding:var(--input-padding-y) var(--input-padding-x);transition:all var(--transition-base)}.input::-moz-placeholder{color:var(--text-placeholder)}.input::placeholder{color:var(--text-placeholder)}.input:hover{background:var(--input-bg-hover)}.input:focus{outline:none;background:var(--input-bg-focus);border-color:var(--input-border-focus);box-shadow:0 0 0 3px var(--bg-muted)}.input:disabled{opacity:.5;cursor:not-allowed}.input-error,.input-error:focus{border-color:var(--interactive-destructive)}.input-error:focus{box-shadow:0 0 0 3px var(--color-destructive-50)}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-3);color:var(--text-placeholder);pointer-events:none}.input-icon svg{width:16px;height:16px}.input-group .input{padding-left:40px}.input-group-right .input-icon{left:auto;right:var(--space-3)}.input-group-right .input{padding-left:var(--input-padding-x);padding-right:40px}.search-bar{position:relative;width:100%;background-color:var(--bg-muted);border-radius:var(--radius-pill)}@media (min-width:640px){.search-bar{width:270px}}.search-bar input{width:100%;padding:var(--input-padding-y) var(--input-padding-x) var(--input-padding-y) 40px;border:none;background-color:transparent;outline:none;font-family:var(--font-family-base);font-size:13px;line-height:var(--line-height-normal)}.search-bar input::-moz-placeholder{color:var(--text-placeholder)}.search-bar input::placeholder{color:var(--text-placeholder)}.search-bar input:focus{outline:none}.search-bar .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-placeholder);pointer-events:none}.form-label{display:block;font-family:var(--font-family-base);font-size:var(--font-size-xxs);font-weight:var(--font-weight-normal);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-muted);margin-bottom:6px}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-hint{color:var(--text-muted)}.form-error,.form-hint{font-size:var(--font-size-xs)}.form-error{color:var(--interactive-destructive)}.textarea{width:100%;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--text-primary);background:var(--input-bg);border:1px solid transparent;border-radius:var(--input-radius);padding:var(--input-padding-y) var(--input-padding-x);transition:all var(--transition-base);min-height:100px;resize:vertical;line-height:var(--line-height-normal)}.textarea::-moz-placeholder{color:var(--text-placeholder)}.textarea::placeholder{color:var(--text-placeholder)}.textarea:hover{background:var(--input-bg-hover)}.textarea:focus{outline:none;background:var(--input-bg-focus);border-color:var(--input-border-focus);box-shadow:0 0 0 3px var(--bg-muted)}.textarea:disabled{opacity:.5;cursor:not-allowed}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--input-radius);padding:var(--input-padding-y) 40px var(--input-padding-y) var(--input-padding-x);cursor:pointer;transition:all var(--transition-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center}.select:focus,.select:hover{border-color:var(--border-dark)}.select:focus{outline:none;box-shadow:0 0 0 3px var(--bg-muted)}.input-container{padding:var(--space-5);margin:10px 0;border-radius:var(--radius-xl);display:flex;align-items:center}.input-container .input-body input,.input-container .input-body input:focus,.input-container .input-body input[type=email],.input-container input[type=password]{width:100%;background:transparent;background-color:transparent;border:none;outline:none;font-family:var(--font-family-base);font-size:var(--font-size-md)}.input-container textarea{width:100%;background:transparent;border:none;outline:none;font-family:var(--font-family-base);font-size:var(--font-size-md)}.input-container input::-moz-placeholder,.input-container textarea::-moz-placeholder{font-family:var(--font-family-base)}.input-container input::placeholder,.input-container textarea::placeholder{font-family:var(--font-family-base)}.input-container .icon{margin-right:var(--space-2)}.input-body{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;margin-left:10px}.input-body label{text-transform:uppercase;font-size:var(--font-size-xxs)}@media (min-width:768px){.resource-search{width:270px;min-width:270px;max-width:270px}.resource-search--wide{min-width:320px;max-width:400px}.resource-search--full{width:100%;max-width:none}}.resource-search__input{width:100%;height:38px;padding:10px 12px 10px 38px;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:1.5;letter-spacing:0;color:var(--ui-text-primary);background-color:#eee;border:1px solid transparent;border-radius:15px;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.resource-search__input::-moz-placeholder{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:1.5;letter-spacing:0;color:grey}.resource-search__input::placeholder{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:1.5;letter-spacing:0;color:grey}.resource-search__input:hover{background-color:var(--bg-hover)}.resource-search__input:focus{outline:none;background-color:var(--bg-surface);border-color:var(--ui-border-input);box-shadow:0 0 0 2px var(--bg-muted)}.resource-search__input:disabled{opacity:.5;cursor:not-allowed}.resource-search__input--has-value{padding-right:38px}.resource-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--ui-text-primary);pointer-events:none;transition:color var(--transition-base)}.resource-search__icon svg{width:18px;height:18px}.resource-search:focus-within .resource-search__icon,.resource-search__input:focus~.resource-search__icon{color:var(--ui-text-primary)}.resource-search__icon--loading svg{animation:search-spin .8s linear infinite}@keyframes search-spin{to{transform:rotate(1turn)}}.resource-search__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;color:var(--ui-text-muted);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:color var(--transition-base),background-color var(--transition-base)}.resource-search__clear:focus,.resource-search__clear:hover{color:var(--ui-text-secondary);background-color:var(--bg-hover)}.resource-search__clear:focus{outline:none}.resource-search__clear svg{width:12px;height:12px}.resource-search__hint{position:absolute;top:calc(100% + var(--space-1));left:12px;font-family:var(--font-family-base);font-size:var(--font-size-xs);color:var(--ui-text-muted)}.resource-search--sm .resource-search__input{height:var(--form-control-height-sm);padding:0 var(--space-8) 0 var(--space-8);font-size:var(--font-size-sm)}.resource-search--sm .resource-search__icon{left:var(--space-3)}.resource-search--sm .resource-search__icon svg{width:14px;height:14px}.resource-search--sm .resource-search__clear{right:var(--space-2);width:20px;height:20px}.resource-search--sm .resource-search__clear svg{width:12px;height:12px}.resource-search--lg .resource-search__input{height:var(--button-height-lg);padding:0 var(--space-12) 0 var(--space-12);font-size:var(--font-size-md)}.resource-search--lg .resource-search__icon{left:var(--space-5)}.resource-search--lg .resource-search__icon svg{width:20px;height:20px}.resource-search--lg .resource-search__clear{right:var(--space-4);width:28px;height:28px}.resource-search--bordered .resource-search__input{background-color:var(--bg-surface);border-color:var(--ui-border-input)}.resource-search--bordered .resource-search__input:hover{border-color:var(--ui-border-default)}.resource-search--bordered .resource-search__input:focus{border-color:var(--ui-text-primary);box-shadow:0 0 0 1px var(--ui-text-primary)}.resource-search__shortcut{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:none;align-items:center;padding:2px 6px;font-family:var(--font-family-base);font-size:var(--font-size-xs);color:var(--ui-text-muted);background-color:var(--bg-surface);border:1px solid var(--ui-border-light);border-radius:var(--radius-sm)}@media (min-width:640px){.resource-search__shortcut{display:flex}}.resource-search__input--has-value~.resource-search__shortcut{display:none}@media (prefers-reduced-motion:reduce){.resource-search__clear,.resource-search__icon,.resource-search__input{transition:none}.resource-search__icon--loading svg{animation:none}}.search-highlight{background-color:var(--color-amber-50,#fffbeb);color:var(--color-amber-700,#b45309);border-radius:var(--radius-sm,4px);padding:0 2px;font-weight:var(--font-weight-medium,500)}.nav-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--nav-item-padding-y) var(--nav-item-padding-x);border:none;background:transparent;border-radius:var(--nav-item-radius);cursor:pointer;text-align:left;text-decoration:none;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-light);line-height:1.5;letter-spacing:0;color:var(--nav-item-color);transition:color var(--transition-base),background-color var(--transition-base)}.nav-item:hover{color:var(--nav-item-color-active);background-color:var(--nav-item-bg-active)}.nav-item:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:-2px}.nav-item.active{color:var(--nav-item-color-active);background-color:var(--nav-item-bg-active);font-weight:var(--font-weight-normal)}.nav-item svg,.nav-item-icon{width:20px;height:20px;flex-shrink:0;color:currentColor}.nav-item-danger:hover{background-color:var(--color-destructive-50);color:var(--interactive-destructive)}.nav-item-centered{justify-content:center}.nav-item-badge{margin-left:auto;padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);background-color:var(--ui-bg-hover);color:var(--ui-text-muted)}.nav-item.active .nav-item-badge{background-color:var(--bg-surface)}.nav-item-chevron{margin-left:auto;width:16px;height:16px;flex-shrink:0;opacity:.4;color:var(--ui-text-muted);transition:transform var(--transition-base)}.nav-item:hover .nav-item-chevron{opacity:.7}.nav-item-actions{display:flex;align-items:center;gap:var(--space-1);margin-left:auto;opacity:0;transition:opacity var(--transition-base)}.nav-item:hover .nav-item-actions{opacity:1}.sidebar-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--sidebar-item-padding-y) var(--sidebar-item-padding-x);border:none;background:transparent;border-radius:var(--sidebar-item-radius);cursor:pointer;text-align:left;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-light);line-height:1.5;letter-spacing:0;color:var(--sidebar-item-color);transition:color var(--transition-base),background-color var(--transition-base)}.sidebar-item:hover{color:var(--sidebar-item-color-active);background-color:var(--sidebar-item-bg-hover)}.sidebar-item.active{color:var(--sidebar-item-color-active);font-weight:var(--font-weight-normal)}.sidebar-item-danger:hover{background-color:var(--color-destructive-50);color:var(--interactive-destructive)}.sidebar-item-label{flex:1}.sidebar-item-chevron{flex-shrink:0;opacity:.4;color:var(--ui-text-muted)}.header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg-page)}.header-container{width:100%;padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center}@media (min-width:640px){.header-container{padding:var(--space-3) var(--space-6)}}@media (min-width:1024px){.header-container{padding:var(--space-3) var(--space-8)}}.header-left{display:flex;align-items:center;gap:var(--space-4)}.header-center{flex:1;display:flex;justify-content:center}.header-right{display:flex;align-items:center;gap:var(--space-2)}.sidebar{position:relative;display:flex;flex-direction:column;height:100%;width:100%;padding:72px var(--space-3);background:var(--bg-page)}@media (min-width:768px){.sidebar{padding:0 var(--sidebar-padding) var(--space-4)}}.sidebar-section{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-section+.sidebar-section{margin-top:var(--space-1)}.section-divider-top{border-top:1px solid var(--border-light);padding-top:var(--space-3);margin-top:var(--space-3)}.nav-item{gap:var(--space-3)}.nav-item svg{width:20px;height:20px;flex-shrink:0}.upgrade-cta{background-color:var(--ui-bg-hover);border-radius:var(--card-radius);padding:var(--space-5) var(--space-4);margin:var(--space-2) var(--space-1);display:flex;flex-direction:column;gap:var(--space-3)}.upgrade-cta-title{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-light);line-height:1.5;letter-spacing:0;text-align:center;color:var(--ui-text-secondary)}.upgrade-cta .btn,.upgrade-cta-description{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-light);line-height:1.5;letter-spacing:0;text-align:center;color:var(--ui-text-secondary)}.upgrade-cta .btn{margin-top:var(--space-1);padding:var(--input-padding-y) var(--space-4);background-color:#fff;border:none;border-radius:var(--radius-pill);white-space:nowrap}.user-profile{display:flex;align-items:center;gap:var(--space-3)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-pill);overflow:hidden;background:var(--bg-hover);flex-shrink:0}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-avatar-sm{width:32px;height:32px}.user-info{display:flex;flex-direction:column;line-height:1.3}.user-name{font-size:var(--font-size-md);color:var(--text-primary)}.user-name,.user-role{font-weight:var(--font-weight-normal)}.user-role{font-size:var(--font-size-base);color:var(--text-muted)}.notifications-container{position:relative}.notifications-button{position:relative;width:40px;height:40px;background-color:var(--color-neutral-50);border-radius:var(--radius-pill);padding:10px;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-base)}.notifications-button:hover{background-color:var(--bg-muted)}.notifications-button svg{width:20px;height:20px;color:var(--text-muted)}.notification-badge{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:var(--radius-pill);background-color:var(--color-primary-400);border:2px solid var(--bg-surface)}.mobile-nav-toggle{display:flex;align-items:center;justify-content:center;padding:var(--space-2);color:var(--text-secondary);border-radius:var(--radius-md)}.mobile-nav-toggle:hover{background:var(--bg-muted)}.mobile-nav-toggle svg{width:24px;height:24px}@media (min-width:768px){.mobile-nav-toggle{display:none}}.hidden-mobile{display:none!important}@media (min-width:768px){.hidden-mobile{display:block!important}}.visible-mobile{display:block!important}@media (min-width:768px){.visible-mobile{display:none!important}}.resource-list{--table-border-radius:var(--radius-lg);--table-border-radius-pill:var(--radius-pill);--table-bg-header:var(--bg-muted);--table-bg-row-hover:var(--color-neutral-50);--table-bg-row-selected:var(--color-blue-50);--table-text-primary:var(--text-primary);--table-text-secondary:var(--text-secondary);--table-text-muted:var(--text-muted);--table-border-color:var(--border-light);--table-border-color-light:var(--border-light);display:flex;flex-direction:column;width:100%}.resource-header{margin-bottom:var(--space-6)}.resource-header,.resource-header-top{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width:640px){.resource-header-top{flex-direction:row;align-items:center;justify-content:space-between}}.resource-title{font-family:var(--font-family-base);font-size:var(--font-size-3xl);font-weight:var(--font-weight-light);color:var(--table-text-primary);margin:0}.resource-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}@media (max-width:768px){.resource-toolbar{flex-direction:column;align-items:stretch}}.resource-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.resource-action-btn{display:inline-flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-3);font-size:13px;font-weight:var(--font-weight-normal);color:var(--table-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.resource-action-btn:hover{background:var(--table-bg-header);color:var(--table-text-primary)}.resource-action-btn svg{width:16px;height:16px}.resource-action-btn-primary,.resource-action-btn.active{background:var(--table-text-primary);color:var(--text-inverse)}.resource-action-btn-primary{padding:10px var(--space-5);border-radius:var(--radius-pill)}.resource-action-btn-primary:hover{background:var(--color-neutral-700);color:var(--text-inverse)}.resource-search{position:relative;width:100%;max-width:300px}.resource-search-input{width:100%;padding:10px var(--space-4) 10px 40px;font-family:var(--font-family-base);font-size:13px;color:var(--table-text-primary);background:var(--table-bg-header);border:none;border-radius:var(--radius-pill);outline:none}.resource-search-input::-moz-placeholder{color:var(--table-text-muted)}.resource-search-input::placeholder{color:var(--table-text-muted)}.resource-search-input:focus{background:var(--color-neutral-50);box-shadow:0 0 0 2px var(--table-border-color)}.resource-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--table-text-muted);pointer-events:none}.resource-search-icon svg{width:16px;height:16px}.resource-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.resource-table{width:100%;border-collapse:collapse;min-width:800px}.resource-table-header{background:var(--table-bg-header)}.resource-table-header th{padding:14px var(--space-4);font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--table-text-secondary);text-align:left;white-space:nowrap;border:none}.resource-table-header th:first-child{border-radius:var(--table-border-radius) 0 0 var(--table-border-radius);padding-left:var(--space-5)}.resource-table-header th:last-child{border-radius:0 var(--table-border-radius) var(--table-border-radius) 0;padding-right:var(--space-5)}.resource-table-body tr{border-bottom:1px solid var(--table-border-color-light);transition:background var(--transition-base)}.resource-table-body tr:hover{background:var(--table-bg-row-hover)}.resource-table-body tr:last-child{border-bottom:none}.resource-table-body tr.selected{background:var(--table-bg-row-selected)}.resource-table-body tr.selected:hover{background:var(--color-blue-100)}.resource-table-body td{padding:var(--space-4);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--table-text-primary);vertical-align:middle}.resource-table-body td:first-child{padding-left:var(--space-5)}.resource-table-body td:last-child{padding-right:var(--space-5)}.resource-cell-item{display:flex;align-items:center;gap:var(--space-3);min-width:200px}.resource-cell-checkbox{width:18px;height:18px;border:1.5px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.resource-cell-checkbox:hover{border-color:var(--border-dark)}.resource-cell-checkbox.checked{background:var(--table-text-primary);border-color:var(--table-text-primary)}.resource-cell-checkbox svg{width:12px;height:12px;color:var(--text-inverse);opacity:0}.resource-cell-checkbox.checked svg{opacity:1}.resource-cell-thumbnail{width:56px;height:56px;border-radius:var(--radius-md);background:var(--table-bg-header);overflow:hidden;flex-shrink:0}.resource-cell-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.resource-cell-name{font-weight:var(--font-weight-normal);color:var(--table-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.resource-card-list{display:none;flex-direction:column;gap:var(--space-3)}.resource-card{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--table-border-color);border-radius:var(--table-border-radius);cursor:pointer;transition:all var(--transition-base)}.resource-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.resource-card.selected{border-color:var(--color-blue-500);background:var(--color-blue-50)}.resource-card-image{width:72px;height:72px;border-radius:var(--radius-md);background:var(--table-bg-header);overflow:hidden;flex-shrink:0}.resource-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.resource-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.resource-card-title{font-size:15px;font-weight:var(--font-weight-normal);color:var(--table-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-card-meta{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--table-text-secondary)}.resource-card-meta-divider{width:3px;height:3px;background:var(--table-text-muted);border-radius:var(--radius-pill)}.resource-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-1)}.resource-card-price{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--table-text-primary)}.resource-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.resource-empty-icon{width:64px;height:64px;margin-bottom:var(--space-4);color:var(--table-text-muted)}.resource-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--table-text-secondary);margin-bottom:var(--space-2)}.resource-empty-description{font-size:var(--font-size-base);color:var(--table-text-muted);max-width:300px;margin-bottom:var(--space-6)}.resource-bulk-bar{position:sticky;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);background:var(--table-text-primary);color:var(--text-inverse);border-radius:var(--table-border-radius);margin:var(--space-4);box-shadow:var(--shadow-toast);animation:slide-up-resource var(--duration-base) var(--ease-out)}@keyframes slide-up-resource{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.resource-bulk-bar-count{font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.resource-bulk-bar-actions{display:flex;align-items:center;gap:var(--space-2)}.resource-bulk-bar-btn{padding:var(--space-2) var(--space-4);font-size:13px;color:var(--text-inverse);background:hsla(0,0%,100%,.1);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base)}.resource-bulk-bar-btn:hover{background:hsla(0,0%,100%,.2)}.resource-bulk-bar-btn-destructive{color:var(--color-destructive-200)}.resource-bulk-bar-btn-destructive:hover{background:var(--interactive-destructive);color:var(--text-inverse)}@media (max-width:767px){.resource-table-container{display:none}.resource-card-list{display:flex}.resource-card-checkbox,.resource-cell-checkbox{display:none}.resource-card{background-color:#f8f8f8;border:none;border-radius:var(--radius-md)}.resource-card:hover{border:none}.resource-card-image{width:35px;height:35px;border-radius:50%}.resource-card-content p,.resource-card-content span,.resource-card-meta,.resource-card-price,.resource-card-title{font-family:var(--font-family-base);font-weight:var(--font-weight-normal);font-size:11px;line-height:1.5;letter-spacing:0}.resource-card-title{color:var(--table-text-primary)}.resource-card-meta{color:var(--table-text-secondary)}}@media (min-width:768px){.resource-card-list{display:none}.resource-table-container{display:block}}