*{margin:0;padding:0}body,html{overscroll-behavior-y:contain}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:1.1rem;justify-content:center;padding:2rem}.error-message{background-color:var(--error-bg);border:1px solid var(--error-border);border-radius:.25rem;color:var(--error-text);margin:1rem 0;padding:.75rem 1rem}.empty-state{color:var(--text-secondary);padding:3rem 1rem}.empty-state p{font-size:1.1rem}:root{--delft-blue:#1b3a6b;--delft-medium:#3d6b9e;--delft-light:#6b9bcb;--delft-ice:#e3edf7;--delft-frost:#f0f5fa;--slate-blue:#4a7a9e;--deep-blue:#2c5f8a;--cool-white:#f8fafc;--cool-gray:#edf1f5;--steel-gray:#6b7d8d;--charcoal:#2d3748;--primary:var(--delft-blue);--primary-light:var(--delft-medium);--primary-dark:#0f2a4a;--secondary:var(--slate-blue);--accent:var(--delft-light);--bg-primary:var(--cool-white);--bg-secondary:var(--cool-gray);--bg-accent:var(--delft-ice);--bg-card:var(--delft-frost);--text-primary:var(--charcoal);--text-secondary:var(--steel-gray);--text-accent:var(--delft-blue);--text-inverse:var(--cool-white);--border-light:#d4dee8;--border-medium:#b8c8d8;--border-dark:var(--delft-medium);--success:#48bb78;--success-dark:#38a169;--warning:#ecc94b;--error:#f56565;--error-bg:#fff5f5;--error-border:#feb2b2;--error-text:#c53030;--info:var(--slate-blue);--disabled:var(--steel-gray);--shadow-sm:0 1px 3px #1b3a6b1a;--shadow-md:0 4px 6px #1b3a6b1a,0 2px 4px #1b3a6b0f;--shadow-lg:0 10px 15px #1b3a6b1a,0 4px 6px #1b3a6b0d;--shadow-xl:0 20px 25px #1b3a6b1a,0 10px 10px #1b3a6b0a;--focus-ring:0 0 0 3px #1b3a6b33;--font-family-primary:"Georgia","Times New Roman",serif;--font-family-secondary:"Lato","Helvetica",sans-serif;--font-family-mono:"Monaco","Consolas",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{box-sizing:border-box}html{font-size:16px;line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-primary);color:#2d3748;color:var(--text-primary);font-family:Lato,Helvetica,sans-serif;font-family:var(--font-family-secondary);margin:0;padding:0}.heading-primary{color:#1b3a6b;color:var(--text-accent);font-family:Georgia,Times New Roman,serif;font-family:var(--font-family-primary);font-weight:700;line-height:1.25;line-height:var(--leading-tight)}.heading-secondary{color:#2d3748;color:var(--text-primary);font-family:Lato,Helvetica,sans-serif;font-family:var(--font-family-secondary);font-weight:600;font-weight:var(--font-semibold);line-height:1.5;line-height:var(--leading-normal)}.text-brand{color:#1b3a6b;color:var(--delft-blue)}.text-accent{color:#6b9bcb;color:var(--accent)}.text-muted{color:#6b7d8d}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Lato,Helvetica,sans-serif;font-family:var(--font-family-secondary);font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--font-medium);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all .25s ease-in-out;transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background-color:#1b3a6b;background-color:var(--delft-blue);box-shadow:0 1px 3px #1b3a6b1a;box-shadow:var(--shadow-sm);color:#f8fafc;color:var(--text-inverse)}.btn-primary:hover{background-color:#0f2a4a;background-color:var(--primary-dark);box-shadow:0 4px 6px #1b3a6b1a,0 2px 4px #1b3a6b0f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:#4a7a9e;background-color:var(--slate-blue);box-shadow:0 1px 3px #1b3a6b1a;box-shadow:var(--shadow-sm);color:#f8fafc;color:var(--text-inverse)}.btn-secondary:hover{background-color:#2c5f8a;background-color:var(--deep-blue);box-shadow:0 4px 6px #1b3a6b1a,0 2px 4px #1b3a6b0f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{background-color:initial;border:2px solid #1b3a6b;border:2px solid var(--delft-blue);color:#1b3a6b;color:var(--delft-blue)}.btn-outline:hover{background-color:#1b3a6b;background-color:var(--delft-blue);color:#f8fafc;color:var(--text-inverse)}.btn-ghost{background-color:initial;box-shadow:none;color:#2d3748;color:var(--text-primary)}.btn-ghost:hover{background-color:#edf1f5;background-color:var(--bg-secondary)}.card{background-color:#f0f5fa;background-color:var(--bg-card);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px #1b3a6b1a,0 2px 4px #1b3a6b0f;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--spacing-6);transition:box-shadow .25s ease-in-out;transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:0 10px 15px #1b3a6b1a,0 4px 6px #1b3a6b0d;box-shadow:var(--shadow-lg)}.card-header{border-bottom:1px solid #d4dee8;border-bottom:1px solid var(--border-light);margin-bottom:1.5rem;margin-bottom:var(--spacing-6);padding-bottom:1rem;padding-bottom:var(--spacing-4)}.card-title{color:#1b3a6b;color:var(--text-accent);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-semibold);margin:0}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.form-label{color:#2d3748;color:var(--text-primary);display:block;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.form-input{background-color:#f8fafc;background-color:var(--cool-white);border:2px solid #b8c8d8;border:2px solid var(--border-medium);border-radius:.5rem;border-radius:var(--radius-lg);box-sizing:border-box;font-family:Lato,Helvetica,sans-serif;font-family:var(--font-family-secondary);font-size:1rem;font-size:var(--text-base);max-width:100%;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);transition:border-color .25s ease-in-out;transition:border-color var(--transition-normal);width:100%}.form-input:focus{border-color:#1b3a6b;border-color:var(--delft-blue);box-shadow:0 0 0 3px #1b3a6b33;box-shadow:var(--focus-ring);outline:none}input[type=date].form-input,input[type=datetime-local].form-input{appearance:none;min-width:0}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:2.5rem;padding-right:var(--spacing-10)}.dashboard-content{margin:0 auto;max-width:1200px;padding:0 clamp(8px,3vw - 4px,20px)}.container{padding:0 1.5rem;padding:0 var(--spacing-6)}.flex-col{flex-direction:column}.gap-4{gap:1rem}.gap-6{gap:1.5rem;gap:var(--spacing-6)}.p-4{padding:1rem;padding:var(--spacing-4)}.p-6{padding:1.5rem;padding:var(--spacing-6)}.px-4{padding-left:1rem;padding-left:var(--spacing-4);padding-right:1rem;padding-right:var(--spacing-4)}.py-4{padding-bottom:1rem;padding-top:1rem}.m-4{margin:1rem;margin:var(--spacing-4)}.mb-4{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.role-admin-only,.role-member-plus,.role-price-viewer{display:none}[data-user-role=ADMIN] .role-admin-only,[data-user-role=ADMIN] .role-member-plus,[data-user-role=ADMIN] .role-price-viewer,[data-user-role=MEMBER] .role-member-plus,[data-user-role=MEMBER] .role-price-viewer,[data-user-role=OWNER] .role-admin-only,[data-user-role=OWNER] .role-member-plus,[data-user-role=OWNER] .role-price-viewer,[data-user-role=PLATFORM_ADMIN] .role-admin-only,[data-user-role=PLATFORM_ADMIN] .role-member-plus,[data-user-role=PLATFORM_ADMIN] .role-price-viewer,[data-user-role=VIEWER] .role-price-viewer{display:block}.tab-navigation{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.tab-button{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-lg);color:#6b7d8d;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;font-weight:var(--font-medium);gap:.5rem;gap:var(--spacing-2);padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);transition:all .25s ease-in-out;transition:all var(--transition-normal);white-space:nowrap}.tab-button:hover{background-color:#f8fafc;background-color:var(--bg-primary);color:#2d3748;color:var(--text-primary)}.tab-button.active{background-color:#1b3a6b;background-color:var(--delft-blue);box-shadow:0 1px 3px #1b3a6b1a;box-shadow:var(--shadow-sm);color:#f8fafc;color:var(--text-inverse)}.tab-icon{font-size:1.125rem;font-size:var(--text-lg)}.tab-label{font-size:.875rem;font-size:var(--text-sm)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.slides-grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.slides-grid-compact{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.status-badge{border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);letter-spacing:.5px;padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.status-badge.active{background-color:#48bb78;background-color:var(--success);color:#fff}.status-badge.inactive{background-color:#6b7d8d;background-color:var(--steel-gray);color:#fff}.role-badge{font-size:.75rem;font-size:var(--text-xs);padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}.role-badge,.role-badge-small{border-radius:.125rem;border-radius:var(--radius-sm);font-weight:500;font-weight:var(--font-medium);letter-spacing:.5px;text-transform:uppercase}.role-badge-small{background-color:#1b3a6b;background-color:var(--delft-blue);color:#f8fafc;color:var(--text-inverse);font-size:10px;padding:2px .25rem;padding:2px var(--spacing-1)}.text-error{color:#f56565;color:var(--error)}.error-banner{background-color:#fff5f5;background-color:var(--error-bg);border-left:4px solid #f56565;border-left:4px solid var(--error);padding:1rem;padding:var(--spacing-4)}.empty-state{padding:3rem 1.5rem;padding:var(--spacing-12) var(--spacing-6);text-align:center}.spinner-sm{border:2px solid #d4dee8;border-top:2px solid #1b3a6b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.search-input-group{position:relative}.slides-toolbar{padding:1rem;padding:var(--spacing-4)}.member-card{padding:1.5rem;padding:var(--spacing-6)}.member-avatar{flex-shrink:0}.member-info{flex-grow:1}.member-actions{flex-shrink:0}.shop-card{padding:1.5rem;padding:var(--spacing-6)}.type-badge{border-radius:.125rem;border-radius:var(--radius-sm);font-size:.75rem;font-size:var(--text-xs);font-weight:500;font-weight:var(--font-medium);padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2);text-transform:uppercase}.type-badge.business{background-color:#4a7a9e;background-color:var(--slate-blue);color:#fff}.type-badge.personal{background-color:#1b3a6b;background-color:var(--delft-blue);color:#fff}.activity-list{margin:0;padding:0}.activity-item{border-bottom:1px solid #d4dee8;border-bottom:1px solid var(--border-light);padding:.75rem 0;padding:var(--spacing-3) 0}.activity-item:last-child{border-bottom:none}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:1050;z-index:var(--z-modal)}.modal-content{background-color:#f0f5fa;background-color:var(--bg-card);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px #1b3a6b1a,0 10px 10px #1b3a6b0a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #d4dee8;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-6)}.modal-close-btn{background:none;border:none;border-radius:.125rem;border-radius:var(--radius-sm);color:#6b7d8d;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;font-size:var(--text-2xl);padding:.25rem;padding:var(--spacing-1);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.modal-close-btn:hover{background-color:#edf1f5;background-color:var(--bg-secondary);color:#2d3748;color:var(--text-primary)}.modal-body{padding:1.5rem;padding:var(--spacing-6)}.modal-footer{border-top:1px solid #d4dee8;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;margin-top:1.5rem;margin-top:var(--spacing-6);padding-top:1.5rem;padding-top:var(--spacing-6)}.form-section{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.form-section:last-child{margin-bottom:0}.roles-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-3)}.role-option{border:2px solid #d4dee8;border:2px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--spacing-4);transition:border-color .25s ease-in-out;transition:border-color var(--transition-normal)}.role-option:hover{border-color:#b8c8d8;border-color:var(--border-medium)}.role-checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:.75rem;gap:var(--spacing-3)}.checkbox-input{accent-color:#1b3a6b;accent-color:var(--delft-blue);height:18px;margin-top:2px;width:18px}.role-info{flex-grow:1}.role-title{align-items:center;display:flex;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.role-description{line-height:1.4}.additional-images-list{margin-top:1rem;margin-top:var(--spacing-4)}.additional-image-item{background-color:#edf1f5;background-color:var(--bg-secondary)}.image-preview img{border-radius:.375rem;border-radius:var(--radius-md)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.w-12{width:3rem}.h-12{height:3rem}.mr-2{margin-right:.5rem;margin-right:var(--spacing-2)}.mr-3{margin-right:.75rem;margin-right:var(--spacing-3)}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-3xl{font-size:1.875rem;font-size:var(--text-3xl)}.text-2xl{font-size:1.5rem;font-size:var(--text-2xl)}.text-xl{font-size:1.25rem;font-size:var(--text-xl)}.text-lg{font-size:1.125rem;font-size:var(--text-lg)}.text-sm{font-size:.875rem;font-size:var(--text-sm)}.text-xs{font-size:.75rem;font-size:var(--text-xs)}.font-bold{font-weight:700;font-weight:var(--font-bold)}.font-semibold{font-weight:600;font-weight:var(--font-semibold)}.font-medium{font-weight:500;font-weight:var(--font-medium)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius-lg)}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.border-b{border-bottom:1px solid #d4dee8;border-bottom:1px solid var(--border-light)}.border-light{border-color:#d4dee8;border-color:var(--border-light)}.last\\:border-b-0:last-child{border-bottom:none}@media (max-width:768px){.container{padding:0 1rem;padding:0 var(--spacing-4)}.btn{font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4)}.card{padding:1rem;padding:var(--spacing-4)}.tab-button{padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4)}.tab-icon{font-size:1rem;font-size:var(--text-base)}.stats-grid{grid-template-columns:repeat(2,1fr)}}.header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);position:sticky;top:0;z-index:50}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-4)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.py-4{padding-bottom:var(--spacing-4);padding-top:var(--spacing-4)}.logo-icon{flex-shrink:0}.heading-primary{color:var(--text-primary);font-weight:var(--font-bold);line-height:1.2}.text-muted{color:var(--text-secondary)}.shop-selector{min-width:200px}.shop-selector-label{color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:.5px;margin-bottom:var(--spacing-1);text-transform:uppercase}.shop-selector-loading{align-items:center;display:flex;gap:var(--spacing-2);padding:var(--spacing-3)}.spinner-sm{animation:spin 1s linear infinite;border-top:2px solid var(--border-light);border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--delft-blue);height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.shop-selector-button{align-items:center;background-color:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-normal);width:100%}.shop-selector-button:hover{border-color:var(--delft-blue);box-shadow:0 0 0 3px #1b3a6b1a}.shop-selector-placeholder{background-color:var(--delft-ice);border-color:var(--delft-medium)}.shop-selector-placeholder:hover{background-color:var(--delft-frost);border-color:var(--delft-blue)}.shop-selector-empty{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);text-align:center}.shop-info{gap:var(--spacing-3)}.shop-icon,.shop-info{align-items:center;display:flex}.shop-icon{color:var(--delft-blue)}.shop-details{align-items:flex-start;display:flex;flex-direction:column}.shop-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.shop-type{font-size:var(--text-xs);letter-spacing:.5px;text-transform:uppercase}.chevron-icon,.shop-type{color:var(--text-secondary)}.chevron-icon{transition:transform var(--transition-normal)}.shop-selector-button[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}.shop-dropdown{background-color:var(--bg-card);border:2px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;margin-top:var(--spacing-1);position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.shop-dropdown-header{border-bottom:1px solid var(--border-light);padding:var(--spacing-3) var(--spacing-4)}.shop-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.shop-option{margin:0}.shop-option-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);text-align:left;transition:background-color var(--transition-normal);width:100%}.shop-option-button:hover{background-color:var(--bg-secondary)}.shop-option-button.active{background-color:var(--delft-ice);color:var(--delft-blue)}.check-icon{color:var(--delft-blue)}.nav{align-items:center;display:flex;gap:var(--spacing-6)}.nav-link{border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:all var(--transition-normal)}.nav-link:hover{background-color:var(--bg-secondary);color:var(--text-accent)}.nav-link.active{background-color:var(--delft-blue);color:var(--text-inverse)}.logo-icon{justify-content:center}.logo-icon,.user-section{align-items:center;display:flex}.user-section{gap:var(--spacing-4)}.user-info{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-1)}.user-role{background-color:var(--delft-blue);border-radius:var(--radius-sm);color:var(--text-inverse);font-size:var(--text-xs);letter-spacing:.5px;padding:var(--spacing-1) var(--spacing-2);text-transform:uppercase}.badge,.user-role{font-weight:var(--font-medium)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-sm);line-height:1;padding:var(--spacing-1) var(--spacing-3)}.badge-small{font-size:var(--text-xs);padding:2px var(--spacing-2)}.btn-sm{font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-4)}@media (max-width:768px){.header .container{padding:0 var(--spacing-3)}.header .flex{flex-wrap:wrap;gap:var(--spacing-2)}.py-4{padding-bottom:var(--spacing-3);padding-top:var(--spacing-3)}.logo-icon svg{height:32px;width:32px}.heading-primary{font-size:var(--text-lg)!important}.text-muted{font-size:var(--text-2xs)!important}.nav{background-color:var(--bg-card);box-shadow:var(--shadow-lg);display:none;flex-direction:column;gap:var(--spacing-2);left:0;padding:var(--spacing-4);position:absolute;right:0;top:100%;z-index:100}.nav-mobile-open{display:flex}.mobile-menu-toggle{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;order:3;padding:var(--spacing-2)}.shop-selector-container{flex:1 1;max-width:200px;order:2}.shop-selector{min-width:auto;width:100%}.user-section{flex-shrink:0;order:4}.user-info{display:none}.mobile-menu-toggle{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.btn-sm,.text-sm{font-size:var(--text-xs)}.btn-sm{padding:var(--spacing-1) var(--spacing-2)}}@media (max-width:480px){.header .container{padding:0 var(--spacing-2)}.shop-selector-container{max-width:150px}.heading-primary{font-size:var(--text-base)!important}.gap-3{gap:var(--spacing-2)}}@media (min-width:769px){.mobile-menu-toggle{display:none}.nav{background:none;box-shadow:none;display:flex;flex-direction:row;gap:var(--spacing-6);padding:0;position:static}.shop-selector-container,.user-section{order:0}}.main-content{margin:0 auto;max-width:1200px;padding:2rem clamp(0px,2vw - 6px,1rem)}.login-page{align-items:center;display:flex;justify-content:center;min-height:80vh}.login-container{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:400px;padding:2rem;width:100%}.login-form h2{color:var(--text-primary);margin-bottom:.5rem;text-align:center}.login-subtitle{margin-bottom:2rem}.login-footer,.login-subtitle{color:var(--text-secondary);text-align:center}.login-footer{font-size:.9rem;margin-top:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.25rem}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-medium);border-radius:.25rem;font-size:1rem;padding:.5rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.cancel-btn,.clear-btn,.create-btn,.login-btn,.search-btn,.submit-btn{border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.create-btn,.login-btn,.search-btn,.submit-btn{background-color:var(--primary);color:var(--text-inverse)}.create-btn:hover,.login-btn:hover,.search-btn:hover,.submit-btn:hover{background-color:var(--primary-dark)}.login-btn:disabled,.search-btn:disabled,.submit-btn:disabled{background-color:var(--disabled);cursor:not-allowed}.cancel-btn,.clear-btn{background-color:var(--disabled);color:var(--text-inverse)}.cancel-btn:hover,.clear-btn:hover{background-color:var(--dark-gray)}.dashboard-header{margin-bottom:2rem}.dashboard-header h2{color:var(--text-primary);margin-bottom:.5rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;text-align:center}.stat-card h3{color:var(--text-secondary);font-size:.9rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:700}.search-header,.search-page{margin-bottom:2rem}.search-header h2{color:var(--text-primary);margin-bottom:.5rem}.search-filters{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:1.5rem}.filters-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.filter-group{display:flex;flex-direction:column}.filter-actions{display:flex;gap:1rem;justify-content:flex-end}.results-header{margin-bottom:1rem}.results-header h3{color:var(--text-primary)}.manage-header,.manage-slides{margin-bottom:2rem}.manage-header{align-items:center;display:flex;justify-content:space-between}.manage-header h2{color:var(--text-primary)}.form-section{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2rem}.form-section h3{color:var(--text-primary)}.file-upload,.form-section h3{margin-bottom:1.5rem}.file-upload label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.file-upload input[type=file]{border:1px solid var(--border-medium);border-radius:.25rem;padding:.5rem;width:100%}.slide-form{max-width:600px}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.slides-section h3{color:var(--text-primary);margin-bottom:1rem}.app-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-light);margin-top:2rem;padding:1rem 0;text-align:center}.footer-legal{margin-bottom:4px}.footer-legal a{color:var(--text-secondary);font-size:.8rem;text-decoration:none}.footer-legal a:hover{color:var(--text-accent);text-decoration:underline}.footer-separator{margin:0 8px}.footer-separator,.footer-version{color:var(--text-secondary);font-size:.8rem}.footer-version{cursor:default;font-family:monospace}.footer-version:hover{color:var(--text-primary)}.version-info{display:inline-block}.version-info-detailed{background:var(--bg-card);border-radius:.25rem;box-shadow:var(--shadow-sm);font-family:monospace;font-size:.9rem;padding:1rem}.version-info-detailed .build-line,.version-info-detailed .commit-line,.version-info-detailed .version-line{margin-bottom:.5rem}.version-info-detailed .commit-line:last-child{margin-bottom:0}@media (max-width:768px){.main-content{padding-bottom:.5rem;padding-top:.5rem}.filters-row,.stats-grid{grid-template-columns:1fr}.filter-actions{justify-content:stretch}.filter-actions button{flex:1 1}.manage-header{align-items:stretch;gap:1rem}.form-actions,.manage-header{flex-direction:column}}
/*# sourceMappingURL=main.6b50ff20.css.map*/