@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap";:root{--color-primary-900:#0f172a;--color-primary-800:#1e293b;--color-primary-700:#334155;--color-primary-600:#475569;--color-primary-500:#64748b;--color-accent-600:#06b6d4;--color-accent-500:#22d3ee;--color-accent-400:#67e8f9;--color-accent-300:#a5f3fc;--color-accent-200:#cffafe;--color-accent-100:#ecfeff;--color-violet-600:#8b5cf6;--color-violet-500:#a78bfa;--color-violet-400:#c4b5fd;--color-violet-300:#ddd6fe;--color-violet-200:#ede9fe;--color-violet-100:#f5f3ff;--color-surface-0:#fff;--color-surface-50:#f8fafc;--color-surface-100:#f1f5f9;--color-surface-200:#e2e8f0;--color-surface-300:#cbd5e1;--color-surface-400:#94a3b8;--color-success:#10b981;--color-success-light:#d1fae5;--color-success-dark:#065f46;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-dark:#92400e;--color-danger:#f43f5e;--color-danger-light:#ffe4e6;--color-danger-dark:#9f1239;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#1e40af;--color-text-primary:#0f172a;--color-text-secondary:#1e293b;--color-text-tertiary:#334155;--color-text-muted:#475569;--color-text-placeholder:#64748b;--color-text-disabled:#94a3b8;--color-text-inverse:#fff;--color-border-default:#e2e8f0;--color-border-light:#f1f5f9;--color-border-dark:#cbd5e1;--color-border-focus:#22d3ee;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a0f, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a0f, 0 4px 6px -4px #0f172a0a;--shadow-xl:0 20px 25px -5px #0f172a0f, 0 8px 10px -6px #0f172a0a;--shadow-2xl:0 25px 50px -12px #0f172a26;--shadow-cyan:0 0 20px #06b6d426, 0 0 40px #06b6d40d;--shadow-violet:0 0 20px #8b5cf626, 0 0 40px #8b5cf60d;--shadow-glow-sm:0 0 10px #06b6d41a;--shadow-glow-md:0 0 20px #06b6d433, 0 0 40px #06b6d40d;--shadow-glow-lg:0 0 30px #06b6d440, 0 0 60px #06b6d41a;--shadow-inner:inset 0 2px 4px #0f172a0a;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Space Grotesk", "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-slower:.5s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-toast:600;--z-tooltip:700;--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px;--content-max-width:1400px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #06b6d426}50%{box-shadow:0 0 20px #06b6d44d,0 0 40px #06b6d41a}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes border-glow{0%,to{border-color:#06b6d433}50%{border-color:#06b6d480}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out both}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out both}.animate-fade-in-down{animation:fadeInDown var(--transition-slow) ease-out both}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) ease-out both}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease-out both}.animate-pulse-glow{animation:2.5s ease-in-out infinite pulse-glow}.animate-float{animation:3s ease-in-out infinite float}.animate-gradient-shift{background-size:200% 200%;animation:6s infinite gradient-shift}.animate-scale-in{animation:scale-in var(--transition-base) ease-out both}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}.delay-8{animation-delay:.4s}.glass{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);background:#ffffffb3;border:1px solid #ffffff4d}.glass-strong{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);background:#ffffffd9;border:1px solid #ffffff80}.glass-subtle{-webkit-backdrop-filter:blur(8px);background:#fff6;border:1px solid #ffffff26}.glass-dark{-webkit-backdrop-filter:blur(16px);color:var(--color-text-inverse);background:#0f172abf;border:1px solid #ffffff14}.glow-cyan{box-shadow:var(--shadow-glow-md);transition:box-shadow var(--transition-base)}.glow-cyan:hover{box-shadow:var(--shadow-glow-lg)}.glow-violet{box-shadow:var(--shadow-violet);transition:box-shadow var(--transition-base)}.glow-violet:hover{box-shadow:0 0 30px #8b5cf640,0 0 60px #8b5cf61a}.glow-subtle{box-shadow:var(--shadow-glow-sm)}.tech-grid-bg{background-image:linear-gradient(#06b6d408 1px,#0000 1px),linear-gradient(90deg,#06b6d408 1px,#0000 1px);background-size:40px 40px}.dot-pattern-bg{background-image:radial-gradient(circle,#06b6d414 1px,#0000 1px);background-size:24px 24px}.tech-grid-bg-dark{background-image:linear-gradient(#06b6d40f 1px,#0000 1px),linear-gradient(90deg,#06b6d40f 1px,#0000 1px);background-size:40px 40px}.dot-pattern-bg-dark{background-image:radial-gradient(circle,#06b6d41f 1px,#0000 1px);background-size:24px 24px}.gradient-text{background:linear-gradient(135deg, var(--color-accent-600), var(--color-violet-600));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-cyan{background:linear-gradient(135deg, var(--color-accent-600), var(--color-accent-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-violet{background:linear-gradient(135deg, var(--color-violet-600), var(--color-violet-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card-hover{transition:box-shadow var(--transition-base), border-color var(--transition-base), transform var(--transition-base);border:1px solid var(--color-border-default)}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-dark)}.card-hover-lift{transition:box-shadow var(--transition-base), border-color var(--transition-base), transform var(--transition-spring);border:1px solid var(--color-border-default)}.card-hover-lift:hover{box-shadow:var(--shadow-xl);border-color:#06b6d433;transform:translateY(-2px)}.card-tech{border:1px solid var(--color-border-default);transition:box-shadow var(--transition-base), border-color var(--transition-base);position:relative;overflow:hidden}.card-tech:before{content:"";background:linear-gradient(90deg, var(--color-accent-600), var(--color-violet-600));opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.card-tech:hover{box-shadow:var(--shadow-lg);border-color:#06b6d426}.card-tech:hover:before{opacity:1}.status-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot-success{background-color:var(--color-success);box-shadow:0 0 6px #10b98166}.status-dot-warning{background-color:var(--color-warning);box-shadow:0 0 6px #f59e0b66}.status-dot-danger{background-color:var(--color-danger);box-shadow:0 0 6px #f43f5e66}.status-dot-info{background-color:var(--color-info);box-shadow:0 0 6px #3b82f666}.status-dot-muted{background-color:var(--color-text-disabled)}.status-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;line-height:1.5;display:inline-flex}.status-badge-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.status-badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.status-badge-danger{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.status-badge-info{background-color:var(--color-info-light);color:var(--color-info-dark)}.skeleton{background:linear-gradient(90deg, var(--color-surface-100) 25%, var(--color-surface-200) 50%, var(--color-surface-100) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.8s ease-in-out infinite shimmer}.skeleton-text{height:1em;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.skeleton-text:last-child{width:70%}.skeleton-heading{height:1.5em;margin-bottom:var(--space-3);border-radius:var(--radius-sm);width:60%}.skeleton-avatar{border-radius:var(--radius-full);width:40px;height:40px}.skeleton-image{border-radius:var(--radius-lg);width:100%;height:180px}.skeleton-card{border-radius:var(--radius-lg);width:100%;height:120px}.border-gradient{background-clip:padding-box;border:1px solid #0000;position:relative}.border-gradient:after{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--color-accent-600), var(--color-violet-600));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.divider{background:linear-gradient(90deg, transparent, var(--color-border-default) 20%, var(--color-border-default) 80%, transparent);height:1px;margin:var(--space-4) 0;border:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-surface-300);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-disabled)}::-webkit-scrollbar-thumb:active{background:var(--color-accent-600)}.scrollbar-thin::-webkit-scrollbar{width:4px;height:4px}.scrollbar-accent::-webkit-scrollbar-thumb{background:#06b6d44d}.scrollbar-accent::-webkit-scrollbar-thumb:hover{background:#06b6d480}::selection{color:var(--color-text-primary);background:linear-gradient(135deg,#06b6d440,#8b5cf640)}::selection{color:var(--color-text-primary);background:linear-gradient(135deg,#06b6d440,#8b5cf640)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skeleton{background:var(--color-surface-200);animation:none}.animate-float{animation:none}.animate-pulse-glow{box-shadow:var(--shadow-glow-sm);animation:none}.animate-gradient-shift{animation:none}}.font-body{font-family:var(--font-body)}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}.text-balance{text-wrap:balance}.truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.accent-line{padding-left:var(--space-4);position:relative}.accent-line:before{content:"";border-radius:var(--radius-full);background:linear-gradient(180deg, var(--color-accent-600), var(--color-violet-600));width:3px;position:absolute;top:0;bottom:0;left:0}.ring-accent{transition:box-shadow var(--transition-base)}.ring-accent:hover{box-shadow:0 0 0 3px #06b6d426}.ring-accent:focus-within{box-shadow:0 0 0 3px #06b6d440}:focus-visible{outline:2px solid var(--color-accent,#06b6d4);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body,"DM Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif);color:var(--color-text-primary,#0f172a);background-color:var(--color-surface-secondary,#f8fafc);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display,"Space Grotesk", sans-serif);color:var(--color-text-primary,#0f172a);line-height:1.3}a{color:var(--color-accent,#06b6d4);transition:color var(--transition-fast,.15s ease);text-decoration:none}a:hover{color:var(--color-accent-light,#22d3ee)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}table{border-collapse:collapse;width:100%}ul,ol{list-style:none}textarea{resize:vertical}html{touch-action:manipulation}:focus-visible{outline:2px solid var(--color-accent,#06b6d4);outline-offset:2px}:focus:not(:focus-visible){outline:none}.btn-group{flex-wrap:wrap;gap:.5rem;display:flex}.btn-group .base-button{margin-right:0}@media (width<=768px){.btn-group{flex-direction:column;gap:.5rem}.btn-group .base-button,.btn-group button{justify-content:center;width:100%}}.form-group{margin-bottom:1.5rem}.form-group label{color:#1e293b;letter-spacing:.01em;margin-bottom:.625rem;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{background-color:#fafafa;border:2px solid #94a3b833;border-radius:10px;width:100%;min-height:44px;padding:.875rem 1rem;font-family:inherit;font-size:.95rem;transition:all .25s}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{background-color:#fff;border-color:#94a3b866}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#06b6d4;outline:none;box-shadow:0 0 0 4px #06b6d41a}.form-group textarea{resize:vertical;min-height:100px}.form-actions{background:linear-gradient(#0000,#fff 40%);border-top:1px solid #94a3b826;justify-content:flex-end;gap:.875rem;margin-top:1.75rem;margin-bottom:-.25rem;padding-top:1.75rem;padding-bottom:.25rem;display:flex;position:sticky;bottom:0}.form-actions.form-actions--center{justify-content:center}.form-actions.form-actions--left{justify-content:flex-start}@media (width<=768px){.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;font-size:16px}.form-actions{flex-direction:column-reverse;padding-bottom:1rem}.form-actions button{width:100%}}.form-group.checkbox-group{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.form-group.checkbox-group input[type=checkbox],.form-group.checkbox-group input[type=radio]{cursor:pointer;width:20px;min-width:20px;height:20px;min-height:20px}.form-group.checkbox-group label{cursor:pointer;margin-bottom:0;font-weight:400}.table tbody tr.table-row-clickable{cursor:pointer}.table tbody tr.table-row-clickable:hover{background:#f8fafc}.inquiries-table tbody tr.table-row-clickable,.rfq-table tbody tr.table-row-clickable,.samples-table tbody tr.table-row-clickable,.lead-inbox-table tbody tr.table-row-clickable,.leads-table tbody tr.table-row-clickable{cursor:pointer}.inquiries-table tbody tr.table-row-clickable:hover,.rfq-table tbody tr.table-row-clickable:hover,.samples-table tbody tr.table-row-clickable:hover,.lead-inbox-table tbody tr.table-row-clickable:hover,.leads-table tbody tr.table-row-clickable:hover{background:#f8fafc}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:flex-start;padding:8vh 1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background-color:#fff;border-radius:16px;width:auto;min-width:320px;max-width:560px;max-height:calc(100vh - 4rem);animation:.3s modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #0000000d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{z-index:10;background:#fafbfc;border-bottom:1px solid #f1f5f9;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex;position:sticky;top:0}.modal-header h3{color:#1e293b;letter-spacing:.02em;margin:0;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700}.close-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:.375rem;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.close-btn:hover{color:#475569;background-color:#f1f5f9}.modal-body{padding:1.25rem}.admin-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);color:var(--color-text-primary);transition:width var(--transition-base), transform var(--transition-base);z-index:1010;background:#f1f5f9;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;display:flex;position:relative;box-shadow:2px 0 12px #0f172a0a}.sidebar-header{background:linear-gradient(#fff 0%,#f8fafc 100%);border-bottom:1px solid #e2e8f0;padding:1.25rem 1rem;box-shadow:0 2px 8px #0f172a0a}.sidebar-header .logo{color:var(--color-primary-darkest);text-align:center;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;margin:0;font-size:1.15rem;font-weight:700;overflow:hidden}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#94a3b833 transparent;flex:1;padding:.75rem 0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:4px}.nav-item{color:#334155;transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;border-left:3px solid #0000;align-items:center;margin:2px 8px;padding:.7rem 1rem;font-size:.88rem;font-weight:500;text-decoration:none;animation:.4s forwards navFadeIn;display:flex;position:relative;overflow:hidden}.nav-item:first-child{animation-delay:50ms}.nav-item:nth-child(2){animation-delay:.1s}.nav-item:nth-child(3){animation-delay:.15s}.nav-item:nth-child(4){animation-delay:.2s}.nav-item:nth-child(5){animation-delay:.25s}.nav-item:nth-child(6){animation-delay:.3s}.nav-item:nth-child(7){animation-delay:.35s}.nav-item:nth-child(8){animation-delay:.4s}.nav-item:nth-child(9){animation-delay:.45s}.nav-item:nth-child(10){animation-delay:.5s}@keyframes navFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.nav-item:hover{color:var(--color-primary-dark);background-color:#06b6d414}.nav-item.router-link-active{border-left-color:var(--color-accent);color:var(--color-accent);background-color:#06b6d41f;font-weight:600;box-shadow:inset 0 0 0 1px #06b6d41a}.nav-item.router-link-active:after{content:"";background:var(--color-accent);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.nav-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;color:var(--color-primary-dark);background-color:#06b6d41f}.nav-icon{text-align:center;color:#64748b;width:1.4rem;transition:color var(--transition-fast), transform var(--transition-fast);flex-shrink:0;margin-right:.75rem}.nav-item:hover .nav-icon{color:var(--color-accent);transform:scale(1.05)}.nav-item.router-link-active .nav-icon{color:var(--color-accent)}.nav-text{text-overflow:ellipsis;letter-spacing:.01em;flex:1;overflow:hidden}.sidebar-bottom{background:linear-gradient(#e2e8f0 0%,#cbd5e1 100%);border-top:1px solid #cbd5e1;padding:.75rem 0;box-shadow:inset 0 1px 3px #0f172a0d}.main-content{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.content{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#94a3b840 transparent;box-sizing:border-box;flex:1;width:100%;min-height:0;padding:.5rem .75rem .75rem;overflow:hidden auto}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track{background:0 0}.content::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:6px}.content::-webkit-scrollbar-thumb:hover{background:#94a3b866}.top-header{background-color:var(--color-surface);z-index:100;border-bottom:1px solid #e2e8f099;flex-shrink:0;padding:.85rem 1.75rem;box-shadow:0 1px 3px #0f172a0a}.header-content{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.header-leading h2{margin:0}.header-content h2{font-family:var(--font-display);color:var(--color-primary-darkest);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;flex:1;min-width:0;margin:0;font-size:1.3rem;font-weight:600;overflow:hidden}.header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.header-actions .manual-help-link{order:0}.header-actions .user-dropdown{order:1}.manual-help-link{color:#0891b2;white-space:nowrap;background:#06b6d414;border:1px solid #06b6d440;border-radius:8px;align-items:center;padding:.45rem .9rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.manual-help-link-short{display:none}.manual-help-link-full{display:inline}.manual-help-link:hover{color:#0e7490;background:#06b6d424}.content :is([class^=admin-],.page-settings){height:auto;min-height:0;max-height:none;padding:0;overflow:visible}.content :is([class^=admin-],.page-settings)>.card{height:auto;min-height:0}.content :is([class^=admin-],.page-settings)>.card>.card-body{min-height:0;max-height:none;overflow:visible}.content :is(.admin-home,.admin-products,.admin-media,.admin-templates,.admin-company,.admin-contacts,.admin-users,.admin-member-levels,.admin-r2-config,.admin-platform-accounts,.admin-ledger,.admin-inquiries,.admin-manual,.page-settings){box-sizing:border-box}.content :is(.admin-home,.admin-products,.admin-media,.admin-templates,.admin-company,.admin-contacts,.admin-users,.admin-member-levels,.admin-r2-config,.admin-platform-accounts,.admin-ledger,.admin-inquiries,.admin-manual,.page-settings) .card-header{padding:.65rem 1rem}.content :is(.admin-home,.admin-products,.admin-media,.admin-templates,.admin-company,.admin-contacts,.admin-users,.admin-member-levels,.admin-r2-config,.admin-platform-accounts,.admin-ledger,.admin-inquiries,.admin-manual,.page-settings) .card-body{padding:.75rem 1rem}.main-body>.app-layout-footer,.main-body>.footer.app-layout-footer,.main-body>footer.app-layout-footer{z-index:2;box-sizing:border-box;background:#fff;flex:none;width:100%;position:relative}.content .pagination-wrapper{flex-shrink:0;padding:.5rem 0 .25rem}.content :is([class^=admin-],.page-settings) .card,.content :is([class^=admin-],.page-settings) .main-layout{margin-bottom:0}.mobile-overlay{-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;transition:opacity var(--transition-base);background:#0f172a66;display:none;position:fixed;inset:0}.mobile-overlay.show{opacity:1;display:block}.mobile-menu-btn{cursor:pointer;color:var(--color-primary-dark);border-radius:var(--radius-sm);transition:background-color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:1px solid #0000;padding:.4rem;font-size:1.3rem;line-height:1;display:none}.mobile-menu-btn:hover{background-color:var(--color-surface-secondary);border-color:#e2e8f0cc}.user-dropdown{position:relative}.user-info{cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;align-items:center;gap:.6rem;padding:.45rem .65rem;display:flex}.user-info:hover{background-color:var(--color-surface-secondary);box-shadow:var(--shadow-sm);border-color:#e2e8f099}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;color:var(--color-text-primary);font-size:.88rem;font-weight:500;overflow:hidden}.dropdown-arrow{color:var(--color-text-muted);transition:transform var(--transition-fast);font-size:.65rem}.user-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{z-index:1000;opacity:0;pointer-events:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:180px;transition:opacity .2s,transform .2s,box-shadow .2s;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(-8px)scale(.96);box-shadow:0 10px 40px #0f172a26,0 4px 12px #06b6d414}.dropdown-menu.show{opacity:1;pointer-events:auto;transform:translateY(0)scale(1);box-shadow:0 14px 48px #0f172a2e,0 6px 16px #06b6d41a}.dropdown-item{text-align:left;cursor:pointer;width:100%;transition:background-color var(--transition-fast);color:var(--color-text-secondary);font-size:.88rem;font-family:var(--font-body);background:0 0;border:none;padding:.75rem 1rem;display:block}.dropdown-item:hover{color:var(--color-text-primary);background-color:#06b6d40f}.dropdown-item:last-child:hover{color:#ef4444;background-color:#ef44440f}.dropdown-divider{background:#e2e8f080;height:1px;margin:.35rem 0}.page-enter-active,.page-leave-active{transition:opacity .25s}.page-enter-from,.page-leave-to{opacity:0}@media (width<=768px){.sidebar{z-index:1010;width:min(86vw,300px);height:100dvh;transition:transform var(--transition-base);border-right:none;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 32px #0003}.sidebar.show{transform:translate(0)}.sidebar .nav-item{opacity:1;animation:none}.mobile-overlay{z-index:1009}.main-content{width:100%;margin-left:0}}@media (width<=576px){.top-header{padding:.55rem .85rem}.header-content h2{font-size:1rem}.content{padding:.4rem .5rem .5rem}.header-actions{gap:.5rem}}@media (width>=769px) and (width<=1200px){.sidebar{width:var(--sidebar-collapsed-width)}.sidebar .nav-text,.sidebar .sidebar-header .logo{display:none}.sidebar .nav-item{justify-content:center;margin:2px 6px;padding:.7rem}.sidebar .nav-icon{margin-right:0;font-size:1.15rem}.sidebar .nav-item:before{content:attr(data-tooltip);background:var(--color-primary-darkest);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);box-shadow:var(--shadow-md);z-index:1020;border:1px solid #94a3b826;padding:.4rem .75rem;font-size:.8rem;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.sidebar .nav-item:hover:before{opacity:1}}@media (width>=1200px){.sidebar{width:var(--sidebar-width)}}:root{--breakpoint-xs:480px;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1400px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--touch-target-min:44px;--sidebar-width:200px;--sidebar-collapsed-width:60px}@media (width<=480px){html{font-size:13px}.container{padding:0 var(--spacing-sm)}.hide-xs{display:none!important}}@media (width<=576px){html{font-size:14px}.hide-sm{display:none!important}}@media (width<=768px){html{font-size:15px}.nav-item,.dropdown-item,.btn{min-height:var(--touch-target-min);padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}input,textarea,select{min-height:44px;font-size:16px}.hide-md{display:none!important}}@media (width<=992px){html{font-size:15px}.hide-lg{display:none!important}}@media (width>=769px) and (width<=1200px){html{font-size:16px}.sidebar:not(.always-show){width:var(--sidebar-collapsed-width)}.sidebar:not(.always-show) .nav-text,.sidebar:not(.always-show) .sidebar-header .logo{display:none}}@media (pointer:coarse){.touch-element{-webkit-tap-highlight-color:transparent;cursor:pointer;transition:background-color .15s}.touch-element:active{background-color:#0000000d}.btn,button,input[type=submit],input[type=button]{min-width:44px;min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.text-break{word-wrap:break-word;overflow-wrap:break-word}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=768px){.table-responsive thead{display:none}.table-responsive tbody tr{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1rem;display:block}.table-responsive tbody td{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.table-responsive tbody td:before{content:attr(data-label);color:#6c757d;font-weight:600}.table-responsive tbody td:last-child{border-bottom:none}}body.admin-sidebar-open{touch-action:none;overflow:hidden}body.admin-sidebar-open .main-content{touch-action:none}.header-leading{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.header-leading h2{flex:1;min-width:0}.sidebar-close-btn{border-radius:var(--radius-sm);color:#64748b;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-left:auto;padding:0;display:none}.sidebar-close-btn:hover{color:var(--color-accent);background:#06b6d41a}.sidebar-header{align-items:center;gap:.5rem;display:flex}.sidebar-header .logo{text-align:left;flex:1;min-width:0}.content .table-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);margin:0 -.15rem;padding:0 .15rem .25rem;overflow-x:auto}.content .table-container:after{content:"";height:0;display:block}.content .table-container .table{min-width:640px}.content .card-header{flex-wrap:wrap;align-items:center;gap:.5rem}.content .card-header .base-button,.content .card-header .btn,.content .card-header button:not(.tab-button){min-height:var(--touch-target-min,44px)}.content .form-header,.content .card-header.form-header{flex-wrap:wrap;gap:.65rem}.content .form-header-left{flex:100%;min-width:0}.content .form-header-actions{flex-wrap:wrap;flex:100%;justify-content:stretch;gap:.5rem;display:flex}.content .form-header-actions .base-button,.content .form-header-actions .btn{flex:auto;min-width:min(100%,8rem)}.content .action-bar,.content .filter-bar,.content .filter-group,.content .toolbar,.content .inbox-toolbar,.content .leads-toolbar{flex-wrap:wrap;gap:.5rem}.content .action-bar .base-button,.content .action-bar .btn,.content .filter-group select,.content .filter-group input{min-height:var(--touch-target-min,44px)}.content .btn-group{flex-wrap:wrap;gap:.5rem}.content .pagination-wrapper{-webkit-overflow-scrolling:touch;padding-bottom:.25rem;overflow-x:auto}.content .tab-buttons,.content .tabs,.content .period-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;max-width:100%;padding-bottom:.15rem;overflow-x:auto}.content .tab-button,.content .period-tab{min-height:var(--touch-target-min,44px);flex-shrink:0}@media (width<=768px){.top-header{padding:.65rem .85rem;padding-top:max(.65rem, env(safe-area-inset-top,0px))}.header-content{flex-wrap:nowrap;align-items:center;gap:.5rem}.header-actions{flex-shrink:0;gap:.35rem}.manual-help-link{padding:.5rem .65rem;font-size:.8rem}.manual-help-link .manual-help-link-short{display:inline}.manual-help-link .manual-help-link-full{display:none}.user-info{gap:.35rem;padding:.35rem .45rem}.user-name{display:none}.logout-btn{min-width:var(--touch-target-min,44px);min-height:var(--touch-target-min,44px)}.mobile-menu-btn{width:var(--touch-target-min,44px);height:var(--touch-target-min,44px);min-width:var(--touch-target-min,44px);min-height:var(--touch-target-min,44px);color:var(--color-primary-dark);background:#fff;border:1px solid #e2e8f0e6;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:0;display:inline-flex;box-shadow:0 1px 2px #0f172a0f}.sidebar-close-btn{display:inline-flex}.sidebar{width:min(86vw,300px);max-width:300px;padding-bottom:env(safe-area-inset-bottom,0px)}.sidebar-nav{padding-bottom:1rem}.nav-item{min-height:48px;margin:3px 10px;padding:.85rem 1rem;font-size:.92rem}.nav-icon{width:1.5rem;margin-right:.85rem}.content{padding:.5rem .6rem .75rem;padding-bottom:max(.75rem, env(safe-area-inset-bottom,0px))}.user-dropdown .dropdown-menu{opacity:0;pointer-events:none;min-width:0;max-height:min(50vh,320px);padding-bottom:env(safe-area-inset-bottom,0px);z-index:1100;-webkit-backdrop-filter:blur(12px);border-radius:16px 16px 0 0;margin:0;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);position:fixed!important;top:auto!important}.dropdown-menu.show,.user-dropdown .dropdown-menu.show{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-item{min-height:48px;padding:.9rem 1.15rem;font-size:.95rem}.content .table-container .table{min-width:720px}.content :is([class^=admin-],.page-settings) .card-header,.content :is([class^=admin-],.page-settings) .card-body{padding-left:.75rem;padding-right:.75rem}.content .card-header>:only-child,.content .card-header .card-header-actions,.content .card-header .card-header-actions .base-button,.content .card-header>.base-button:only-child{width:100%}}@media (width<=480px){.header-leading h2{font-size:.95rem}.manual-help-link{width:var(--touch-target-min,44px);height:var(--touch-target-min,44px);justify-content:center;padding:.45rem .55rem;font-size:0}.manual-help-link .manual-help-link-short{display:none}.manual-help-link:before{content:"?";font-size:1rem;font-weight:700;line-height:1}.content .form-header-actions .base-button,.content .form-header-actions .btn{flex:100%;width:100%}}@media (width>=769px){.manual-help-link .manual-help-link-short{display:none}.manual-help-link .manual-help-link-full{display:inline}.manual-help-link:before{content:none}}