@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent}}}.visible{visibility:visible}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-left:auto;margin-right:auto}.inline{display:inline}.table{display:table}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(90vh-120px\)\]{max-height:calc(90vh - 120px)}.min-h-screen{min-height:100vh}.w-full{width:100%}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-t-transparent{border-top-color:transparent}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media (hover:hover){.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}:root{--unicorn-primary:linear-gradient(135deg,rgb(var(--theme-primary,31,41,55))0%,rgb(var(--theme-accent,75,85,99))100%);--unicorn-primary-rgb:var(--theme-primary,31,41,55);--unicorn-secondary:linear-gradient(135deg,rgb(var(--theme-accent,75,85,99))0%,rgb(var(--theme-primary,31,41,55))100%);--unicorn-accent:linear-gradient(135deg,rgb(var(--theme-accent,75,85,99))0%,rgb(var(--theme-primary,31,41,55))100%);--unicorn-success:linear-gradient(135deg,rgb(var(--theme-success,34,197,94))0%,rgb(var(--theme-success,34,197,94))100%);--unicorn-warning:linear-gradient(135deg,rgb(var(--theme-warning,245,158,11))0%,rgb(var(--theme-warning,245,158,11))100%);--unicorn-error:linear-gradient(135deg,rgb(var(--theme-error,239,68,68))0%,rgb(var(--theme-error,239,68,68))100%);--glass-bg:rgba(255,255,255,.08);--glass-bg-light:rgba(255,255,255,.15);--glass-bg-dark:rgba(0,0,0,.15);--glass-border:rgba(255,255,255,.18);--glass-shadow:0 8px 32px 0 rgba(31,38,135,.37);--glass-shadow-lg:0 16px 48px 0 rgba(31,38,135,.45);--glow-primary:0 0 20px rgba(102,126,234,.4),0 0 40px rgba(102,126,234,.2);--glow-accent:0 0 20px rgba(79,172,254,.4),0 0 40px rgba(79,172,254,.2);--glow-success:0 0 20px rgba(67,233,123,.4),0 0 40px rgba(67,233,123,.2);--text-primary:#fff;--text-secondary:rgba(255,255,255,.8);--text-muted:rgba(255,255,255,.6);--text-dark:#1a1a2e;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s ease;--transition-base:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--z-base:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;font-size:16px;overflow:hidden}body{background:var(--unicorn-primary);width:100vw;height:100vh;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;position:fixed;top:0;left:0;overflow:hidden}#__next{width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--glass-bg-dark);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--glass-bg-light);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-light{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-dark{background:var(--glass-bg-dark);-webkit-backdrop-filter:blur(20px)saturate(150%);border:1px solid rgba(0,0,0,.2)}.glow-primary{box-shadow:var(--glow-primary);transition:box-shadow var(--transition-base)}.glow-primary:hover{box-shadow:0 0 30px rgba(102,126,234,.6),0 0 60px rgba(102,126,234,.3)}.glow-accent{box-shadow:var(--glow-accent)}.glow-success{box-shadow:var(--glow-success)}.bg-gradient-primary{background:var(--unicorn-primary)}.bg-gradient-secondary{background:var(--unicorn-secondary)}.bg-gradient-accent{background:var(--unicorn-accent)}.bg-gradient-success{background:var(--unicorn-success)}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-30px)rotate(120deg)}66%{transform:translate(-20px,20px)rotate(240deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(102,126,234,.4)}50%{box-shadow:0 0 40px rgba(102,126,234,.8)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.btn-tech{padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:var(--spacing-sm);white-space:nowrap;border:none;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-tech:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-tech:hover:before{left:100%}.btn-tech:hover{transform:translateY(-2px)}.btn-tech:active{transform:translateY(0)}.btn-primary-tech{background:var(--unicorn-primary);color:var(--text-primary);box-shadow:var(--glow-primary)}.btn-primary-tech:hover{box-shadow:0 0 30px rgba(102,126,234,.6)}.btn-accent-tech{background:var(--unicorn-accent);color:var(--text-primary);box-shadow:var(--glow-accent)}.btn-success-tech{background:var(--unicorn-success);color:var(--text-dark);box-shadow:var(--glow-success)}.btn-glass{background:var(--glass-bg-light);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn-glass:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.3)}.card-tech{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:var(--spacing-lg);transition:all var(--transition-base)}.card-tech:hover{box-shadow:var(--glass-shadow-lg);border-color:rgba(255,255,255,.3);transform:translateY(-4px)}.card-tech-compact{padding:var(--spacing-md);border-radius:var(--radius-md)}.input-tech{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.875rem}.input-tech::placeholder{color:var(--text-muted)}.input-tech:focus{background:rgba(255,255,255,.2);border-color:rgba(102,126,234,.6);outline:none;box-shadow:0 0 20px rgba(102,126,234,.3)}.badge-tech{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));border-color:rgba(102,126,234,.4)}.badge-success{background:linear-gradient(135deg,rgba(67,233,123,.2),rgba(56,249,215,.2));border-color:rgba(67,233,123,.4)}.badge-warning{background:linear-gradient(135deg,rgba(250,112,154,.2),rgba(254,225,64,.2));border-color:rgba(250,112,154,.4)}.tech-tooltip{cursor:help;position:relative}.tech-tooltip:hover:after{content:attr(title);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);border-radius:var(--radius-md);white-space:nowrap;z-index:var(--z-tooltip);pointer-events:none;white-space:normal;text-align:center;background:rgba(0,0,0,.95);border:1px solid rgba(255,255,255,.1);max-width:200px;padding:6px 10px;font-size:.7rem;font-weight:500;line-height:1.3;animation:.2s ease-out fade-in;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 20px rgba(0,0,0,.4)}.tech-tooltip:hover:before{content:"";z-index:var(--z-tooltip);pointer-events:none;border:6px solid transparent;border-top-color:rgba(0,0,0,.95);animation:.2s ease-out fade-in;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.tech-tooltip-right:hover:after{left:auto;right:0;transform:none}.tech-tooltip-right:hover:before{left:auto;right:10px;transform:none}.tech-tooltip-left:hover:after{left:0;transform:none}.tech-tooltip-left:hover:before{left:10px;transform:none}.text-gradient-primary{background:var(--unicorn-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-accent{background:var(--unicorn-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid{display:grid}.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)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.tech-tab-wrapper{gap:var(--spacing-md);width:100%;height:100%;padding:var(--spacing-md);background:0 0;flex-direction:column;display:flex;overflow-y:auto}.tech-tab-header{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md)var(--spacing-lg);box-shadow:var(--glass-shadow);justify-content:space-between;align-items:center;display:flex}.tech-tab-title{background:var(--unicorn-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.tech-tab-content{gap:var(--spacing-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.tech-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.tech-grid-compact{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tech-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.tech-list-item{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-base);cursor:pointer}.tech-list-item:hover{box-shadow:var(--glass-shadow);background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);transform:translate(4px)}.tech-table{border-collapse:separate;width:100%;border-spacing:0 var(--spacing-xs)}.tech-table thead{z-index:var(--z-sticky);background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:-webkit-sticky;position:sticky;top:0}.tech-table th{padding:var(--spacing-sm)var(--spacing-md);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);font-size:.75rem;font-weight:700}.tech-table td{padding:var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-left:none;border-right:none;font-size:.85rem}.tech-table tbody tr{transition:all var(--transition-fast)}.tech-table tbody tr:hover td{background:var(--glass-bg-light);border-color:var(--glass-border)}.tech-table tbody tr:first-child td:first-child{border-top-left-radius:var(--radius-md)}.tech-table tbody tr:first-child td:last-child{border-top-right-radius:var(--radius-md)}.tech-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-md)}.tech-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-md)}@media (min-width:1920px){:root{font-size:18px}}@media (max-width:1919px){:root{font-size:16px}}@media (max-width:1439px){:root{font-size:15px}}@media (max-width:1023px){:root{font-size:14px}}@media (max-width:767px){:root{font-size:13px}}.tech-app-container{background:var(--unicorn-primary);flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.tech-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(30px)saturate(180%);border-bottom:1px solid var(--glass-border);padding:var(--spacing-sm)var(--spacing-lg);align-items:center;gap:var(--spacing-lg);min-height:60px;max-height:60px;z-index:var(--z-sticky);flex-shrink:0;display:flex;position:relative;box-shadow:0 4px 30px rgba(0,0,0,.1)}.tech-header-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);width:100%;min-height:0;display:flex}.tech-header-left{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}.tech-header-logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));width:auto;height:40px;transition:transform var(--transition-base)}.tech-header-logo:hover{transform:scale(1.05)}.tech-header-title-section{flex-direction:column;gap:0;line-height:1.2;display:flex}.tech-header-title{-webkit-text-fill-color:transparent;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#a8dadc 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.25rem;font-weight:800}.tech-header-subtitle{color:var(--text-secondary);margin:0;font-size:.7rem;line-height:1}.tech-header-center{align-items:stretch;gap:var(--spacing-xs);width:100%;min-width:0;margin:0 var(--spacing-md);flex-direction:column;flex:1;display:flex}.tech-header-center button{transition:all var(--transition-base)}.tech-header-center button:hover{transform:scale(1.01);box-shadow:0 4px 20px rgba(0,0,0,.2)}.tech-header-right{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}.tech-user-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;font-size:.75rem;font-weight:600;display:flex}.tech-logout-btn{border-radius:var(--radius-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);cursor:pointer;width:32px;height:32px;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;font-size:1rem;display:flex}.tech-logout-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.05)}.tech-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--glass-border);padding:0 var(--spacing-lg);align-items:center;gap:var(--spacing-xs);min-height:44px;max-height:44px;z-index:var(--z-sticky);transition:all var(--transition-base);flex-shrink:0;display:flex;position:relative;overflow-x:auto;overflow-y:hidden;box-shadow:0 2px 20px rgba(0,0,0,.08)}.tech-nav.collapsed{border-bottom:none;min-height:0;max-height:0;padding:0}.tech-nav.collapsed~.tech-nav-toggle{top:60px}.tech-nav-toggle{background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:0 0 var(--radius-md)var(--radius-md);cursor:pointer;width:50px;height:24px;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-sticky);color:var(--text-primary);border-top:none;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:fixed;top:104px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px rgba(0,0,0,.15)}.tech-nav-toggle:hover{height:28px;box-shadow:var(--glow-primary);background:rgba(255,255,255,.25)}.tech-nav-category{position:relative}.tech-nav-btn{padding:var(--spacing-sm)var(--spacing-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;align-items:center;gap:var(--spacing-sm);background:0 0;border:none;border-bottom:2px solid transparent;font-size:.8rem;font-weight:600;display:flex;position:relative}.tech-nav-btn:before{content:"";background:var(--glass-bg-light);border-radius:var(--radius-md)var(--radius-md)0 0;opacity:0;transition:opacity var(--transition-base);z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0}.tech-nav-btn:hover:before,.tech-nav-btn.active:before{opacity:1}.tech-nav-btn:hover{color:var(--text-primary);border-bottom-color:rgba(102,126,234,.6)}.tech-nav-btn.active{color:var(--text-primary);background:var(--glass-bg-light);border-radius:var(--radius-md)var(--radius-md)0 0;border-bottom-color:#667eea}.tech-nav-dropdown{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:0 var(--radius-md)var(--radius-md)var(--radius-md);min-width:200px;box-shadow:var(--glass-shadow-lg);z-index:var(--z-dropdown);animation:.2s ease-out scale-in;position:absolute;top:100%;left:0;overflow:hidden}.tech-nav-dropdown-item{padding:var(--spacing-sm)var(--spacing-lg);border:none;border-bottom:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;align-items:center;gap:var(--spacing-sm);background:0 0;width:100%;font-size:.75rem;font-weight:500;display:flex}.tech-nav-dropdown-item:last-child{border-bottom:none}.tech-nav-dropdown-item:hover{background:var(--glass-bg-light);color:var(--text-primary)}.tech-nav-dropdown-item.active{background:var(--glass-bg-light);color:var(--text-primary);font-weight:600}.tech-main-content{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.tech-content-area{padding:var(--spacing-lg);background:rgba(0,0,0,.05);flex:1;min-width:0;overflow-x:hidden;overflow-y:auto}.tech-sidebar-right{background:var(--glass-bg);-webkit-backdrop-filter:blur(30px)saturate(180%);border-left:1px solid var(--glass-border);gap:var(--spacing-xs);width:140px;min-width:140px;max-width:140px;padding:var(--spacing-xs);flex-direction:column;display:flex;overflow-x:hidden;overflow-y:auto;box-shadow:-4px 0 30px rgba(0,0,0,.1)}.tech-sidebar-section{background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tech-sidebar-title{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-align:center;font-size:.6rem;font-weight:700;line-height:1}.tech-belbak-container{gap:var(--spacing-md);height:100%;display:flex;overflow:hidden}.tech-status-column{gap:var(--spacing-sm);width:200px;min-width:200px;max-width:200px;padding-right:var(--spacing-sm);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border-right:1px solid var(--glass-border);padding:var(--spacing-sm);flex-direction:column;display:flex;overflow-y:auto;box-shadow:4px 0 30px rgba(0,0,0,.1)}.tech-status-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:var(--spacing-sm)0 var(--spacing-xs)0;padding:0 var(--spacing-sm);font-size:.7rem;font-weight:700}.tech-status-btn{padding:var(--spacing-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--spacing-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;white-space:nowrap;font-size:.75rem;font-weight:600;display:flex}.tech-status-btn:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.3);transform:translate(4px)}.tech-status-btn.selected{background:var(--unicorn-primary);box-shadow:var(--glow-primary);border-color:rgba(102,126,234,.8)}.tech-business-column{gap:var(--spacing-md);flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.tech-scrollable-list{padding-right:var(--spacing-sm);overflow-x:hidden;overflow-y:auto}.tech-card-list{gap:var(--spacing-md);padding:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.tech-email-buttons{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.tech-email-btn{padding:var(--spacing-sm)var(--spacing-lg);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--spacing-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.75rem;font-weight:600;display:flex}.tech-email-btn:hover{background:rgba(255,255,255,.25);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.tech-email-btn-icon{font-size:1rem}.tech-email-btn-text{white-space:nowrap}@media (min-width:1920px){.tech-sidebar-right{width:150px;min-width:150px;max-width:150px}.tech-status-column{width:240px;min-width:240px;max-width:240px}.tech-card-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:1439px){.tech-sidebar-right{width:130px;min-width:130px;max-width:130px}.tech-status-column{width:190px;min-width:190px;max-width:190px}}@media (max-width:1023px){.tech-header{padding:var(--spacing-xs)var(--spacing-md);min-height:50px;max-height:50px}.tech-nav{min-height:40px;max-height:40px}.tech-sidebar-right{width:110px;min-width:110px;max-width:110px}.tech-status-column{width:170px;min-width:170px;max-width:170px}.tech-status-btn{padding:var(--spacing-sm);font-size:.7rem}}@media (max-width:767px){.tech-main-content{flex-direction:column}.tech-sidebar-right{border-left:none;border-top:1px solid var(--glass-border);flex-direction:row;width:100%;min-width:100%;max-width:100%;max-height:200px;overflow-x:auto;overflow-y:hidden}.tech-belbak-container{flex-direction:column}.tech-status-column{width:100%;min-width:100%;max-width:100%;padding-right:0;padding-bottom:var(--spacing-sm);flex-direction:row;overflow-x:auto;overflow-y:hidden}.tech-business-column{overflow-y:auto}.tech-nav{scrollbar-width:thin;overflow-x:auto}.tech-header-title{font-size:1rem}.tech-header-subtitle{font-size:.6rem}.tech-header-center button{gap:var(--spacing-xs);padding:var(--spacing-xs);flex-direction:column}.tech-header-center button>div{justify-content:center;width:100%}}@media (max-width:479px){.tech-header{min-height:45px;max-height:45px;padding:var(--spacing-xs)}.tech-header-logo{height:30px}.tech-nav{min-height:36px;max-height:36px;padding:0 var(--spacing-sm)}.tech-nav-btn{padding:var(--spacing-xs)var(--spacing-md);font-size:.7rem}}@media (orientation:landscape) and (max-height:800px){.tech-header{min-height:50px;max-height:50px;padding:var(--spacing-xs)var(--spacing-md)}.tech-nav{min-height:40px;max-height:40px}.tech-sidebar-section{padding:var(--spacing-sm)}.tech-content-area{padding:var(--spacing-md)}}@media (orientation:landscape) and (max-height:600px){.tech-header{min-height:40px;max-height:40px}.tech-nav{min-height:32px;max-height:32px}.tech-header-logo{height:30px}.tech-header-title{font-size:1rem}.tech-header-subtitle{display:none}}.upload-container{padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;height:100%;display:flex;overflow-y:auto}.upload-card{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:2px dashed var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base);cursor:pointer}.upload-card:hover{box-shadow:var(--glow-primary);background:rgba(255,255,255,.2);border-color:rgba(102,126,234,.6)}.upload-icon{margin-bottom:var(--spacing-md);font-size:4rem;animation:3s ease-in-out infinite float}.upload-text{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.2rem;font-weight:600}.upload-hint{color:var(--text-secondary);font-size:.9rem}.tba-card-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:flex-start;display:flex}.tba-card-title h3{color:var(--text-primary);margin:0 0 var(--spacing-xs)0;font-size:1.1rem;font-weight:700}.tba-badges-row{gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.tba-category{padding:var(--spacing-xs)var(--spacing-sm);background:var(--glass-bg-dark);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.7rem}.tba-status-badge{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-md);font-size:.7rem;font-weight:600}.tba-status-badge[data-status=succesvol_gesprek]{color:#10b981;background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.4)}.tba-status-badge[data-status=offerte_gestart]{color:#eab308;background:rgba(234,179,8,.2);border:1px solid rgba(234,179,8,.4)}.tba-status-badge[data-status=offerte_ontvangen]{color:#3b82f6;background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.4)}.tba-status-badge[data-status=offerte_verzonden]{color:#f97316;background:rgba(249,115,22,.2);border:1px solid rgba(249,115,22,.4)}.tba-status-badge[data-status=deal]{color:#10b981;background:rgba(16,185,129,.3);border:1px solid rgba(16,185,129,.6);font-weight:700}.tba-datetime{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);background:var(--glass-bg-dark);border-radius:var(--radius-md);font-weight:600;display:flex}.tba-time{color:var(--text-primary);font-size:1.2rem}.tba-date{color:var(--text-secondary);font-size:.85rem}.tba-contact-info{gap:var(--spacing-sm);margin:var(--spacing-sm)0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.tba-contact-item{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.85rem;display:flex}.tba-contact-item a{color:var(--text-primary);transition:opacity var(--transition-fast);text-decoration:none}.tba-contact-item a:hover{opacity:.8;text-decoration:underline}.tba-vervolg-reden{margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--text-secondary);background:rgba(139,92,246,.15);border-left:3px solid rgba(139,92,246,.6);font-size:.85rem;font-style:italic}.analytics-container{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;height:100%;display:flex;overflow-y:auto}.analytics-header{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md)var(--spacing-lg);box-shadow:var(--glass-shadow)}.analytics-stats-grid{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.analytics-stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;transition:all var(--transition-base)}.analytics-stat-card:hover{box-shadow:var(--glass-shadow-lg);border-color:rgba(255,255,255,.3);transform:translateY(-4px)}.analytics-stat-value{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:2rem;font-weight:700}.analytics-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.analytics-chart-container{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--glass-shadow)}.beheer-container{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;height:100%;display:flex;overflow-y:auto}.beheer-search{gap:var(--spacing-sm);align-items:center;display:flex}.beheer-filters{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.beheer-business-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.beheer-business-card{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.beheer-business-card:before{content:"";background:var(--unicorn-accent);opacity:0;height:4px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.beheer-business-card:hover:before{opacity:1}.beheer-business-card:hover{box-shadow:var(--glass-shadow-lg);border-color:rgba(255,255,255,.3);transform:translateY(-4px)}.beheer-business-details{gap:var(--spacing-xs);color:var(--text-secondary);flex-direction:column;font-size:.85rem;display:flex}.history-container{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;height:100%;display:flex;overflow-y:auto}.history-timeline{gap:var(--spacing-sm);flex-direction:column;display:flex;position:relative}.history-timeline:before{content:"";background:var(--glass-border);width:2px;position:absolute;top:0;bottom:0;left:20px}.history-entry{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-base);margin-left:40px;position:relative}.history-entry:before{content:"";background:var(--unicorn-primary);border:3px solid var(--glass-bg);width:16px;height:16px;box-shadow:0 0 0 4px var(--glass-bg-light);border-radius:50%;position:absolute;top:20px;left:-28px}.history-entry:hover{box-shadow:var(--glass-shadow);border-color:rgba(255,255,255,.3);transform:translate(4px)}.filtered-container{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;height:100%;display:flex;overflow-y:auto}.filtered-kanban{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));height:100%;display:grid}.filtered-column{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;min-height:0;display:flex}.filtered-column-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--glass-border);font-size:.9rem;font-weight:700}.filtered-column-content{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.filtered-business-card{background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm);transition:all var(--transition-base);cursor:pointer}.offerte-aanvragen-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.offerte-card{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.offerte-card:before{content:"";background:var(--unicorn-success);height:4px;position:absolute;top:0;left:0;right:0}.offerte-card:hover{box-shadow:var(--glass-shadow-lg);border-color:rgba(255,255,255,.3);transform:translateY(-4px)}.offerte-card-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:flex-start;display:flex}.offerte-business-name{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:700}.offerte-amount{background:var(--unicorn-success);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.offerte-details{gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-direction:column;display:flex}.offerte-detail-row{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.85rem;display:flex}.pitch-container{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;height:100%;display:flex;overflow-y:auto}.pitch-card{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.pitch-card:hover{box-shadow:var(--glass-shadow);border-color:rgba(255,255,255,.3)}.pitch-card.active{box-shadow:var(--glow-primary);border-color:rgba(102,126,234,.6)}.pitch-title{color:var(--text-primary);margin:0 0 var(--spacing-md)0;align-items:center;gap:var(--spacing-sm);font-size:1.2rem;font-weight:700;display:flex}.pitch-active-badge{padding:var(--spacing-xs)var(--spacing-sm);background:var(--unicorn-success);color:var(--text-dark);border-radius:var(--radius-md);font-size:.7rem;font-weight:600}.pitch-content{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.9rem;line-height:1.6}.pitch-objections{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-direction:column;display:flex}.pitch-objection{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm)}.pitch-objection-question{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:.85rem;font-weight:600}.pitch-objection-answer{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.pitch-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);justify-content:flex-end;display:flex}.planning-calendar{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--glass-shadow)}.planning-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);transition:all var(--transition-base);cursor:pointer;border-left:4px solid}.planning-item:hover{box-shadow:var(--glass-shadow);background:var(--glass-bg-light);transform:translate(4px)}.planning-item.high-priority{border-left-color:#dc2626}.planning-item.medium-priority{border-left-color:#f59e0b}.planning-item.low-priority{border-left-color:#10b981}.email-management-container{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;height:100%;display:flex;overflow-y:auto}.email-editor{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--glass-shadow);gap:var(--spacing-md);flex-direction:column;display:flex}.email-form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.email-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;font-weight:600}.email-preview{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-lg);min-height:300px}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:var(--z-modal-backdrop);padding:var(--spacing-lg);background:rgba(0,0,0,.7);justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:800px;max-height:90vh;color:var(--text-primary);flex-direction:column;animation:.3s ease-out scale-in;display:flex;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border);background:var(--glass-bg);justify-content:space-between;align-items:center;display:flex}.modal-title{background:var(--unicorn-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.3rem;font-weight:700}.modal-close{border-radius:var(--radius-md);background:var(--glass-bg-dark);border:1px solid var(--glass-border);cursor:pointer;width:32px;height:32px;transition:all var(--transition-base);color:var(--text-primary);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.modal-close:hover{background:rgba(220,38,38,.3);border-color:rgba(220,38,38,.6);transform:scale(1.1)}.modal-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.modal-footer{gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--glass-border);background:var(--glass-bg);justify-content:flex-end;display:flex}.form-tech{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group-tech{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-label-tech{color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;font-weight:600}.form-input-tech{width:100%;padding:var(--spacing-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem}.form-input-tech::placeholder{color:var(--text-muted)}.form-input-tech:focus{background:rgba(255,255,255,.2);border-color:rgba(102,126,234,.6);outline:none;box-shadow:0 0 20px rgba(102,126,234,.3)}.form-textarea-tech{resize:vertical;min-height:120px;font-family:inherit}.form-select-tech{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.business-card-tech{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.business-card-tech:before{content:"";background:var(--unicorn-accent);opacity:0;height:4px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.business-card-tech:hover:before{opacity:1}.business-card-tech:hover{box-shadow:var(--glass-shadow-lg);border-color:rgba(255,255,255,.3);transform:translateY(-4px)}.business-name-tech{color:var(--text-primary);margin:0 0 var(--spacing-sm)0;align-items:center;gap:var(--spacing-sm);font-size:1.2rem;font-weight:700;display:flex}.business-info-grid{gap:var(--spacing-sm);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.business-info-item{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.85rem;display:flex}.business-info-item a{color:var(--text-primary);transition:opacity var(--transition-fast);text-decoration:none}.business-info-item a:hover{opacity:.8;text-decoration:underline}.business-status-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-xl);background:var(--glass-bg);border:1px solid var(--glass-border);font-size:.75rem;font-weight:600;display:inline-flex}.filters-tech{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.filter-group-tech{align-items:center;gap:var(--spacing-sm);display:flex}.filter-label-tech{color:var(--text-secondary);white-space:nowrap;font-size:.85rem;font-weight:600}.empty-state-tech{padding:var(--spacing-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state-icon{margin-bottom:var(--spacing-md);opacity:.5;font-size:4rem;animation:3s ease-in-out infinite float}.empty-state-title{color:var(--text-primary);margin:0 0 var(--spacing-sm)0;font-size:1.3rem;font-weight:700}.empty-state-description{color:var(--text-secondary);max-width:400px;font-size:.95rem;line-height:1.6}.loading-tech{padding:var(--spacing-xl);flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.spinner-tech{border:4px solid var(--glass-border);border-top:4px solid var(--text-primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text-tech{margin-top:var(--spacing-md);color:var(--text-secondary);font-size:.9rem;font-weight:500}.stat-row-tech{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.stat-card-tech{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);min-width:200px;padding:var(--spacing-md);text-align:center;transition:all var(--transition-base);flex:1}.stat-card-tech:hover{box-shadow:var(--glass-shadow);transform:translateY(-2px)}.stat-value-tech{background:var(--unicorn-primary);-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-xs);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.stat-label-tech{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.stat-trend-tech{margin-top:var(--spacing-xs);justify-content:center;align-items:center;gap:var(--spacing-xs);font-size:.75rem;display:flex}.stat-trend-up{color:#10b981}.stat-trend-down{color:#dc2626}@media (max-width:767px){.tech-grid,.beheer-business-grid,.offerte-aanvragen-grid,.business-info-grid{grid-template-columns:1fr}.stat-row-tech{flex-direction:column}.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}}.daily-goals-widget{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-bottom:20px;padding:20px;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.1)}.daily-goals-widget:before{content:"";pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"stars\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\"><circle cx=\"10\" cy=\"10\" r=\"1\" fill=\"white\" opacity=\"0.1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23stars)\"/></svg>");position:absolute;top:0;bottom:0;left:0;right:0}.daily-goals-widget.loading{flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.daily-goals-widget.error{text-align:center;background:#ef4444;padding:40px}.goals-header{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex;position:relative}.goals-title h3{text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0;font-size:24px;font-weight:700}.employee-info{flex-direction:column;gap:4px;margin-top:8px;display:flex}.employee-level{opacity:.8;background:rgba(255,255,255,.2);border-radius:12px;padding:2px 8px;font-size:14px;display:inline-block}.goals-actions{gap:8px;display:flex}.action-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.2);border:none;border-radius:8px;padding:8px 12px;font-size:14px;transition:all .3s}.action-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.xp-progress{z-index:1;margin-bottom:20px;position:relative}.xp-info{opacity:.9;justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.xp-bar{background:rgba(255,255,255,.2);border-radius:4px;height:8px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:4px;height:100%;transition:width .5s;position:relative}.xp-bar-fill:after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:2s infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0}.streak-info{z-index:1;background:rgba(255,255,255,.1);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex;position:relative}.streak-current{align-items:center;gap:8px;display:flex}@keyframes flame{0%{transform:scale(1)}to{transform:scale(1.1)}}.streak-label{opacity:.9;font-size:14px}.streak-best{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.best-label{opacity:.8;font-size:12px}.best-count{font-size:16px;font-weight:600}.progress-section{z-index:1;flex-direction:column;gap:16px;display:flex;position:relative}.progress-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border-radius:8px;padding:12px 16px}.progress-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.progress-label{font-size:14px;font-weight:600}.progress-count{font-size:14px;font-weight:700}.progress-bar{background:rgba(255,255,255,.2);border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%;transition:width .5s;position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:1.5s infinite progressShimmer;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.achievement-notification{z-index:1000;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;max-width:300px;padding:16px;animation:.5s ease-out slideInRight;position:fixed;top:20px;right:20px;box-shadow:0 8px 32px rgba(0,0,0,.2)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.achievement-content{align-items:center;gap:12px;display:flex}.achievement-icon{font-size:32px;animation:.6s ease-in-out bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.achievement-text{flex:1}.achievement-title{color:#92400e;margin-bottom:4px;font-size:12px;font-weight:600}.achievement-name{color:#92400e;margin-bottom:2px;font-size:16px;font-weight:700}.achievement-description{color:#92400e;opacity:.9;margin-bottom:4px;font-size:14px}.achievement-xp{color:#92400e;font-size:14px;font-weight:600}.achievement-close{color:#92400e;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:16px;transition:opacity .3s;position:absolute;top:8px;right:8px}.achievement-close:hover{opacity:1}.daily-goals-container{margin-bottom:20px;position:relative}.toggle-goals-btn{color:#fff;cursor:pointer;z-index:2;background:rgba(255,255,255,.2);border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .3s;display:flex;position:absolute;top:10px;right:10px}.toggle-goals-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.show-goals-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;margin-bottom:20px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 16px rgba(0,0,0,.1)}.show-goals-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.achievements-modal,.leaderboard-modal{max-width:500px;max-height:80vh;overflow-y:auto}.achievements-list{flex-direction:column;gap:12px;display:flex}.achievement-item{background:#f8f9fa;border-left:4px solid #8b5cf6;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.achievement-item .achievement-icon{font-size:24px;animation:none}.achievement-item .achievement-info{flex:1}.achievement-item .achievement-title{color:#1f2937;margin-bottom:4px;font-size:16px;font-weight:600}.achievement-item .achievement-description{color:#6b7280;margin-bottom:4px;font-size:14px}.achievement-item .achievement-xp{color:#8b5cf6;font-size:12px;font-weight:600}.achievement-item .achievement-date{color:#9ca3af;font-size:12px}.no-achievements{text-align:center;color:#6b7280;padding:40px 20px}.leaderboard-item{background:#f8f9fa;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .3s;display:flex}.leaderboard-item:hover{background:#e5e7eb}.leaderboard-item.current-user{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6}.leaderboard-item .rank{color:#1f2937;min-width:30px;font-size:18px;font-weight:700}.leaderboard-item .player-info{flex:1}.leaderboard-item .player-name{color:#1f2937;margin-bottom:2px;font-size:16px;font-weight:600}.leaderboard-item .player-stats{color:#6b7280;font-size:12px}.leaderboard-item .score{color:#8b5cf6;font-size:16px;font-weight:700}.no-leaderboard{text-align:center;color:#6b7280;padding:40px 20px}@media (max-width:768px){.daily-goals-widget{margin-bottom:16px;padding:16px}.goals-title h3{font-size:20px}.goals-header{flex-direction:column;gap:12px}.goals-actions{align-self:flex-end}.streak-info{text-align:center;flex-direction:column;gap:8px}.achievement-notification{max-width:none;top:10px;left:10px;right:10px}.achievement-content{text-align:center;flex-direction:column;gap:8px}.achievement-icon{font-size:24px}}.gamification-demo{max-width:1200px;margin:0 auto;padding:20px}.demo-header{text-align:center;margin-bottom:30px}.demo-header h2{color:#1f2937;margin-bottom:8px;font-size:32px;font-weight:700}.demo-header p{color:#6b7280;font-size:16px}.demo-controls{background:#f8f9fa;border-radius:12px;margin-bottom:30px;padding:20px}.demo-controls h3{color:#1f2937;margin-bottom:16px;font-size:20px;font-weight:600}.demo-buttons{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.demo-btn{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .3s}.demo-btn.geen-antwoord{color:#92400e;background:#fbbf24}.demo-btn.geen-antwoord:hover{background:#f59e0b;transform:translateY(-2px)}.demo-btn.succesvol{color:#fff;background:#10b981}.demo-btn.succesvol:hover{background:#059669;transform:translateY(-2px)}.demo-btn.tba{color:#fff;background:#3b82f6}.demo-btn.tba:hover{background:#2563eb;transform:translateY(-2px)}.demo-btn.offerte{color:#fff;background:#8b5cf6}.demo-btn.offerte:hover{background:#7c3aed;transform:translateY(-2px)}.demo-btn.level-test{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);font-weight:600}.demo-btn.level-test:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(139,92,246,.3)}.demo-section{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.demo-section h4{color:#374151;margin:0 0 12px;font-size:14px;font-weight:600}.demo-businesses{background:#f8f9fa;border-radius:12px;padding:20px}.demo-businesses h3{color:#1f2937;margin-bottom:16px;font-size:20px;font-weight:600}.businesses-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.business-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .3s}.business-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px rgba(59,130,246,.1)}.business-name{color:#1f2937;margin-bottom:4px;font-size:14px;font-weight:600}.business-status{color:#6b7280;margin-bottom:2px;font-size:12px}.business-calls{color:#6b7280;font-size:12px}@media (max-width:768px){.gamification-demo{padding:16px}.demo-header h2{font-size:24px}.demo-buttons,.businesses-list{grid-template-columns:1fr}}.compact-goals-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:16px;padding:12px 16px;position:relative;overflow:hidden}.compact-goals-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"stars\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\"><circle cx=\"10\" cy=\"10\" r=\"1\" fill=\"white\" opacity=\"0.1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23stars)\"/></svg>");position:absolute;top:0;bottom:0;left:0;right:0}.goals-summary{z-index:1;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.employee-info{align-items:center;gap:8px;min-width:120px;display:flex}.employee-name{opacity:.9;font-size:14px;font-weight:600}.employee-level{background:rgba(255,255,255,.2);border-radius:8px;padding:2px 6px;font-size:12px;font-weight:600}.progress-overview{flex:1;justify-content:center;gap:12px;display:flex}.progress-item-compact{background:rgba(255,255,255,.1);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.progress-icon{font-size:14px}.progress-count{opacity:.9;font-size:11px}.goals-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:100px;display:flex}.streak-info{background:rgba(255,255,255,.1);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:flex}.streak-icon{font-size:14px;animation:1s ease-in-out infinite alternate flame}.streak-count{font-size:12px;font-weight:600}.toggle-details-btn,.achievements-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.2);border:none;border-radius:6px;padding:6px 8px;font-size:12px;transition:all .3s}.toggle-details-btn:hover,.achievements-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}.overall-progress{z-index:1;background:rgba(255,255,255,.2);border-radius:2px;height:4px;margin-top:8px;position:relative;overflow:hidden}.overall-progress-bar{border-radius:2px;height:100%;transition:width .5s;position:relative}.overall-progress-bar:after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:2s infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0}.goals-details{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px;display:grid}.detail-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px}.detail-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.detail-label{color:#374151;font-size:12px;font-weight:600}.detail-count{color:#6b7280;font-size:11px;font-weight:600}.detail-progress{background:#e5e7eb;border-radius:2px;height:4px;overflow:hidden}.detail-progress-bar{border-radius:2px;height:100%;transition:width .5s}.xp-info{color:#6b7280;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:8px;font-size:12px;display:flex}.xp-current{color:#8b5cf6;font-weight:600}.xp-next{font-weight:500}.achievement-notification-compact{z-index:1000;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px;max-width:250px;padding:12px;animation:.3s ease-out slideInRight;position:fixed;top:20px;right:20px;box-shadow:0 4px 16px rgba(0,0,0,.2)}.achievement-notification-compact .achievement-content{align-items:center;gap:8px;display:flex}.achievement-notification-compact .achievement-icon{font-size:20px;animation:.6s ease-in-out bounce}.achievement-notification-compact .achievement-text{flex:1}.achievement-notification-compact .achievement-title{color:#92400e;margin-bottom:2px;font-size:12px;font-weight:600}.achievement-notification-compact .achievement-xp{color:#92400e;font-size:11px;font-weight:600}.achievement-notification-compact .achievement-close{color:#92400e;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:12px;transition:opacity .3s;position:absolute;top:4px;right:4px}.achievement-notification-compact .achievement-close:hover{opacity:1}.loading-spinner-small{border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@media (max-width:768px){.compact-goals-header{padding:10px 12px}.goals-summary{flex-direction:column;align-items:stretch;gap:8px}.employee-info{justify-content:center;min-width:auto}.progress-overview{justify-content:space-between;gap:8px}.progress-item-compact{flex:1;justify-content:center;padding:3px 6px}.goals-actions{justify-content:center;min-width:auto}.details-grid{grid-template-columns:1fr}.achievement-notification-compact{max-width:none;top:10px;left:10px;right:10px}}.offerte-aanvragen-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);flex-direction:column;height:calc(100vh - 80px);display:flex;overflow:hidden}.offerte-aanvragen-header{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-bottom:1px solid rgba(226,232,240,.5);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.05)}.filters-container{align-items:center;gap:1rem;display:flex}.status-filter,.date-filter{align-items:center;gap:.5rem;display:flex}.status-filter label,.date-filter label{color:#374151;font-size:.9rem;font-weight:600}.status-input,.date-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:200px;padding:.5rem .75rem;font-size:.9rem;transition:border-color .2s}.status-input:focus,.date-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.status-input option,.date-input option{padding:.5rem}.offerte-aanvragen-stats{background:#fff;border-bottom:1px solid #e5e7eb;gap:2rem;padding:1rem 2rem;display:flex}.stat-item{align-items:center;gap:.5rem;display:flex}.stat-label{color:#6b7280;font-size:.9rem;font-weight:600}.stat-value{color:#6366f1;font-size:1.1rem;font-weight:700}.leads-list{flex:1;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:1.5rem;padding:1rem 2rem;display:grid;overflow-y:auto}.no-leads{color:#6b7280;background:#fff;border:2px dashed #d1d5db;border-radius:12px;grid-column:1/-1;justify-content:center;align-items:center;height:200px;font-size:1.1rem;display:flex}.lead-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.lead-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.clickable-card{cursor:pointer;transition:all .3s}.clickable-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.clickable-card:hover:after{content:"👆 Klik om details te bekijken";color:#fff;z-index:10;background:rgba(59,130,246,.9);border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;position:absolute;top:10px;right:10px}.lead-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.lead-title h3{color:#1f2937;margin:0 0 .25rem;font-size:1.2rem;font-weight:700}.lead-date{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:.25rem .5rem;font-size:.85rem}.lead-amount{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.amount-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.amount-value{color:#059669;text-shadow:0 1px 2px rgba(0,0,0,.1);background:#ecfdf5;border:1px solid #d1fae5;border-radius:8px;padding:.5rem 1rem;font-size:1.4rem;font-weight:700}.lead-details{flex-direction:column;gap:15px;margin-bottom:20px;display:flex}.lead-contact,.lead-address,.lead-description{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.contact-icon,.address-icon,.description-icon{flex-shrink:0;margin-top:2px;font-size:18px}.contact-info,.address-info,.description-info{flex-direction:column;flex:1;gap:4px;display:flex}.contact-info strong{color:#1f2937;font-size:15px;font-weight:600}.contact-email,.contact-phone{color:#6b7280;font-size:13px;font-weight:500}.address-info span{color:#374151;font-size:14px;font-weight:500}.description-info{color:#374151;font-size:14px;line-height:1.5}.description-info strong{color:#1f2937;font-weight:600}@media (max-width:768px){.leads-list{grid-template-columns:1fr}.lead-header{flex-direction:column;gap:10px}.lead-amount{align-items:flex-start}.offerte-aanvragen-header{flex-direction:column;align-items:flex-start;gap:15px}.filters-container{flex-direction:column;align-items:flex-start;gap:.5rem}.status-input,.date-input{min-width:150px}}.offerte-detail-page{height:auto!important;overflow-y:auto!important}body:has(.offerte-detail-container){height:auto!important;overflow-y:auto!important}html:has(.offerte-detail-container){height:auto!important;overflow-y:auto!important}.offerte-detail-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh;padding:1rem;overflow-y:visible}.offerte-detail-container *{overflow:visible!important}.offerte-detail-container .content-layout{height:auto!important;max-height:none!important}.offerte-detail-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.header-left h1{color:#1f2937;margin:0 0 .5rem;font-size:2rem;font-weight:700}.offerte-date{color:#6b7280;margin:0;font-size:1rem}.budget-label{color:#6b7280;margin-bottom:.25rem;font-size:.9rem;font-weight:500;display:block}.budget-amount{color:#059669;background:#ecfdf5;border:1px solid #d1fae5;border-radius:12px;padding:.75rem 1.5rem;font-size:2rem;font-weight:700}.status-badge{color:#fff;text-transform:uppercase;background:#3b82f6;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.offerte-detail-content{max-width:1400px;margin:0 auto;padding-bottom:2rem;overflow:visible}.content-layout{grid-template-columns:1fr 2fr;gap:1rem;min-height:auto;display:grid;overflow:visible}.left-column,.right-column{flex-direction:column;gap:.75rem;display:flex;overflow:visible}.detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.detail-section.compact{border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.1)}.section-header{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);padding:1rem 1.5rem}.section-header.compact{padding:.5rem .75rem}.section-header.compact h2{color:#7c3aed;font-size:.9rem}.info-item.compact{gap:.2rem}.info-item label{color:#374151;font-size:.9rem;font-weight:600}.info-item.compact label{margin-bottom:.25rem;font-size:.8rem}.info-item span{color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem;font-size:.95rem}.info-item.compact span{padding:.3rem;font-size:.85rem}.project-description{margin-bottom:1rem}.project-description.compact{margin-bottom:0}.project-description h3{color:#1f2937;margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.project-description p{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin:0;padding:.5rem;font-size:.85rem;line-height:1.4}.project-details,.functionaliteiten,.prijzen-section,.planning-section,.extra-features,.notes-section{margin-bottom:2rem}.project-details h3,.functionaliteiten h3,.prijzen-section h3,.planning-section h3,.extra-features h3,.notes-section h3{color:#1f2937;margin:0 0 1rem;font-size:1.25rem;font-weight:600}.details-grid,.prijzen-grid,.planning-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.details-grid.compact,.prijzen-grid.compact,.planning-grid.compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.prijs-item.highlight span{color:#059669;background:0 0;border:none;padding:0;font-size:1.25rem;font-weight:700}.feature-list{margin:0;padding:0;list-style:none}.feature-list.compact{flex-wrap:wrap;gap:.5rem;display:flex}.feature-list li{color:#374151;border-bottom:1px solid #e5e7eb;padding:.5rem 0}.feature-list li:last-child{border-bottom:none}.feature-tag{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;padding:.2rem .4rem;font-size:.75rem;font-weight:500;display:inline-block}.extra-features p,.notes-section p{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:0;padding:1rem;line-height:1.6}.extra-info,.notes-info{margin-bottom:1rem}.extra-info:last-child,.notes-info:last-child{margin-bottom:0}.extra-info label,.notes-info label{color:#374151;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.extra-info p,.notes-info p{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin:0;padding:.5rem;font-size:.85rem;line-height:1.4}.organized-fields-grid.compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.tech-specs-grid.compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.tech-spec-item{flex-direction:column;gap:.5rem;display:flex}.tech-spec-item.compact{gap:.3rem}.tech-spec-item label{color:#1f2937;text-transform:capitalize;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:.25rem .5rem;font-size:.85rem;font-weight:600}.tech-spec-item span{color:#374151;text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.4rem;font-size:.8rem;font-weight:500}.tech-spec-item span.yes{color:#065f46;background:#ecfdf5;border-color:#d1fae5}.tech-spec-item span.no{color:#991b1b;background:#fef2f2;border-color:#fecaca}.field-item{flex-direction:column;gap:.5rem;display:flex}.field-item.compact{gap:.3rem}.field-item label{color:#1f2937;text-transform:capitalize;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:.25rem .5rem;font-size:.85rem;font-weight:600}.field-item span{color:#374151;word-break:break-word;white-space:pre-wrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;max-height:200px;padding:.5rem;font-family:Courier New,monospace;font-size:.8rem;overflow-y:auto}.offerte-detail-actions{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-top:1px solid #e5e7eb;justify-content:center;gap:1rem;margin-top:2rem;padding:2rem;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.back-btn:hover{background:#4b5563;transform:translateY(-2px)}.print-btn:hover{background:#2563eb;transform:translateY(-2px)}@media (max-width:1024px){.content-layout{grid-template-columns:1fr;height:auto}.left-column,.right-column{height:auto}}@media (max-width:768px){.offerte-detail-container{padding:.5rem}.header-content{flex-direction:column;gap:1rem}.header-right{align-items:flex-start}.info-grid,.details-grid,.prijzen-grid,.planning-grid,.details-grid.compact,.prijzen-grid.compact,.planning-grid.compact{grid-template-columns:1fr}.offerte-detail-actions,.feature-list.compact{flex-direction:column}}.lead-actions{justify-content:space-between;align-items:center;display:flex}.process-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s}.process-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.lead-status{color:#1e40af;text-transform:uppercase;letter-spacing:.5px;background:#dbeafe;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;font-weight:600}.loading-container,.error-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:200px;margin:2rem;display:flex}.error-container h3{color:#dc2626;margin:0 0 .5rem}.error-container p{color:#6b7280;margin:0 0 1rem}.retry-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600;transition:background-color .2s}@media (max-width:768px){.offerte-aanvragen-header{flex-direction:column;align-items:stretch;gap:1rem}.offerte-aanvragen-stats{flex-direction:column;gap:.5rem}.lead-details{grid-template-columns:1fr}.lead-actions{flex-direction:column;align-items:stretch;gap:1rem}.process-btn{width:100%}}.header-gamification-integrated{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;width:100%;max-width:100%;padding:6px 12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1)}.header-gamification-content{color:#fff;justify-content:space-between;align-items:center;gap:16px;width:100%;font-size:13px;display:flex}.header-level-section{align-items:center;gap:8px;display:flex}.header-level{align-items:center;gap:6px;display:flex;position:relative}.header-level-text{text-align:center;background:rgba(255,255,255,.2);border-radius:6px;min-width:40px;padding:2px 6px;font-size:14px;font-weight:700}.header-level-progress{background:rgba(255,255,255,.2);border-radius:2px;width:50px;height:3px;overflow:hidden}.header-level-bar{border-radius:2px;height:100%;transition:width .5s;position:relative}.header-level-bar:after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:2s infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0}.header-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.header-stat-item{background:rgba(255,255,255,.1);border-radius:6px;align-items:center;gap:3px;padding:3px 6px;transition:all .3s;display:flex;position:relative}.header-stat-item:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.header-stat-item[title]:hover:after{content:attr(title);color:#fff;white-space:nowrap;z-index:1000;white-space:normal;text-align:center;background:rgba(0,0,0,.9);border-radius:6px;max-width:200px;margin-bottom:5px;padding:8px 12px;font-size:11px;line-height:1.3;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px rgba(0,0,0,.3)}.header-stat-icon{font-size:12px}.header-stat-count{text-align:center;align-items:center;gap:2px;min-width:24px;font-size:12px;font-weight:600;display:flex}.header-actions{align-items:center;gap:6px;display:flex}.header-streak,.header-achievements{background:rgba(255,255,255,.1);border-radius:6px;align-items:center;gap:3px;padding:3px 6px;transition:all .3s;display:flex;position:relative}.header-streak:hover,.header-achievements:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.header-level[title]:hover:after,.header-streak[title]:hover:after,.header-achievements[title]:hover:after{content:attr(title);color:#fff;white-space:nowrap;z-index:1000;white-space:normal;text-align:center;background:rgba(0,0,0,.9);border-radius:6px;max-width:250px;margin-bottom:5px;padding:8px 12px;font-size:11px;line-height:1.3;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px rgba(0,0,0,.3)}.header-streak-icon{font-size:12px;animation:1s ease-in-out infinite alternate flame}.header-achievements-icon{font-size:12px}.header-streak-count,.header-achievements-count{text-align:center;min-width:16px;font-size:12px;font-weight:600}.header-controls{align-items:center;gap:8px;display:flex}.header-control-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:16px;transition:all .3s;display:flex}.header-control-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:translateY(-1px)}.header-control-btn:active{transform:translateY(0)}.start-game-btn{color:#ff6b35!important;background:rgba(255,107,53,.2)!important;border-color:rgba(255,107,53,.5)!important}.start-game-btn:hover:not(:disabled){background:rgba(255,107,53,.3)!important;border-color:rgba(255,107,53,.7)!important}.start-game-btn:disabled{color:#6b7280!important;cursor:not-allowed!important;background:rgba(107,114,128,.2)!important;border-color:rgba(107,114,128,.3)!important}.abandon-game-btn{color:#ef4444!important;background:rgba(239,68,68,.2)!important;border-color:rgba(239,68,68,.5)!important}.abandon-game-btn:hover{background:rgba(239,68,68,.3)!important;border-color:rgba(239,68,68,.7)!important}.header-game-status{align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.header-game-status-icon{font-size:14px}.header-game-status-text{text-transform:uppercase;letter-spacing:.5px;font-size:11px}.game-mode-explanation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;margin:20px 0;padding:20px}.game-mode-explanation h3{color:#ff6b35;text-align:center;margin:0 0 15px;font-size:18px;font-weight:700}.explanation-content{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.explanation-section{background:rgba(255,255,255,.03);border-left:3px solid #ff6b35;border-radius:8px;padding:15px}.explanation-section h4{color:#fff;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;font-weight:600;display:flex}.explanation-section ul{color:#e5e7eb;margin:0;padding-left:20px}.explanation-section li{margin-bottom:6px;font-size:13px;line-height:1.4}.explanation-section strong{color:#ff6b35;font-weight:600}.explanation-section em{color:#9ca3af;font-size:12px;font-style:italic}.explanation-section p{color:#d1d5db;margin:8px 0 0;font-size:12px}.header-achievement-notification{z-index:1000;color:#92400e;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px;align-items:center;gap:6px;max-width:200px;padding:10px 12px;font-size:11px;font-weight:600;animation:.3s ease-out slideInRight;display:flex;position:fixed;top:80px;right:20px;box-shadow:0 4px 16px rgba(0,0,0,.2)}.header-achievement-notification .header-achievement-content{align-items:center;gap:6px;display:flex}.header-achievement-notification .header-achievement-icon{font-size:14px;animation:.6s ease-in-out bounce}.header-achievement-notification .header-achievement-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.header-achievement-notification .header-achievement-xp{background:rgba(146,64,14,.2);border-radius:3px;padding:1px 4px;font-size:10px}@media (max-width:1600px){.header-stats{gap:4px}.header-stat-item{padding:2px 5px;font-size:11px}.header-stat-icon,.header-stat-count{font-size:11px}}@media (max-width:1200px){.header-gamification-content{gap:8px}.header-stats{flex-wrap:wrap;gap:3px}.header-stat-item{padding:2px 4px;font-size:10px}.header-level-progress{width:40px}}@media (max-width:768px){.header-gamification-integrated{border-radius:6px;padding:4px 8px}.header-gamification-content{flex-wrap:wrap;justify-content:space-between;gap:6px}.header-level-section{flex:100%;order:1;justify-content:center;margin-bottom:2px}.header-stats{flex:100%;order:2;justify-content:center;gap:3px}.header-actions{flex:100%;order:3;justify-content:center}.header-stat-item{padding:1px 3px;font-size:9px}.header-level-progress{width:35px}.header-achievement-notification{max-width:none;top:60px;left:10px;right:10px}}@media (max-width:480px){.header-gamification-integrated{padding:3px 6px}.header-gamification-content{gap:4px}.header-stats{gap:2px}.header-stat-item{padding:1px 2px;font-size:8px}.header-level-progress{width:25px}.header-level-text{font-size:10px}}.tba-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;flex-direction:column;gap:2px;width:100%;max-width:100%;max-height:50px;margin-top:0;padding:3px 8px;display:flex;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.tba-indicator-row{justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:0;display:flex}.tba-indicator-square{color:#fff;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.2)}.tba-indicator-square:before{content:"";background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:3s infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0}.tba-indicator-content{z-index:1;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.tba-indicator-time{text-align:center;flex:1;font-size:16px;font-weight:700;line-height:1}.tba-indicator-status{opacity:.9;text-align:center;flex:1;font-size:10px;font-weight:600;line-height:1}.tba-indicator-company{white-space:nowrap;text-overflow:ellipsis;text-align:center;flex:1;min-width:0;max-width:none;font-size:13px;font-weight:600;overflow:hidden}.tba-indicator-today{text-align:center;flex:1;font-size:12px;font-weight:600}.tba-indicator-date{color:rgba(255,255,255,.8);text-align:center;width:100%;font-size:9px;font-weight:500}@media (max-width:768px){.tba-indicator{gap:2px;width:100%;max-height:40px;padding:2px 6px}.tba-indicator-row{gap:4px}.tba-indicator-square{width:25px;height:25px}.tba-indicator-time{text-align:center;flex:1;font-size:14px}.tba-indicator-status{text-align:center;flex:1;font-size:8px}.tba-indicator-company{text-align:center;flex:1;max-width:none;font-size:11px}.tba-indicator-today{text-align:center;flex:1;font-size:10px}.tba-indicator-date{text-align:center;font-size:8px}}@media (max-width:480px){.tba-indicator{gap:1px;width:100%;max-height:35px;padding:1px 4px}.tba-indicator-row{gap:3px}.tba-indicator-square{width:20px;height:20px}.tba-indicator-time{text-align:center;flex:1;font-size:12px}.tba-indicator-status{text-align:center;flex:1;font-size:7px}.tba-indicator-company{text-align:center;flex:1;max-width:none;font-size:9px}.tba-indicator-today{text-align:center;flex:1;font-size:8px}.tba-indicator-date{text-align:center;font-size:7px}}.mini-goals-bar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;margin-bottom:12px;padding:8px 12px;position:relative;overflow:hidden}.mini-goals-bar:before{content:"";pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"stars\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\"><circle cx=\"10\" cy=\"10\" r=\"1\" fill=\"white\" opacity=\"0.1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23stars)\"/></svg>");position:absolute;top:0;bottom:0;left:0;right:0}.mini-goals-content{z-index:1;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex;position:relative}.mini-employee{align-items:center;gap:6px;min-width:80px;display:flex}.mini-name{opacity:.9;font-weight:600}.mini-level{background:rgba(255,255,255,.2);border-radius:4px;padding:1px 4px;font-size:10px;font-weight:600}.mini-progress{flex:1;justify-content:center;gap:8px;display:flex}.mini-calls,.mini-success,.mini-tba,.mini-offerte{white-space:nowrap;background:rgba(255,255,255,.1);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.mini-actions{justify-content:flex-end;align-items:center;gap:6px;min-width:60px;display:flex}.mini-streak,.mini-achievements{background:rgba(255,255,255,.1);border-radius:4px;padding:2px 4px;font-size:10px;font-weight:600}.mini-streak .mini-streak-icon{animation:1s ease-in-out infinite alternate flame}.mini-progress-bar{z-index:1;background:rgba(255,255,255,.2);border-radius:2px;height:3px;margin-top:6px;position:relative;overflow:hidden}.mini-progress-fill{border-radius:2px;height:100%;transition:width .5s;position:relative}.mini-progress-fill:after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:2s infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0}.mini-achievement-notification{z-index:1000;color:#92400e;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:6px;align-items:center;gap:6px;max-width:200px;padding:8px 10px;font-size:11px;font-weight:600;animation:.3s ease-out slideInRight;display:flex;position:fixed;top:15px;right:15px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.mini-achievement-notification .mini-achievement-icon{font-size:14px;animation:.6s ease-in-out bounce}.mini-achievement-notification .mini-achievement-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.mini-achievement-notification .mini-achievement-xp{background:rgba(146,64,14,.2);border-radius:3px;padding:1px 4px;font-size:10px}@media (max-width:768px){.mini-goals-content{flex-direction:column;align-items:stretch;gap:6px}.mini-employee{justify-content:center;min-width:auto}.mini-progress{justify-content:space-between;gap:4px}.mini-calls,.mini-success,.mini-tba,.mini-offerte{text-align:center;flex:1;padding:2px 4px}.mini-actions{justify-content:center;min-width:auto}.mini-achievement-notification{max-width:none;top:10px;left:10px;right:10px}}.level-requirements{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;margin:16px 0;padding:16px}.level-header{text-align:center;margin-bottom:16px}.level-header h3{margin:0 0 4px;font-size:18px;font-weight:700}.level-subtitle{opacity:.8;margin:0;font-size:14px}.requirements-grid{grid-template-columns:1fr;gap:12px;margin-bottom:16px;display:grid}.requirement-item{background:rgba(255,255,255,.05);border-radius:8px;padding:12px}.requirement-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.requirement-icon{margin-right:8px;font-size:16px}.requirement-label{flex:1;font-size:14px;font-weight:600}.requirement-count{color:#fff;font-size:14px;font-weight:700}.requirement-progress{background:rgba(255,255,255,.2);border-radius:3px;height:6px;overflow:hidden}.requirement-bar{border-radius:3px;height:100%;transition:width .3s}.level-info{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.level-note{opacity:.8;margin:4px 0;font-size:12px;line-height:1.4}@media (max-width:768px){.level-requirements{margin:12px 0;padding:12px}.level-header h3{font-size:16px}.level-subtitle{font-size:12px}.requirement-item{padding:10px}.requirement-icon{font-size:14px}.requirement-label,.requirement-count{font-size:12px}}.game-mode-2-start{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;margin:20px 0;padding:40px 20px}.start-header h2{text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:16px;font-size:32px}.start-header p{opacity:.9;margin-bottom:32px;font-size:18px}.game-rules{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border-radius:12px;margin:24px 0;padding:24px}.game-rules h3{margin-bottom:16px;font-size:20px}.game-rules ul{padding:0;list-style:none}.game-rules li{align-items:center;gap:12px;padding:8px 0;font-size:16px;display:flex}.btn-large{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#10b981;border:none;border-radius:12px;padding:16px 32px;font-size:18px;font-weight:700;transition:all .3s}.btn-large:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,.3)}.btn-large:disabled{cursor:not-allowed;box-shadow:none;background:#6b7280;transform:none}.game-mode-2-active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;margin:20px 0;padding:24px}.game-header{text-align:center;margin-bottom:32px}.game-header h2{color:#fff;margin-bottom:16px;font-size:28px}.game-progress{flex-direction:column;align-items:center;gap:8px;display:flex}.progress-bar{background:rgba(255,255,255,.2);border-radius:6px;width:100%;max-width:400px;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;height:100%;transition:width .3s}.progress-text{color:#fff;font-size:14px;font-weight:600}.current-call{background:rgba(255,255,255,.1);border-radius:12px;margin-bottom:24px;padding:24px}.call-info{text-align:center;margin-bottom:24px}.call-info h3{color:#fff;margin-bottom:8px;font-size:24px}.business-name{color:#f59e0b;margin:0;font-size:18px;font-weight:600}.status-selection h4{color:#fff;margin-bottom:16px;font-size:18px}.status-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px;display:grid}.status-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.2);border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:16px;font-size:14px;transition:all .3s;display:flex}.status-btn:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.status-btn.selected{background:rgba(16,185,129,.2);border-color:#10b981}.status-emoji{font-size:24px}.status-label{text-align:center;font-weight:600}.notes-section{margin-bottom:24px}.notes-section label{color:#fff;margin-bottom:8px;font-weight:600;display:block}.notes-section textarea{color:#fff;resize:vertical;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;width:100%;padding:12px;font-size:14px}.notes-section textarea::placeholder{color:rgba(255,255,255,.6)}.call-actions{justify-content:center;gap:16px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.btn-secondary:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}.current-score{text-align:center;background:rgba(255,255,255,.1);border-radius:12px;padding:20px}.current-score h4{color:#fff;margin-bottom:12px;font-size:18px}.score-display{flex-direction:column;align-items:center;gap:8px;display:flex}.score-value{font-size:32px;font-weight:700}.score-breakdown{opacity:.8;font-size:14px}.game-mode-2-results{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;margin:20px 0;padding:40px}.results-header h2{text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:24px;font-size:32px}.final-score{flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;display:flex}.score-value{text-shadow:0 2px 4px rgba(0,0,0,.3);font-size:48px;font-weight:700}.score-rating{opacity:.9;font-size:18px;font-weight:600}.score-breakdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border-radius:12px;margin-bottom:24px;padding:24px}.score-breakdown h3{margin-bottom:16px;font-size:20px}.breakdown-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.breakdown-item{flex-direction:column;align-items:center;gap:4px;display:flex}.breakdown-label{opacity:.8;font-size:14px}.breakdown-value{font-size:20px;font-weight:700}.breakdown-text{opacity:.9;margin:0;font-size:16px}.calls-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:rgba(255,255,255,.1);border-radius:12px;margin-bottom:32px;padding:24px}.calls-summary h3{text-align:center;margin-bottom:16px;font-size:20px}.calls-list{flex-direction:column;gap:8px;display:flex}.call-item{background:rgba(255,255,255,.1);border-radius:6px;align-items:center;gap:12px;padding:8px 12px;display:flex}.call-business{flex:1;font-weight:600}.call-status{font-size:14px;font-weight:600}.results-actions{justify-content:center;display:flex}.game-mode-2-leaderboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:2px solid rgba(255,255,255,.1);border-radius:20px;margin:20px 0;padding:32px;position:relative;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3)}.game-mode-2-leaderboard:before{content:"";pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"stars\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\"><circle cx=\"10\" cy=\"10\" r=\"1\" fill=\"white\" opacity=\"0.1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23stars)\"/></svg>");position:absolute;top:0;bottom:0;left:0;right:0}.leaderboard-header{text-align:center;z-index:1;margin-bottom:40px;position:relative}.leaderboard-header h2{color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.3);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:36px;font-weight:800}.leaderboard-header p{opacity:.9;color:#e2e8f0;font-size:18px;font-weight:500}.leaderboard-tabs{z-index:1;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;display:flex;position:relative}.tab-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:16px 24px;font-size:16px;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.tab-btn:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.tab-btn:hover:before{left:100%}.tab-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 8px 20px rgba(16,185,129,.3)}.leaderboard-content{z-index:1;min-height:500px;position:relative}.leaderboard-period{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px;box-shadow:0 8px 20px rgba(0,0,0,.2)}.period-header{text-align:center;margin-bottom:24px}.period-header h3{color:#fff;margin-bottom:8px;font-size:24px}.period-subtitle{opacity:.8;color:#fff;margin:0;font-size:14px}.no-data{text-align:center;color:#fff;opacity:.7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:60px 40px}.no-data p{margin:0;font-size:18px;font-weight:500}.loading{text-align:center;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:60px 40px}.loading p{opacity:.8;margin:0;font-size:18px;font-weight:500}.leaderboard-list{flex-direction:column;gap:12px;display:flex}.leaderboard-entry{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:12px;grid-template-columns:80px 1fr auto auto;align-items:center;gap:20px;padding:20px;transition:all .3s;display:grid;position:relative;overflow:hidden}.leaderboard-entry:before{content:"";opacity:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.02),transparent);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.leaderboard-entry:hover:before{opacity:1}.leaderboard-entry:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.3)}.leaderboard-entry.current-user{background:rgba(16,185,129,.15);border-color:#10b981;box-shadow:0 8px 20px rgba(16,185,129,.2)}.rank{justify-content:center;align-items:center;display:flex}.rank-emoji{text-shadow:0 2px 4px rgba(0,0,0,.3);font-size:28px;font-weight:700}.player-info{flex-direction:column;gap:4px;display:flex}.player-name{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.you-badge{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;animation:2s infinite pulse;box-shadow:0 2px 4px rgba(16,185,129,.3)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.player-stats{opacity:.8;color:#fff;gap:12px;font-size:12px;display:flex}.score-info{flex-direction:column;align-items:center;gap:4px;display:flex}.total-score{text-shadow:0 2px 4px rgba(0,0,0,.3);align-items:center;gap:8px;font-size:24px;font-weight:800;display:flex}.score-emoji{font-size:16px}.score-breakdown{opacity:.8;gap:8px;font-size:10px;display:flex}.breakdown-item{color:#fff}.best-game{flex-direction:column;align-items:center;gap:8px;min-width:120px;display:flex}.best-score{color:#fff;font-size:14px;font-weight:600}.top-7-calls{font-size:12px}.top-7-calls details{cursor:pointer}.top-7-calls summary{color:#10b981;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:4px;padding:4px 8px;font-weight:600;list-style:none}.calls-list{flex-direction:column;gap:4px;margin-top:8px;display:flex}.call-item{background:rgba(255,255,255,.1);border-radius:4px;gap:8px;padding:4px 8px;font-size:10px;display:flex}.call-number{min-width:20px;font-weight:700}.call-business{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.call-status{font-weight:600}.leaderboard-actions{z-index:1;justify-content:center;margin-top:32px;display:flex;position:relative}.btn-secondary{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:16px 32px;font-size:16px;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.btn-secondary:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-secondary:hover:before{left:100%}.btn-secondary:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.5);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}@media (max-width:768px){.status-grid{grid-template-columns:1fr}.leaderboard-entry{text-align:center;grid-template-columns:1fr;gap:12px}.breakdown-grid{grid-template-columns:1fr}.call-actions,.leaderboard-tabs{flex-direction:column}.tab-btn{width:100%}}.analytics-tab-container,.analytics-container{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;height:100%;display:flex;overflow-y:auto}.analytics-header{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md)var(--spacing-lg);box-shadow:var(--glass-shadow);gap:var(--spacing-md);flex-direction:column;display:flex}.analytics-description{color:var(--text-secondary);margin:0;font-size:.9rem}.analytics-controls{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.analytics-timeframe-select,.analytics-date-input{padding:var(--spacing-xs)var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.8rem}.analytics-timeframe-select:focus,.analytics-date-input:focus{border-color:rgba(102,126,234,.6);outline:none;box-shadow:0 0 20px rgba(102,126,234,.3)}.analytics-refresh-button,.analytics-clear-dates{padding:var(--spacing-xs)var(--spacing-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.analytics-refresh-button:hover,.analytics-clear-dates:hover{background:rgba(255,255,255,.25);transform:scale(1.05)}.analytics-stats{gap:var(--spacing-xs);color:var(--text-secondary);flex-direction:column;font-size:.75rem;display:flex}.analytics-count{font-weight:600}.analytics-note{opacity:.8;font-style:italic}.analytics-content{gap:var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.analytics-section{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--glass-shadow)}.analytics-section-title{color:var(--text-primary);margin:0 0 var(--spacing-md)0;font-size:1.2rem;font-weight:700}.analytics-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.analytics-card,.success-card,.metric-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-base)}.analytics-card:hover,.success-card:hover,.metric-card:hover{box-shadow:var(--glass-shadow);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.metric-label,.success-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:.75rem;font-weight:600}.metric-value,.success-value{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:2rem;font-weight:800}.metric-percentage,.success-percentage{color:var(--text-secondary);font-size:.85rem}.beheer-tab-container{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;height:100%;display:flex;overflow-y:auto}.beheer-header{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md)var(--spacing-lg);box-shadow:var(--glass-shadow)}.beheer-search-container{gap:var(--spacing-sm);display:flex}.beheer-search-input{padding:var(--spacing-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;font-size:.9rem}.beheer-search-input::placeholder{color:var(--text-muted)}.beheer-content{flex:1;overflow-y:auto}.beheer-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.beheer-card{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.beheer-card:before{content:"";background:var(--unicorn-accent);opacity:0;height:4px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.beheer-card:hover{box-shadow:var(--glass-shadow-lg);border-color:rgba(255,255,255,.3);transform:translateY(-4px)}.belgeschiedenis-container{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;height:100%;display:flex;overflow-y:auto}.history-card{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-base);cursor:pointer}.history-card:hover{box-shadow:var(--glass-shadow);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.filtered-businesses-container{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;height:100%;display:flex;overflow-y:auto}.filtered-header{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md)var(--spacing-lg);box-shadow:var(--glass-shadow)}.filtered-title{background:var(--unicorn-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.filtered-list{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.filtered-business-card{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-base);cursor:pointer}.filtered-business-card:hover{box-shadow:var(--glass-shadow);border-color:rgba(255,255,255,.3);transform:translate(4px)}.offerte-aanvragen-container{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;height:100%;display:flex;overflow-y:auto}.offerte-aanvragen-header{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md)var(--spacing-lg);box-shadow:var(--glass-shadow);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.offerte-aanvragen-header h2{background:var(--unicorn-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.leads-list{gap:var(--spacing-md);padding:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid;overflow-y:auto}.lead-card{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.lead-card:before{content:"";background:var(--unicorn-success);height:4px;position:absolute;top:0;left:0;right:0}.lead-card:hover{box-shadow:var(--glass-shadow-lg);border-color:rgba(255,255,255,.3);transform:translateY(-4px)}.lead-header h3{color:var(--text-primary);margin:0}.upload-area{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:2px dashed var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base);cursor:pointer}.upload-area:hover{box-shadow:var(--glow-primary);background:rgba(255,255,255,.2);border-color:rgba(102,126,234,.6)}.planning-container{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;height:100%;display:flex;overflow-y:auto}.planning-card{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-base)}.planning-card:hover{box-shadow:var(--glass-shadow);border-color:rgba(255,255,255,.3)}.pitch-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.pitch-item{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-base)}.pitch-item:hover{box-shadow:var(--glass-shadow);transform:translate(2px)}.pitch-item.active{box-shadow:var(--glow-primary);border-color:rgba(102,126,234,.6)}.email-container,.email-management-container{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;height:100%;display:flex;overflow-y:auto}.email-editor-card{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--glass-shadow)}.email-input,.email-textarea,.email-select{width:100%;padding:var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem}.email-input::placeholder,.email-textarea::placeholder{color:var(--text-muted)}.email-input:focus,.email-textarea:focus,.email-select:focus{border-color:rgba(102,126,234,.6);outline:none;box-shadow:0 0 20px rgba(102,126,234,.3)}.edit-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-modal-backdrop);padding:var(--spacing-lg);background:rgba(0,0,0,.7);justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.edit-modal-content{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:90vh;color:var(--text-primary);flex-direction:column;animation:.3s ease-out scale-in;display:flex;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.edit-modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border);background:var(--glass-bg);justify-content:space-between;align-items:center;display:flex}.edit-modal-title{background:var(--unicorn-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.3rem;font-weight:700}.edit-modal-close{border-radius:var(--radius-md);background:var(--glass-bg-dark);border:1px solid var(--glass-border);cursor:pointer;width:32px;height:32px;transition:all var(--transition-base);color:var(--text-primary);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.edit-modal-close:hover{background:rgba(220,38,38,.3);border-color:rgba(220,38,38,.6);transform:scale(1.1)}.edit-modal-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.edit-modal-footer{gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--glass-border);background:var(--glass-bg);justify-content:flex-end;display:flex}.business-info-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.business-info-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:.75rem;font-weight:600}.business-info-value{color:var(--text-primary);font-size:.9rem}.call-history-modal,.call-history-list{background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.call-history-item{padding:var(--spacing-md);border-bottom:1px solid var(--glass-border);transition:all var(--transition-fast)}.call-history-item:last-child{border-bottom:none}.call-history-item:hover{background:var(--glass-bg)}.offerte-form-modal{max-width:1200px!important}.simple-offerte-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;font-weight:600}.form-textarea,.form-input,.form-select{width:100%;padding:var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.form-textarea::placeholder,.form-input::placeholder{color:var(--text-muted)}.form-textarea:focus,.form-input:focus,.form-select:focus{background:rgba(255,255,255,.15);border-color:rgba(102,126,234,.6);outline:none;box-shadow:0 0 20px rgba(102,126,234,.3)}.form-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border);justify-content:flex-end;display:flex}button:not([class*=tech-]):not([class*=btn-]){padding:var(--spacing-sm)var(--spacing-lg);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.85rem;font-weight:600}button:not([class*=tech-]):not([class*=btn-]):hover{background:rgba(255,255,255,.25);transform:translateY(-2px)}button.primary,button[type=submit]{background:var(--unicorn-primary);box-shadow:var(--glow-primary);border-color:rgba(102,126,234,.6)}button.primary:hover,button[type=submit]:hover{box-shadow:0 0 30px rgba(102,126,234,.6)}button.secondary{background:var(--glass-bg);border-color:var(--glass-border)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.no-data,.empty-state,.no-results{padding:var(--spacing-xl);text-align:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);min-height:300px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.no-data p,.empty-state p,.no-results p{margin:var(--spacing-sm)0;font-size:1rem}.loading-container{padding:var(--spacing-xl);flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}div[class*=-card]:not([class*=tech-]):not([class*=card-tech]){background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-base)}div[class*=-card]:hover{box-shadow:var(--glass-shadow)}div[class*=container]:not([class*=tech-]){padding:var(--spacing-md)}div[class*=-header]:not([class*=tech-]){border-radius:var(--radius-lg)}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}p{color:var(--text-secondary)}a{color:var(--text-primary);transition:opacity var(--transition-fast)}a:hover{opacity:.8}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{letter-spacing:-.01em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);margin:0;padding:0;font-weight:700;line-height:1.2}h1{font-size:1.75rem;font-weight:800}h2{font-size:1.4rem;font-weight:700}h3{font-size:1.1rem;font-weight:700}h4{font-size:.95rem;font-weight:600}h5{font-size:.85rem;font-weight:600}h6{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}p{color:var(--text-secondary);margin:0;padding:0;font-size:.85rem;line-height:1.4}.text-large{font-size:1rem;line-height:1.5}.text-small{font-size:.75rem;line-height:1.3}.text-tiny{font-size:.65rem;line-height:1.2}.text-xs{font-size:.6rem;line-height:1.1}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-truncate-2{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-truncate-3{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-uppercase{text-transform:uppercase;letter-spacing:.05em;font-weight:600}.text-capitalize{text-transform:capitalize}.text-bold{font-weight:700}.text-semibold{font-weight:600}.text-medium{font-weight:500}.text-normal{font-weight:400}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);margin:0;padding:0;font-size:.75rem;font-weight:600;line-height:1.2;display:block}.label-inline{display:inline-block}.label-normal{text-transform:none;letter-spacing:normal}.label-large{font-size:.85rem}.label-small{font-size:.65rem}a{color:var(--text-primary);transition:opacity var(--transition-fast);font-weight:500;text-decoration:none}a:hover{opacity:.8;text-decoration:underline}a:active{opacity:.6}.link-subtle{color:var(--text-secondary);font-weight:400}.link-bold{font-weight:700}ul,ol{margin:0;padding:0;list-style-position:inside}li{margin-bottom:var(--spacing-xs);font-size:.85rem;line-height:1.4}li:last-child{margin-bottom:0}.list-unstyled{list-style:none}.list-compact li{margin-bottom:0;line-height:1.3}code{background:var(--glass-bg-dark);color:var(--text-primary);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:.8rem;line-height:1.2}pre{background:var(--glass-bg-dark);padding:var(--spacing-sm);border-radius:var(--radius-md);margin:0;font-family:Courier New,monospace;font-size:.75rem;line-height:1.3;overflow-x:auto}pre code{background:0 0;padding:0}table{font-size:.85rem;line-height:1.3}th{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700;line-height:1.2}td{font-size:.85rem;line-height:1.3}.business-name,.business-name-tech,.company-name,.company-name-compact{color:var(--text-primary)!important;letter-spacing:-.01em!important;margin:0!important;font-size:1.1rem!important;font-weight:700!important;line-height:1.2!important}.business-category,.category-badge,.category-badge-compact{padding:2px 6px!important;font-size:.65rem!important;font-weight:600!important;line-height:1!important}.business-phone,.business-email,.contact-link{font-size:.8rem!important;line-height:1.3!important}.business-address,.location-text{font-size:.75rem!important;line-height:1.3!important}.business-notes,.notes-text,.notes-text-compact{color:var(--text-secondary)!important;font-size:.75rem!important;line-height:1.4!important}.pitch-text,.pitch-content{color:var(--text-secondary)!important;font-size:.85rem!important;line-height:1.5!important}.objection-question,.question-text{font-size:.8rem!important;font-weight:600!important;line-height:1.4!important}.objection-answer,.answer-text{color:var(--text-secondary)!important;font-size:.75rem!important;line-height:1.4!important}.pitch-header,.objections-header{font-size:.8rem!important;font-weight:700!important;line-height:1.2!important}.call-history-item{font-size:.8rem;line-height:1.3}.call-date,.call-timestamp{color:var(--text-muted)!important;font-size:.7rem!important;line-height:1.2!important}.call-status{font-size:.75rem!important;font-weight:600!important;line-height:1.2!important}.call-notes{font-style:italic;color:var(--text-secondary)!important;font-size:.75rem!important;line-height:1.4!important}.modal-title,.modal-header h3,.tba-modal-title,.edit-modal-title{margin:0!important;font-size:1.2rem!important;font-weight:700!important;line-height:1.2!important}.modal-body p,.modal-content p{font-size:.85rem!important;line-height:1.4!important}.modal-description,.form-description{color:var(--text-secondary)!important;font-size:.75rem!important;line-height:1.4!important}.form-group label,.form-label,.form-label-tech{margin-bottom:4px!important;font-size:.7rem!important;font-weight:600!important;line-height:1.2!important}.form-input,.form-textarea,.form-select,.input-tech{font-size:.85rem!important;line-height:1.3!important}.form-input::placeholder,.form-textarea::placeholder,.input-tech::placeholder{opacity:.6!important;font-size:.8rem!important}.form-hint,.input-hint{color:var(--text-muted)!important;margin-top:4px!important;font-size:.65rem!important;line-height:1.3!important}.stat-value,.metric-value,.analytics-stat-value{letter-spacing:-.02em!important;font-size:1.8rem!important;font-weight:800!important;line-height:1!important}.stat-label,.metric-label,.analytics-stat-label{text-transform:uppercase!important;letter-spacing:.05em!important;font-size:.7rem!important;font-weight:600!important;line-height:1.1!important}.stat-percentage,.metric-percentage{font-size:.75rem!important;font-weight:500!important;line-height:1.2!important}.badge,.badge-tech,.status-badge,[class*=-badge]{white-space:nowrap!important;padding:3px 6px!important;font-size:.65rem!important;font-weight:600!important;line-height:1!important}.badge-large{padding:4px 8px!important;font-size:.75rem!important}.badge-small{padding:2px 4px!important;font-size:.6rem!important}.badge-tiny{padding:2px 4px!important;font-size:.55rem!important}button{letter-spacing:-.01em!important;font-size:.85rem!important;font-weight:600!important;line-height:1.2!important}.btn-large{font-size:1rem!important}.btn-small,.tech-status-btn,.tech-email-btn{font-size:.75rem!important}.btn-tiny{font-size:.65rem!important}button:first-letter{text-transform:uppercase}.tech-nav-btn{white-space:nowrap!important;font-size:.75rem!important;font-weight:600!important;line-height:1.2!important}.tech-nav-dropdown-item{font-size:.7rem!important;line-height:1.3!important}.category-name,.tab-name{font-size:.75rem!important;line-height:1.2!important}.tech-sidebar-title{text-transform:uppercase!important;letter-spacing:.05em!important;margin-bottom:4px!important;font-size:.6rem!important;font-weight:700!important;line-height:1!important}.tech-sidebar-section{font-size:.7rem!important;line-height:1.3!important}.tech-sidebar-section strong{font-weight:700!important}.tech-sidebar-section label{font-size:.65rem!important;line-height:1.2!important}.tech-status-section-title{text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--text-secondary)!important;text-align:center!important;margin:8px 0 4px!important;font-size:.65rem!important;font-weight:700!important;line-height:1!important}.tech-header-center button{font-size:.75rem!important;line-height:1.2!important}.tech-header-center button span{white-space:nowrap!important}.tech-header-title{letter-spacing:-.02em!important;font-size:1.2rem!important;font-weight:800!important;line-height:1.1!important}.tech-header-subtitle{opacity:.9!important;font-size:.65rem!important;font-weight:500!important;line-height:1.2!important}.tech-user-badge{font-size:.7rem!important;font-weight:600!important;line-height:1.2!important}.info-value,.info-text,[class*=-info]{font-size:.8rem!important;line-height:1.3!important}.info-label,[class*=-label]:not(.tech-sidebar-title){font-size:.7rem!important;font-weight:600!important;line-height:1.2!important}.analytics-title,.tech-tab-title{letter-spacing:-.02em!important;font-size:1.4rem!important;font-weight:800!important;line-height:1.1!important}.analytics-description{font-size:.8rem!important;line-height:1.3!important}.analytics-count,.analytics-note{font-size:.7rem!important;line-height:1.3!important}.analytics-section-title,.empty-state-title,.no-data p:first-child{font-size:1.1rem!important;font-weight:700!important;line-height:1.2!important}.empty-state-description,.no-data p{font-size:.85rem!important;line-height:1.4!important}.tech-tooltip:hover:after{padding:6px 10px!important;font-size:.7rem!important;font-weight:500!important;line-height:1.3!important}.header-level-text{font-size:.7rem!important;font-weight:700!important;line-height:1!important}.header-stat-count,.header-streak-count,.header-achievements-count{font-size:.7rem!important;font-weight:600!important;line-height:1!important}.pitch-label,.objections-label{font-size:.75rem!important;font-weight:700!important;line-height:1.2!important}.sheet-select,.filter-text{font-size:.7rem!important;line-height:1.2!important}.bottom-info{font-size:.65rem!important;line-height:1.2!important}.current-info{font-weight:600!important}.count-info{opacity:.8!important}.history-badge{padding:2px 5px!important;font-size:.65rem!important;line-height:1!important}.process-note-content{font-size:.8rem!important;line-height:1.4!important}.email-subject{font-size:.9rem!important;font-weight:600!important;line-height:1.3!important}.email-body,.email-preview{font-size:.85rem!important;line-height:1.5!important}[class*=-timestamp],[class*=-date],.timestamp,.date-display{color:var(--text-muted)!important;font-size:.7rem!important;font-weight:500!important;line-height:1.2!important}input::placeholder,textarea::placeholder,[contenteditable]:empty:before{opacity:.6!important;font-size:.8rem!important;line-height:1.3!important}.company-name-compact,.business-name-tech,.tba-business-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.location-text,.business-address{text-overflow:ellipsis;max-width:100%;overflow:hidden}.business-notes,.tba-notes-text,.call-notes{word-wrap:break-word;max-height:60px;overflow-y:auto}@media (min-width:1920px){body{font-size:15px}}@media (min-width:1440px) and (max-width:1919px){body{font-size:14px}}@media (max-width:1439px){body{font-size:13px}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1rem}}@media (max-width:1023px){body{font-size:13px}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:.95rem}}@media (max-width:767px){body{font-size:12px}h1{font-size:1.4rem}h2{font-size:1.1rem}h3{font-size:.9rem}}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:#10b981!important}.text-warning{color:#eab308!important}.text-error{color:#dc2626!important}.word-break{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.no-wrap{white-space:nowrap}.wrap{white-space:normal;word-wrap:break-word}[contenteditable]{font-size:.85rem!important;line-height:1.4!important}[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--text-muted);opacity:.6;font-style:italic}[contenteditable] b,[contenteditable] strong{font-weight:700!important}[contenteditable] i,[contenteditable] em{font-style:italic!important}[contenteditable] u{text-decoration:underline!important}::selection{color:var(--text-primary);background:rgba(102,126,234,.4)}input:focus,textarea:focus,select:focus,[contenteditable]:focus{color:var(--text-primary)!important}.tech-table th{font-size:.7rem!important;font-weight:700!important;line-height:1.2!important}.tech-table td{font-size:.8rem!important;line-height:1.3!important}.loading-text,.error-message,.success-message{font-size:.85rem!important;font-weight:500!important;line-height:1.4!important}.bellijst-subtitle{font-size:.7rem!important;line-height:1.2!important}.main-title{font-size:1.3rem!important;line-height:1.1!important}.notification-text,.alert-text{font-size:.8rem!important;line-height:1.3!important}.data-value{font-size:.85rem!important;font-weight:600!important;line-height:1.2!important}.data-label{font-size:.7rem!important;font-weight:500!important;line-height:1.1!important}*{max-font-size:3rem}div,span,p,a,button,input,textarea,select{line-height:inherit}h1,h2,h3,h4,h5,h6,p,ul,ol{margin-top:0!important}.text-on-glass{text-shadow:0 1px 2px rgba(0,0,0,.2)}.tech-tab-title,.text-gradient-primary,.text-gradient-accent{text-shadow:0 2px 4px rgba(0,0,0,.1)}.number-display{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.currency{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-weight:700}.ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.ellipsis-2-lines{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.ellipsis-3-lines{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.pitch-objections-modern{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--glass-shadow);margin-top:var(--spacing-md);transition:all var(--transition-base)}.pitch-objections-modern:hover{box-shadow:var(--glass-shadow-lg);border-color:rgba(255,255,255,.25)}.pitch-modern-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.pitch-title-section{align-items:center;gap:var(--spacing-sm);flex:1;min-width:200px;display:flex}.pitch-icon-large{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2rem;animation:3s ease-in-out infinite pulse-glow}.pitch-title-modern{color:var(--text-primary);background:var(--unicorn-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 var(--spacing-xs)0!important;font-size:1.1rem!important;font-weight:700!important;line-height:1.2!important}.active-pitch-badge-modern{border-radius:var(--radius-xl);color:#eab308;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,rgba(234,179,8,.2),rgba(251,191,36,.2));border:1px solid rgba(234,179,8,.4);align-items:center;gap:4px;padding:3px 8px;font-size:.65rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px rgba(234,179,8,.3)}.tabs-container{gap:var(--spacing-md);flex-direction:column;display:flex}.tab-headers{background:var(--glass-bg-dark);border-radius:var(--radius-md);border:1px solid var(--glass-border);gap:4px;padding:4px;display:flex;position:relative}.tab-header{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.8rem;font-weight:600;display:flex;position:relative;overflow:hidden}.tab-header:hover{background:var(--glass-bg-light);color:var(--text-primary)}.tab-header.active{background:var(--glass-bg-light);color:var(--text-primary);box-shadow:0 2px 8px rgba(0,0,0,.15)}.tab-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.1rem}.tab-label{letter-spacing:.02em;font-weight:700}.tab-count{background:var(--unicorn-accent);min-width:18px;height:18px;color:var(--text-dark);border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-size:.65rem;font-weight:700;display:inline-flex;box-shadow:0 2px 4px rgba(0,0,0,.2)}.tab-indicator{background:var(--unicorn-primary);opacity:0;height:3px;transition:all var(--transition-base);border-radius:3px 3px 0 0;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.tab-header.active .tab-indicator{opacity:1;transform:scaleX(1)}.tab-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-md);min-height:200px;max-height:400px;animation:.3s ease-out slide-in;position:relative;overflow-y:auto}.tab-panel{animation:.3s ease-out fade-in}.pitch-content-modern{color:var(--text-secondary);padding:var(--spacing-sm);background:var(--glass-bg-light);border-radius:var(--radius-sm);border:1px solid var(--glass-border);max-height:100%;font-size:.8rem;line-height:1.4;position:relative;overflow-y:auto}.pitch-content-modern p{margin-bottom:var(--spacing-sm);color:var(--text-secondary);padding:0;line-height:1.4}.pitch-content-modern p:last-child{margin-bottom:0}.pitch-content-modern strong,.pitch-content-modern b{color:var(--text-primary);font-weight:700}.pitch-content-modern em,.pitch-content-modern i{color:var(--text-primary);font-style:italic}.pitch-content-modern hr{background:linear-gradient(90deg,transparent,var(--glass-border),transparent);height:1px;margin:var(--spacing-md)0;border:none}.pitch-content-modern h1,.pitch-content-modern h2,.pitch-content-modern h3,.pitch-content-modern h4{color:var(--text-primary);margin:var(--spacing-sm)0 var(--spacing-xs)0;border-bottom:1px solid var(--glass-border);padding-bottom:2px;font-weight:700;line-height:1.3}.pitch-content-modern h1{font-size:1rem}.pitch-content-modern h2{font-size:.95rem}.pitch-content-modern h3{font-size:.9rem}.pitch-content-modern h4{font-size:.85rem}.pitch-content-modern ul,.pitch-content-modern ol{margin:var(--spacing-xs)0;padding-left:var(--spacing-md)}.pitch-content-modern li{margin-bottom:2px;line-height:1.4}.pitch-content-modern blockquote{margin:var(--spacing-sm)0;padding:var(--spacing-xs);border-radius:var(--radius-sm);color:var(--text-primary);background:rgba(102,126,234,.1);border-left:3px solid rgba(102,126,234,.5);font-style:italic;line-height:1.4}.objections-list-modern{gap:var(--spacing-sm);flex-direction:column;display:flex}.objection-card-modern{gap:var(--spacing-sm);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-left:3px solid;border-left-color:var(--unicorn-accent);border-radius:var(--radius-md);padding:var(--spacing-sm);transition:all var(--transition-base);display:flex;position:relative;overflow:hidden}.objection-card-modern:before{content:"";background:var(--unicorn-accent);width:3px;height:100%;transition:width var(--transition-base);position:absolute;top:0;left:0}.objection-card-modern:hover{border-color:rgba(255,255,255,.3);transform:translate(4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.objection-card-modern:hover:before{width:6px}.objection-number{background:var(--unicorn-primary);min-width:28px;height:28px;color:var(--text-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 8px rgba(102,126,234,.4)}.objection-q{align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-sm);background:rgba(59,130,246,.1);border-left:2px solid rgba(59,130,246,.5);display:flex}.objection-q-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));flex-shrink:0;font-size:1rem}.objection-q-text strong,.objection-q-text b{color:#3b82f6;font-weight:700}.objection-a{align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-sm);background:rgba(16,185,129,.1);border-left:2px solid rgba(16,185,129,.5);display:flex}.objection-a-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));flex-shrink:0;font-size:1rem}.objection-a-text strong,.objection-a-text b{color:var(--text-primary);font-weight:700}.no-objections-modern{padding:var(--spacing-xl);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.empty-icon{opacity:.5;font-size:3rem;animation:3s ease-in-out infinite float}.empty-text{color:var(--text-muted);font-size:.85rem;font-style:italic}.tab-content::-webkit-scrollbar{width:8px}.pitch-content-modern::-webkit-scrollbar{width:8px}.tab-content::-webkit-scrollbar-track{background:var(--glass-bg-dark);border-radius:4px;margin:4px 0}.pitch-content-modern::-webkit-scrollbar-track{background:var(--glass-bg-dark);border-radius:4px;margin:4px 0}.tab-content::-webkit-scrollbar-thumb{transition:all var(--transition-fast);background:linear-gradient(rgba(102,126,234,.6),rgba(118,75,162,.6));border:1px solid rgba(255,255,255,.1);border-radius:4px}.pitch-content-modern::-webkit-scrollbar-thumb{transition:all var(--transition-fast);background:linear-gradient(rgba(102,126,234,.6),rgba(118,75,162,.6));border:1px solid rgba(255,255,255,.1);border-radius:4px}.tab-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(rgba(102,126,234,.8),rgba(118,75,162,.8));box-shadow:0 0 8px rgba(102,126,234,.4)}.pitch-content-modern::-webkit-scrollbar-thumb:hover{background:linear-gradient(rgba(102,126,234,.8),rgba(118,75,162,.8));box-shadow:0 0 8px rgba(102,126,234,.4)}.tab-content::-webkit-scrollbar-corner{background:var(--glass-bg-dark)}.pitch-content-modern::-webkit-scrollbar-corner{background:var(--glass-bg-dark)}.tab-content,.pitch-content-modern{scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.6) var(--glass-bg-dark)}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.objections-list-modern{gap:var(--spacing-sm);padding:var(--spacing-xs);flex-direction:column;display:flex}.objection-card-modern{gap:var(--spacing-sm);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-left:4px solid;border-left-color:var(--unicorn-accent);border-radius:var(--radius-md);padding:var(--spacing-sm);transition:all var(--transition-base);margin-bottom:var(--spacing-xs);display:flex;position:relative;overflow:hidden}.objection-card-modern:last-child{margin-bottom:0}.objection-content{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.objection-q,.objection-a{padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-base)}.objection-q:hover,.objection-a:hover{transform:translate(2px)}.objection-q-text,.objection-a-text{margin-top:2px;display:block}.objection-q-text{color:var(--text-primary);font-size:.75rem;font-weight:600;line-height:1.4}.objection-a-text{color:var(--text-secondary);font-size:.7rem;line-height:1.4}@media (max-width:1023px){.pitch-modern-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.tab-header{padding:8px 12px;font-size:.75rem}.tab-icon{font-size:1rem}.tab-content{max-height:350px}}@media (max-width:767px){.pitch-objections-modern{padding:var(--spacing-md)}.pitch-icon-large{font-size:1.5rem}.pitch-title-modern{font-size:.95rem!important}.tab-content{max-height:200px;padding:var(--spacing-sm)}.objection-card-modern{gap:var(--spacing-sm);flex-direction:column}.objection-number{margin-bottom:var(--spacing-xs);align-self:flex-start}.objection-content{gap:var(--spacing-xs)}.objection-q,.objection-a,.pitch-content-modern{padding:var(--spacing-xs)}}.tab-header:focus{outline-offset:2px;outline:2px solid rgba(102,126,234,.6)}@media (prefers-contrast:high){.pitch-content-modern,.objection-card-modern{border:2px solid var(--text-primary)}}@media (prefers-reduced-motion:reduce){.pitch-objections-modern,.objection-card-modern,.tab-header{transition:none}.pitch-icon-large{animation:none}}@media print{.tab-headers{display:none}.pitch-objections-modern{background:#fff;border:1px solid #ccc}.tab-content{max-height:none;overflow:visible}}.theme-picker-container{align-items:center;gap:var(--spacing-sm);background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-xs)var(--spacing-sm);box-shadow:var(--glass-shadow);transition:all var(--transition-base);display:flex}.theme-picker-container:hover{box-shadow:var(--glass-shadow-lg);border-color:rgba(255,255,255,.25)}.theme-dropdown{position:relative}.theme-dropdown-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;background:0 0;border:none;font-size:.75rem;font-weight:600;display:flex}.theme-dropdown-btn:hover{background:var(--glass-bg);color:var(--text-primary)}.theme-current{letter-spacing:.02em;font-weight:700}.theme-arrow{transition:transform var(--transition-base);color:var(--text-secondary);font-size:.6rem}.theme-dropdown-btn:hover .theme-arrow{transform:translateY(1px)}.theme-dropdown-menu{margin-top:var(--spacing-xs);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow-lg);z-index:1000;animation:.2s ease-out slide-down;position:absolute;top:100%;left:0;right:0;overflow:hidden}.theme-option{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);text-align:left;background:0 0;border:none;font-size:.75rem;font-weight:600;display:flex}.theme-option:hover{background:var(--glass-bg-light)}.theme-option.active{background:rgba(var(--theme-primary),.1);color:rgb(var(--theme-primary))}.theme-preview{background:var(--theme-preview);border:1px solid rgba(255,255,255,.2);border-radius:50%;flex-shrink:0;width:12px;height:12px}.theme-name{letter-spacing:.02em;flex:1;font-weight:700}.theme-check{color:rgb(var(--theme-primary));font-size:.7rem;font-weight:700}.icon-type-toggle{background:var(--glass-bg-dark);border-radius:var(--radius-sm);border:1px solid var(--glass-border);gap:2px;padding:2px;display:flex}.icon-toggle-btn{border-radius:var(--radius-xs);cursor:pointer;width:24px;height:24px;transition:all var(--transition-base);color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;font-size:.8rem;display:flex}.icon-toggle-btn:hover{background:var(--glass-bg-light);color:var(--text-primary);transform:scale(1.1)}.icon-toggle-btn.active{background:rgb(var(--theme-primary));color:var(--text-dark);box-shadow:0 0 8px rgba(var(--theme-primary),.4);transform:scale(1.05)}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.theme-picker-container{gap:var(--spacing-xs);padding:var(--spacing-xs)}.theme-dropdown-btn{padding:var(--spacing-xs);font-size:.7rem}.theme-current{display:none}.theme-dropdown-btn:before{content:"🎨";font-size:.8rem}}@media (max-width:767px){.theme-picker-container{gap:var(--spacing-xs);padding:var(--spacing-xs);flex-direction:column}.theme-dropdown{width:100%}.theme-dropdown-btn,.icon-type-toggle{justify-content:center;width:100%}}.theme-dropdown-btn:focus,.theme-option:focus,.icon-toggle-btn:focus{outline:2px solid rgba(var(--theme-primary),.6);outline-offset:2px}@media (prefers-contrast:high){.theme-picker-container,.theme-dropdown-menu,.icon-type-toggle{border:2px solid var(--text-primary)}}@media (prefers-reduced-motion:reduce){.theme-picker-container,.theme-dropdown-btn,.theme-option,.icon-toggle-btn{transition:none}.theme-dropdown-menu{animation:none}}.email-notification{z-index:1000;background:#fff;border:2px solid #3b82f6;border-radius:12px;width:400px;max-width:calc(100vw - 40px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.3s ease-out slideInFromLeft;position:fixed;top:20px;left:20px;box-shadow:0 10px 25px rgba(0,0,0,.15)}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.email-notification-header{color:#fff;background:#3b82f6;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.email-notification-title{font-size:14px;font-weight:600}.email-notification-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;transition:background-color .2s;display:flex}.email-notification-close:hover{background-color:rgba(255,255,255,.2)}.email-notification-content{padding:16px}.email-notification-from,.email-notification-subject{margin-bottom:8px;font-size:13px;line-height:1.4}.email-notification-from strong,.email-notification-subject strong{color:#374151}.email-notification-preview{color:#64748b;text-overflow:ellipsis;-webkit-line-clamp:3;background:#f8fafc;border-radius:6px;-webkit-box-orient:vertical;max-height:60px;margin:12px 0;padding:8px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.email-notification-time{color:#9ca3af;text-align:right;font-size:11px}.email-notification-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;padding:12px 16px;display:flex}.email-notification-mark-read{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background-color .2s}.email-notification-mark-read:hover{background:#059669}@media (max-width:768px){.email-notification{width:calc(100vw - 20px);top:10px;left:10px}}.loading-spinner{border:3px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.loading-spinner-large{border-width:4px;width:40px;height:40px}.loading-overlay{z-index:9999;background:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loading-content{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}button:disabled{opacity:.6;cursor:not-allowed}button.loading{color:transparent;position:relative}button.loading:after{content:"";border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}.simple-offerte-form{max-width:600px;margin:0 auto;padding:20px}.simple-offerte-form h4{color:#1f2937;margin:0 0 16px;font-size:1.25rem;font-weight:600}.form-description{color:#6b7280;margin:0 0 24px;font-size:.875rem;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{color:#374151;margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.form-textarea{resize:vertical;border:2px solid #e5e7eb;border-radius:8px;width:100%;min-height:100px;padding:12px;font-size:.875rem;line-height:1.5;transition:border-color .2s}.form-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-textarea::placeholder{color:#9ca3af}.form-input{border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:12px;font-size:.875rem;line-height:1.5;transition:border-color .2s}.form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-input::placeholder{color:#9ca3af}.form-select{cursor:pointer;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:12px;font-size:.875rem;line-height:1.5;transition:border-color .2s}.form-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-select option{padding:8px}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.action-buttons-row{justify-content:center;gap:8px;margin:8px 0;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:8px 16px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.offerte-btn{color:#fff;background:#f59e0b}.offerte-btn:hover{background:#d97706}.offerte-btn:active{transform:translateY(1px)}:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#f1f5f9;--accent:#06b6d4;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--surface:#fff;--surface-dark:#1e293b;--text-primary:#0f172a;--text-secondary:#64748b;--border:#e2e8f0;--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--bg-primary:#fff;--bg-secondary:#f8fafc;--border-light:#e2e8f0;--border-medium:#cbd5e1;--text-muted:#64748b;--primary-color:#6366f1;--accent-color:#06b6d4;--accent-cta:#6366f1;--accent2:#34d399;--accent-22:#10b981;--primary-light:#e0e7ff;--success-color:#10b981;--success-light:#d1fae5;--success-dark:#065f46;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}*{box-sizing:border-box}html{width:100%;height:100%;margin:0;padding:0}body{width:100vw;height:100vh;color:var(--text-primary);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow:hidden}.bellijst-container{background:var(--surface);flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}@media (max-height:800px){.bellijst-header{padding:.8rem 1.5rem}.header-content{gap:1.2rem}.header-logo{height:45px}.title-section{gap:.2rem}.main-title{font-size:2rem}.bellijst-subtitle{font-size:.85rem;line-height:1.2}.dartboard-emoji{font-size:1.6rem}.bellijst-navigation{gap:.3rem;padding:0 1.5rem}.navigation-category{min-width:150px}.category-header{padding:.8rem 1.2rem;font-size:.8rem}.category-tab{padding:.7rem 1.2rem;font-size:.75rem}.direct-tab{min-width:150px;padding:.8rem 1.2rem;font-size:.8rem}.bellijst-tabs{padding:0 1.5rem}.bellijst-tab{padding:.8rem 1.2rem;font-size:.8rem}}@media (max-height:700px){.bellijst-header{padding:.6rem 1.2rem}.header-content{gap:1rem}.header-logo{height:40px}.title-section{gap:.1rem}.main-title{font-size:1.8rem}.bellijst-subtitle{font-size:.8rem;line-height:1.1}.dartboard-emoji{font-size:1.4rem}.bellijst-navigation{gap:.2rem;padding:0 1.2rem}.navigation-category{min-width:120px}.category-header{padding:.7rem 1rem;font-size:.75rem}.category-tab{padding:.6rem 1rem;font-size:.7rem}.direct-tab{min-width:120px;padding:.7rem 1rem;font-size:.75rem}.bellijst-tabs{padding:0 1.2rem}.bellijst-tab{padding:.7rem 1rem;font-size:.75rem}}@media (max-height:600px) and (orientation:landscape){.bellijst-container{flex-direction:row}.bellijst-header{flex-direction:row;height:auto;min-height:50px;padding:.4rem 1rem}.header-content{flex-direction:row;align-items:center;gap:.8rem}.header-logo{width:35px;height:35px}.header-text-container{text-align:left}.header-title{margin:0;font-size:1.3rem}.header-subtitle{margin:0;font-size:.75rem}.tab-navigation{flex-flow:wrap;gap:.3rem;padding:.3rem .8rem}.bellijst-tab{min-width:auto;padding:.5rem .8rem;font-size:.75rem}}.bellijst-header{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:#fff;padding:1rem 2rem;position:relative;overflow:hidden}.bellijst-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.header-content{z-index:1;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;display:flex;position:relative}.header-left{flex-shrink:0;align-items:center;gap:1.5rem;display:flex}.header-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;max-width:1000px;display:flex}@media (max-width:1600px){.header-center{max-width:900px}}@media (max-width:1400px){.header-center{max-width:700px}}@media (max-width:1200px){.header-center{max-width:500px}}@media (max-width:1024px){.header-center{max-width:400px}.header-content{flex-wrap:wrap}}@media (max-width:768px){.header-center{order:3;width:100%;max-width:100%;margin-top:.5rem}.header-content{flex-direction:column;gap:.75rem}.header-left,.header-right{justify-content:space-between;width:100%}}.header-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.logo-section{flex-shrink:0}.header-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));width:auto;height:50px;transition:transform .3s}.header-logo:hover{transform:scale(1.05)}.title-section{flex-direction:column;flex:1;gap:.3rem;display:flex}.main-title-container{align-items:center;gap:1rem;display:flex}.main-title{-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#f0f9ff 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.2rem;font-weight:900}.dartboard-emoji{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:1.8rem;animation:2s ease-in-out infinite bounce}.bellijst-subtitle{opacity:.9;color:rgba(255,255,255,.9);margin:0;font-size:.9rem;font-weight:500;line-height:1.3}.bellijst-content{background:var(--secondary);flex:1;padding:1rem;overflow-y:auto}.bellijst-navigation{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-wrap:wrap;gap:.5rem;padding:0 2rem;display:flex}.navigation-category{flex:1;min-width:200px;position:relative}.category-header{cursor:pointer;background:var(--surface);width:100%;color:var(--text-secondary);text-align:left;border:none;border-bottom:3px solid transparent;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.category-header:before{content:"";background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);opacity:0;z-index:-1;border-radius:12px 12px 0 0;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.category-header:hover{color:var(--primary);background:var(--secondary);transform:translateY(-1px)}.category-header:hover:before{opacity:.05}.category-header.expanded{color:var(--primary);border-bottom-color:var(--primary);background:var(--secondary)}.category-header.expanded:before{opacity:.1}.category-icon{margin-right:.5rem;font-size:1.2rem}.category-name{flex:1}.expand-icon{font-size:.8rem;transition:transform .3s}.category-header.expanded .expand-icon{transform:rotate(0)}.category-tabs{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:1000;border-top:none;border-radius:0 0 12px 12px;position:absolute;top:100%;left:0;right:0;overflow:hidden}.category-tab{cursor:pointer;background:var(--surface);width:100%;color:var(--text-secondary);text-align:left;border:none;border-bottom:1px solid var(--border);align-items:center;padding:.8rem 1.5rem;font-size:.8rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.category-tab:last-child{border-bottom:none}.category-tab:hover{color:var(--primary);background:var(--secondary)}.category-tab.active{color:var(--primary);background:var(--secondary);font-weight:600}.tab-icon{text-align:center;width:20px;margin-right:.5rem;font-size:1rem}.tab-name{flex:1}.direct-tab{cursor:pointer;background:var(--surface);color:var(--text-secondary);text-align:center;border:none;border-bottom:3px solid transparent;flex:1;justify-content:center;align-items:center;min-width:200px;padding:1rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.direct-tab:before{content:"";background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);opacity:0;z-index:-1;border-radius:12px 12px 0 0;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.direct-tab:hover{color:var(--primary);background:var(--secondary);transform:translateY(-1px)}.direct-tab:hover:before{opacity:.05}.direct-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--secondary)}.direct-tab.active:before{opacity:.1}.bellijst-tabs{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);padding:0 2rem;display:flex}.bellijst-tab{cursor:pointer;white-space:nowrap;text-align:center;color:var(--text-secondary);background:0 0;border-bottom:3px solid transparent;flex:1;padding:1rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.bellijst-tab:before{content:"";background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);opacity:0;border-radius:12px 12px 0 0;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.bellijst-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--secondary)}.bellijst-tab.active:before{opacity:.1}.bellijst-tab:hover{color:var(--primary);background:var(--secondary);transform:translateY(-1px)}.bellijst-tab:hover:before{opacity:.05}.compact-container{background:var(--secondary);flex-direction:column;gap:.5rem;height:calc(100vh - 180px);padding:.5rem;display:flex;overflow:hidden}.compact-container.max-h-\[calc\(100vh-120px\)\]{height:auto;max-height:calc(100vh - 120px);padding-bottom:1rem;overflow-y:auto}.business-card{background:var(--surface);box-shadow:var(--shadow-xl);border:1px solid var(--border);border-radius:24px;width:90%;max-width:none;margin:0 auto 1rem;padding:2rem;position:relative;overflow:hidden}@media (max-width:768px){.business-card{border-radius:16px;margin-bottom:.5rem;padding:1rem}.compact-business-card{border-radius:12px;gap:.6rem;padding:.8rem}.business-info-grid{grid-template-columns:1fr;gap:.8rem;margin-bottom:1rem}.info-card{border-radius:12px;padding:.8rem}.compact-control-panel{border-radius:10px;gap:.4rem;padding:.6rem}.control-header{margin-bottom:.8rem}.current-business{font-size:.9rem}.business-category{font-size:.7rem}.status-buttons-row{gap:.4rem}.compact-status-button{border-radius:6px;padding:.5rem .7rem;font-size:.7rem}.info-item{gap:.5rem;min-height:45px;padding:.6rem .8rem;font-size:.8rem}.info-label{font-size:.7rem;font-weight:600}.info-value{font-size:.8rem}.bellijst-content{padding:.5rem}}.filter-toggle-container{justify-content:center;margin-bottom:1rem;display:flex}.filter-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(248,250,252,.9) 100%);border:1px solid rgba(226,232,240,.5);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.05)}.filter-label{color:#374151;white-space:nowrap;font-size:.875rem;font-weight:500}.toggle-switch{width:50px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);border-radius:24px;transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:inset 0 2px 4px rgba(99,102,241,.2)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px);box-shadow:0 2px 6px rgba(99,102,241,.3)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px rgba(99,102,241,.1)}@media (max-width:768px){.filter-toggle{gap:.5rem;padding:.6rem .8rem}.filter-label{font-size:.8rem}.toggle-switch{width:44px;height:22px}.toggle-slider:before{width:16px;height:16px;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}}.tba-modal-overlay{z-index:1000;background:rgba(0,0,0,.5);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.tba-modal-content{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:90vh;animation:.2s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.tba-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem 1.5rem 0;display:flex}.tba-modal-title{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.tba-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.5rem;transition:all .2s}.tba-modal-close:hover{color:#374151;background:#f3f4f6}.tba-modal-form{padding:0 1.5rem 1.5rem}.tba-input-group{margin-bottom:1.5rem}.tba-input-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.tba-date-input,.tba-time-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.tba-date-input:focus,.tba-time-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.tba-modal-actions{gap:.75rem;margin-top:2rem;display:flex}.tba-cancel-button{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex:1;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.tba-cancel-button:hover{background:#f9fafb;border-color:#d1d5db}.tba-confirm-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;flex:1;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.tba-confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#5b21b6 0%,#7c3aed 100%);transform:translateY(-1px)}.tba-confirm-button:disabled{cursor:not-allowed;background:#9ca3af;transform:none}@media (max-width:768px){.tba-modal-overlay{padding:.5rem}.tba-modal-content{border-radius:12px;max-width:100%}.tba-modal-header{margin-bottom:1rem;padding:1rem 1rem 0}.tba-modal-title{font-size:1.125rem}.tba-modal-form{padding:0 1rem 1rem}.tba-input-group{margin-bottom:1rem}.tba-date-input,.tba-time-input{padding:.875rem;font-size:1rem}.tba-modal-actions{gap:.5rem;margin-top:1.5rem}.tba-cancel-button,.tba-confirm-button{padding:.875rem .75rem;font-size:.875rem}}@media (max-height:600px) and (orientation:landscape){.business-card{border-radius:16px;margin-bottom:.5rem;padding:1rem}}.business-card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--accent),var(--success));height:4px;position:absolute;top:0;left:0;right:0}.phone-link{color:#fff;background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);box-shadow:var(--shadow);border-radius:12px;padding:.5rem 1rem;font-size:1.3rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.phone-link:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-dark)0%,var(--primary)100%);transform:translateY(-2px)}.control-panel{background:var(--surface);border-top:1px solid var(--border);z-index:10;flex-shrink:0;width:100%;min-height:120px;padding:1rem;position:relative;box-shadow:0 -4px 6px -1px rgba(0,0,0,.1)}.control-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:100%;margin-bottom:1rem;display:flex}.control-buttons .modern-button{padding:.5rem 1rem;font-size:.875rem}.control-button{cursor:pointer;min-width:140px;box-shadow:var(--shadow);border:none;border-radius:16px;padding:1rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.control-button:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.control-button:hover:before{left:100%}.control-button.geel{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.control-button.rood{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.control-button.donkergrijs{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.control-button.lichtgrijs{color:#fff;background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%)}.control-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.control-button:active{transform:translateY(-1px)}.call-history{background:linear-gradient(135deg,var(--secondary)0%,#e2e8f0 100%);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;margin-top:1.5rem;padding:1.5rem;font-size:.9rem}.notes-input{border:2px solid var(--border);resize:none;background:var(--surface);width:100%;min-height:20px;max-height:20px;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;border-radius:12px;outline:none;padding:.5rem;font-family:inherit;font-size:.95rem;transition:all .3s;overflow:hidden}.notes-input:focus{border-color:var(--primary);resize:vertical;outline:none;min-height:200px;max-height:300px;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.notes-input strong,.notes-input b{color:var(--text-primary);font-weight:700}.notes-input em,.notes-input i{color:var(--text-secondary);font-style:italic}.notes-input u{text-decoration:underline}.notes-input br{line-height:1.6}.notes-input p{margin:.3rem 0}.notes-input ul,.notes-input ol{margin:.3rem 0;padding-left:1rem}.notes-input li{margin:.1rem 0}.upload-area{border:3px dashed var(--border);text-align:center;background:linear-gradient(135deg,var(--surface)0%,var(--secondary)100%);cursor:pointer;border-radius:20px;padding:4rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@media (max-height:600px) and (orientation:landscape){.upload-area{border-radius:16px;padding:2rem 1.5rem}}.upload-area:before{content:"";background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);opacity:0;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.upload-area:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.upload-area:hover:before{opacity:.05}.tba-list{max-height:calc(100vh - 200px);padding:1rem;overflow-y:auto}.tba-item{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.tba-item:before{content:"";background:linear-gradient(180deg,var(--primary),var(--accent));width:4px;height:100%;transition:width .3s;position:absolute;top:0;left:0}.tba-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tba-item:hover:before{width:6px}.tba-date{color:var(--primary);font-size:1.1rem;font-weight:700}.tba-phone{color:#fff;background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);border-radius:8px;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.tba-phone:hover{box-shadow:var(--shadow);background:linear-gradient(135deg,var(--primary-dark)0%,var(--primary)100%);transform:translateY(-1px)}.modern-button{cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.modern-button:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.modern-button:hover:before{left:100%}.modern-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modern-button:active{transform:translateY(0)}.modern-button.primary{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:#fff}.modern-button.success{background:linear-gradient(135deg,var(--success)0%,#059669 100%);color:#fff}.modern-button.danger{background:linear-gradient(135deg,var(--error)0%,#dc2626 100%);color:#fff}.modern-button.warning{background:linear-gradient(135deg,var(--warning)0%,#d97706 100%);color:#fff}.modern-card{background:var(--surface);box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:20px;transition:all .3s;overflow:hidden}.modern-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.modern-card-header{background:linear-gradient(135deg,var(--secondary)0%,#e2e8f0 100%);border-bottom:1px solid var(--border);padding:1.5rem 2rem}.modern-card-body{padding:2rem}.loading-spinner{border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;font-weight:600}.status-badge.geen-antwoord{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.status-badge.niet-relevant{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.status-badge.geen-interesse{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.status-badge.tba{color:#fff;background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%)}.status-badge.nog-niet-gebeld{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.compact-business-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid rgba(255,255,255,.2);border-radius:24px;flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 40px -12px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.05),inset 0 1px rgba(255,255,255,.1)}@media (max-height:600px) and (orientation:landscape){.compact-business-card{border-radius:16px;gap:.8rem;padding:1rem}}.compact-business-card:before{content:"";background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 25%,#06b6d4 50%,#10b981 75%,#f59e0b 100%);border-radius:24px 24px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.compact-business-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,rgba(99,102,241,.02) 0%,rgba(139,92,246,.02) 25%,rgba(6,182,212,.02) 50%,rgba(16,185,129,.02) 75%,rgba(245,158,11,.02) 100%);border-radius:24px;position:absolute;top:0;bottom:0;left:0;right:0}.hypermodern-business-card:before{content:"";background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 25%,#06b6d4 50%,#10b981 75%,#f59e0b 100%);border-radius:32px 32px 0 0;height:6px;position:absolute;top:0;left:0;right:0}.hypermodern-business-card:after{content:"";pointer-events:none;background:radial-gradient(circle,rgba(99,102,241,.03) 0%,transparent 70%);width:200%;height:200%;animation:20s ease-in-out infinite float;position:absolute;top:-50%;left:-50%}.business-header-row{z-index:2;background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,rgba(139,92,246,.05) 100%);border-bottom:1px solid rgba(99,102,241,.1);border-radius:24px 24px 0 0;justify-content:space-between;align-items:center;margin:-1.5rem -1.5rem 0;padding:1rem 1.5rem;display:flex;position:relative}.business-info-row{z-index:2;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;padding:1rem 0;display:grid;position:relative}.call-history-row{z-index:2;background:linear-gradient(135deg,rgba(6,182,212,.03) 0%,rgba(16,185,129,.03) 100%);border-top:1px solid rgba(6,182,212,.1);border-bottom:1px solid rgba(6,182,212,.1);align-items:center;gap:.75rem;margin:0 -1.5rem;padding:1rem 1.5rem;display:flex;position:relative}.business-notes-row{z-index:2;background:linear-gradient(135deg,rgba(245,158,11,.03) 0%,rgba(251,191,36,.03) 100%);border-top:1px solid rgba(245,158,11,.1);border-radius:0 0 24px 24px;align-items:center;gap:.75rem;margin:0 -1.5rem -1.5rem;padding:1rem 1.5rem;display:flex;position:relative}.business-title-section{flex:1}.business-title{-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.02em;background:linear-gradient(135deg,#1e293b 0%,#475569 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:1.75rem;font-weight:800;line-height:1.2}.business-meta{align-items:center;gap:.75rem;display:flex}.info-item{background:linear-gradient(135deg,rgba(255,255,255,.8) 0%,rgba(248,250,252,.8) 100%);border:1px solid rgba(226,232,240,.3);border-radius:12px;align-items:center;gap:.75rem;min-height:60px;padding:1rem 1.25rem;font-size:.95rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}.info-item:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);width:3px;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.info-item:hover{border-color:rgba(99,102,241,.2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.info-item:hover:before{opacity:1}.info-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:80px;font-size:.8rem;font-weight:700}.phone-link{color:#6366f1;word-break:break-all;flex:1;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .2s}.phone-link:hover{color:#4f46e5;text-shadow:0 1px 2px rgba(99,102,241,.2)}.email-link,.website-link{color:#06b6d4;word-break:break-all;flex:1;font-weight:600;text-decoration:none;transition:all .2s}.email-link:hover,.website-link:hover{color:#0891b2;text-shadow:0 1px 2px rgba(6,182,212,.2)}.address-text,.location-text{color:#374151;word-break:break-word;flex:1;font-weight:600}.offerte-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:.5rem 1rem;font-size:.85rem;font-weight:700;animation:3s ease-in-out infinite offerteGlow;box-shadow:0 4px 12px rgba(16,185,129,.3)}@keyframes offerteGlow{0%,to{box-shadow:0 4px 12px rgba(16,185,129,.3)}50%{box-shadow:0 4px 20px rgba(16,185,129,.5)}}.call-history-label{color:#374151;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:140px;font-size:.9rem;font-weight:700}.call-history-items{flex-wrap:wrap;gap:.75rem;display:flex}.call-history-badge{text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.4rem .8rem;font-size:.75rem;font-weight:700;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.1)}.call-history-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.call-history-badge.status-geen-antwoord{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.call-history-badge.status-niet-relevant{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.call-history-badge.status-geen-interesse{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.call-history-badge.status-tba{color:#fff;background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%)}.call-history-badge.status-succesvol-gesprek{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);animation:2s ease-in-out infinite dealPulse}.notes-label{color:#374151;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:100px;font-size:.9rem;font-weight:700}.notes-content{color:#1f2937;word-break:break-word;background:linear-gradient(135deg,rgba(255,255,255,.6) 0%,rgba(248,250,252,.6) 100%);border:1px solid rgba(245,158,11,.2);border-radius:12px;flex:1;min-height:50px;padding:1rem 1.25rem;font-size:.95rem;font-weight:500;line-height:1.5}.business-category{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:.4rem .8rem;font-size:.8rem;font-weight:700;box-shadow:0 2px 8px rgba(99,102,241,.3)}.business-calls{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#64748b 0%,#475569 100%);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:.4rem .8rem;font-size:.8rem;font-weight:700;box-shadow:0 2px 8px rgba(100,116,139,.3)}.contacts-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:16px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(16,185,129,.3)}.contacts-button:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.contacts-button:hover:before{left:100%}.contacts-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,.4)}.contacts-icon{font-size:1.1rem}.business-info-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid;position:relative}@media (max-height:600px) and (orientation:landscape){.business-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.info-card{border-radius:16px;padding:1rem}}.info-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid rgba(226,232,240,.5);border-radius:20px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.info-card:before{content:"";opacity:0;background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.info-card:hover:before{opacity:1}.info-card:hover{border-color:rgba(99,102,241,.2);transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.info-label{text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.phone-number{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;text-decoration:none;transition:all .3s;display:block}.phone-number:hover{transform:scale(1.05)}.email-link,.website-link{color:#06b6d4;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.email-link:hover,.website-link:hover{color:#0891b2;text-decoration:underline}.address-text,.location-text{color:#475569;font-size:1rem;font-weight:500}.call-history-section{z-index:2;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid rgba(226,232,240,.5);border-radius:20px;margin-bottom:1.5rem;padding:1.5rem;position:relative}.call-history-title{color:#1e293b;margin:0 0 1rem;font-size:1.1rem;font-weight:700}.call-history-item{background:#fff;border:1px solid rgba(226,232,240,.5);border-radius:12px;padding:1rem;transition:all .3s}.call-history-item:hover{transform:translate(4px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.call-time{color:#64748b;font-size:.8rem;font-weight:500}.call-status{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-geen-antwoord{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.status-niet-relevant{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.status-geen-interesse{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.status-niet-onze-doelgroep{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.status-tba{color:#fff;background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%)}.status-deal{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.status-in-process{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.status-wachten-op-beoordeling{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.status-afgerond{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.call-notes{color:#475569;font-size:.9rem;font-style:italic}.offerte-info-section{z-index:2;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid rgba(16,185,129,.2);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;position:relative}.offerte-title{color:#065f46;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;font-weight:700;display:flex}.offerte-details{flex-direction:column;gap:.75rem;display:flex}.offerte-detail-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:1rem}.offerte-detail-container{background:#fff;border-radius:16px;width:100%;max-width:100%;margin:0 auto;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.offerte-detail-header{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);padding:2rem}.header-content{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.header-left h1{margin:0 0 .5rem;font-size:2rem;font-weight:700}.offerte-date{opacity:.9;font-size:.9rem}.header-right{flex-direction:column;align-items:flex-end;gap:1rem;display:flex}.budget-display{text-align:right}.budget-label{opacity:.8;margin-bottom:.25rem;font-size:.8rem;display:block}.budget-amount{font-size:1.5rem;font-weight:700}.status-badge{text-transform:uppercase;letter-spacing:.5px;background:rgba(255,255,255,.2);border-radius:20px;padding:.5rem 1rem;font-size:.8rem;font-weight:600}.offerte-detail-content{padding:1.5rem}.content-layout{flex-direction:column;gap:1.5rem;display:flex}.top-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.detail-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.detail-section.compact{background:#fff;border:1px solid #e2e8f0}.section-header{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-bottom:1px solid #e2e8f0;padding:.75rem 1rem}.section-header.compact{background:#f8fafc;padding:.5rem .75rem}.section-header h2{color:#1e293b;margin:0;font-size:1rem;font-weight:600}.section-content{padding:1rem}.section-content.compact{padding:.75rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.info-grid.compact{grid-template-columns:1fr;gap:.75rem}.info-item{flex-direction:column;gap:.25rem;display:flex}.info-item.compact{border-bottom:1px solid #f1f5f9;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0}.info-item.compact:last-child{border-bottom:none}.info-item.full-width{grid-column:1/-1}.info-item label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.info-item.compact label{color:#374151;text-transform:none;letter-spacing:normal;min-width:120px;font-size:.9rem}.info-item span{color:#1e293b;font-size:.9rem;font-weight:500}.project-description{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.project-description.compact{padding:.75rem}.project-description p{color:#374151;margin:0;line-height:1.6}.organized-fields-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.organized-fields-grid.compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem;display:grid}.field-item{background:#fff;border:1px solid #e2e8f0;border-radius:4px;flex-direction:column;gap:.2rem;padding:.4rem;display:flex}.field-item.compact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:.2rem;min-height:auto;padding:.5rem;display:flex}.field-title{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:.2rem;font-size:.75rem;font-weight:600}.field-value{color:#1e293b;word-break:break-word;font-size:.85rem;font-weight:500;line-height:1.3}.field-item.compact:last-child{border-bottom:none}.field-item label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;font-weight:600}.field-item.compact label{color:#374151;text-transform:none;letter-spacing:normal;flex-shrink:0;min-width:100px;font-size:.85rem}.field-item span{color:#1e293b;word-break:break-word;font-size:.85rem;font-weight:500;line-height:1.3}.tech-specs-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;display:grid}.tech-specs-grid.compact{grid-template-columns:1fr}.tech-spec-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.tech-spec-item.compact{background:0 0;border:none;border-bottom:1px solid #f1f5f9;padding:.5rem 0}.tech-spec-item.compact:last-child{border-bottom:none}.tech-spec-item label{color:#374151;font-size:.9rem;font-weight:500}.tech-spec-item span.yes{color:#059669;font-weight:600}.tech-spec-item span.no{color:#dc2626;font-weight:600}.offerte-detail-actions{border-top:1px solid #e2e8f0;justify-content:center;gap:1rem;padding:2rem;display:flex}.back-btn,.print-btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.back-btn{color:#fff;background:#6b7280}.back-btn:hover{background:#4b5563}.print-btn{color:#fff;background:#6366f1}.print-btn:hover{background:#4f46e5}.loading-container,.error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.retry-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:6px;margin-top:1rem;padding:.5rem 1rem;font-weight:600}.retry-btn:hover{background:#4f46e5}@media (max-width:1400px){.categories-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.organized-fields-grid.compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width:1200px){.categories-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.organized-fields-grid.compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width:1024px){.top-row{grid-template-columns:1fr}.header-content{flex-direction:column;align-items:flex-start}.header-right{align-items:flex-start}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.organized-fields-grid.compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:768px){.offerte-detail-page{padding:.5rem}.offerte-detail-header{padding:1.5rem}.offerte-detail-content{padding:1rem}.header-left h1{font-size:1.5rem}.budget-amount{font-size:1.25rem}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.organized-fields-grid.compact{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.info-grid{grid-template-columns:1fr}}@media (max-width:480px){.categories-grid,.organized-fields-grid.compact{grid-template-columns:1fr}.offerte-detail-page{padding:.25rem}.offerte-detail-content{padding:.75rem}}.offerte-status,.offerte-date,.offerte-notes{align-items:center;gap:.5rem;display:flex}.offerte-label{color:#047857;min-width:60px;font-size:.9rem;font-weight:600}.offerte-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.offerte-status-badge.in_process{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.offerte-status-badge.wachten_op_beoordeling{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.offerte-status-badge.afgerond{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%)}.offerte-date-value,.offerte-notes-value{color:#065f46;font-size:.9rem;font-weight:500}.business-notes{z-index:2;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:1.5rem;position:relative}.notes-title{color:#1e40af;margin:0 0 .5rem;font-size:1rem;font-weight:700}.notes-content{color:#1e40af;margin:0;font-size:.95rem;line-height:1.5}.compact-control-panel{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid rgba(226,232,240,.5);border-radius:12px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex;box-shadow:0 4px 12px rgba(0,0,0,.1)}@media (max-height:600px) and (orientation:landscape){.compact-control-panel{border-radius:8px;gap:.3rem;padding:.5rem}.control-header{margin-bottom:.8rem}.current-business{font-size:1rem}.business-category{font-size:.8rem}}.control-header{text-align:center;margin-bottom:1.5rem}.business-info{flex-direction:column;gap:.25rem;display:flex}.current-business{color:#1e293b;font-size:1.1rem;font-weight:700}.belbak-count{color:#64748b;font-size:.9rem;font-weight:500}.control-content{flex-direction:column;gap:1.5rem;display:flex}.status-buttons-row{flex-wrap:wrap;gap:.5rem;display:flex}@media (max-height:600px) and (orientation:landscape){.status-buttons-row{gap:.3rem}.compact-status-button{border-radius:6px;padding:.4rem .6rem;font-size:.7rem}}.compact-status-button{cursor:pointer;color:#374151;text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid rgba(226,232,240,.5);border-radius:8px;flex:1;min-width:120px;padding:.5rem .75rem;font-size:.8rem;font-weight:700;transition:all .2s}.compact-status-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.compact-status-button.selected{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.compact-status-button.status-geen-antwoord.selected{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-color:#f59e0b}.compact-status-button.status-niet-relevant.selected{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#dc2626}.compact-status-button.status-geen-interesse.selected{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);border-color:#4b5563}.compact-status-button.status-niet-onze-doelgroep.selected{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#d97706}.compact-status-button.status-tba.selected{color:#fff;background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%);border-color:#64748b}.compact-status-button.status-succesvol-gesprek.selected{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#059669;animation:2s ease-in-out infinite dealPulse}.status-button{cursor:pointer;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:2px solid rgba(226,232,240,.5);border-radius:16px;align-items:center;gap:.75rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}.status-button:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.status-button:hover:before{left:100%}.status-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.status-button.selected{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.status-icon{flex-shrink:0;font-size:1.5rem}.status-text{color:#374151;font-size:.9rem;font-weight:600}.status-button.status-geen-antwoord.selected{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-color:#f59e0b}.status-button.status-niet-relevant.selected{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#dc2626}.status-button.status-geen-interesse.selected{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);border-color:#4b5563}.status-button.status-tba.selected{color:#fff;background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%);border-color:#64748b}.status-button.status-deal.selected{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#059669;animation:2s ease-in-out infinite dealPulse}@keyframes dealPulse{0%,to{box-shadow:0 8px 25px rgba(0,0,0,.2)}50%{box-shadow:0 8px 25px rgba(16,185,129,.4)}}.input-submit-row{align-items:center;gap:.5rem;display:flex}.input-fields{flex:1;gap:.5rem;display:flex}.compact-input{background:#fff;border:1px solid rgba(226,232,240,.5);border-radius:6px;flex:1;padding:.5rem;font-size:.8rem;transition:all .2s}.compact-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 2px rgba(99,102,241,.1)}.date-input,.time-input{cursor:pointer;min-width:120px;font-family:inherit;position:relative}.date-input:hover,.time-input:hover{border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.1)}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8;transition:opacity .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.time-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8;transition:opacity .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.time-input::-webkit-calendar-picker-indicator:hover{opacity:1}.date-input,.time-input{padding-right:35px}.compact-textarea{resize:none;background:#fff;border:1px solid rgba(226,232,240,.5);border-radius:6px;flex:1;min-height:36px;padding:.5rem;font-size:.8rem;transition:all .2s}.compact-textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 2px rgba(99,102,241,.1)}.compact-submit-button{color:#fff;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.1);background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;min-width:150px;height:36px;padding:.5rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s}.compact-submit-button.enabled:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.compact-submit-button.disabled{color:#1f2937;cursor:not-allowed;opacity:.8;text-shadow:none;background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%)}.business-info-row{color:#374151;background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,rgba(139,92,246,.05) 100%);border-bottom:1px solid rgba(99,102,241,.1);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;margin:-.75rem -.75rem .5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.current-business-info{color:#1e293b;font-size:1rem;font-weight:700}.belbak-count-info{color:#6366f1;font-size:.85rem;font-weight:600}.notes-section{flex-direction:column;gap:.5rem;display:flex}.notes-label{color:#374151;font-size:.9rem;font-weight:600}.notes-textarea{resize:vertical;color:#374151;background:#fff;border:2px solid rgba(226,232,240,.5);border-radius:12px;width:100%;min-height:80px;padding:1rem;font-family:inherit;font-size:.9rem;transition:all .3s}.notes-textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:16px;min-width:200px;height:-moz-fit-content;height:fit-content;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(99,102,241,.3)}.submit-button:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.submit-button:hover:before{left:100%}.submit-button.enabled:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.4)}.submit-button.disabled{cursor:not-allowed;opacity:.6;background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%);box-shadow:0 2px 4px rgba(0,0,0,.1)}.submit-button.disabled:hover{transform:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width:768px){.header-content{text-align:center;flex-direction:column;gap:1rem}.header-left{flex-direction:column;gap:.5rem}.header-center{order:2;width:100%}.header-right{order:3;justify-content:center}.header-logo{height:50px}.main-title{font-size:2rem}.dartboard-emoji{font-size:1.5rem}.bellijst-subtitle{font-size:.9rem}}@media (max-width:480px){.bellijst-header{padding:1rem}.main-title-container{flex-direction:column;gap:.5rem}.main-title{font-size:1.8rem}.header-logo{height:40px}}.business-contact-info{gap:1.5rem;margin-top:.75rem;font-size:.85rem;display:flex}.header-contact-item{background:rgba(99,102,241,.05);border:1px solid rgba(99,102,241,.1);border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .8rem;display:flex}.header-contact-label{color:#4b5563;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.header-phone-link{color:#059669;font-weight:500;text-decoration:none;transition:color .2s}.header-phone-link:hover{color:#047857;text-decoration:underline}.header-location-text{color:#374151;font-weight:500}.tba-tab-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);flex-direction:column;height:calc(100vh - 80px);display:flex;overflow:hidden}.tba-header{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-bottom:1px solid rgba(226,232,240,.5);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.05)}.tba-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.tba-stats{color:#64748b;gap:1rem;font-size:.9rem;display:flex}.tba-count,.tba-today-count,.tba-status-count,.tba-vervolg-count{color:#6366f1;background:rgba(99,102,241,.1);border-radius:20px;padding:.5rem 1rem;font-weight:600}.tba-search{background:#fff;border-bottom:1px solid rgba(226,232,240,.5);padding:1rem 2rem}.tba-search-input{background:#fff;border:2px solid rgba(226,232,240,.5);border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.tba-search-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.tba-list-container{flex:1;min-height:0;max-height:calc(100vh - 300px);padding:1rem 2rem;overflow-x:hidden;overflow-y:auto}.tba-list{flex-direction:column;gap:1rem;min-height:100%;padding-bottom:4rem;display:flex}.tba-empty{color:#64748b;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.tba-empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.tba-empty-text{font-size:1.1rem;font-weight:500}.tba-list{flex-direction:column;gap:1rem;display:flex}.tba-card{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid rgba(226,232,240,.5);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}@media (max-height:600px) and (orientation:landscape){.tba-card{border-radius:12px;padding:1rem}.tba-card-header{margin-bottom:.5rem}.tba-card-title{font-size:1rem}.tba-card-time{font-size:.8rem}}.tba-card:before{content:"";opacity:0;background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.tba-card:hover:before{opacity:1}.tba-card:hover{border-color:rgba(99,102,241,.2);transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.tba-card.today{background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border-left:4px solid #10b981}.tba-card.overdue{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-left:4px solid #ef4444}.tba-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.tba-card-title{flex:1}.tba-business-name{color:#1e293b;margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.tba-badges-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.tba-category{color:#6366f1;background:rgba(99,102,241,.1);border-radius:6px;padding:.25rem .5rem;font-size:.8rem;font-weight:600}.tba-status-badge{color:#fff;background:#10b981;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.tba-status-badge.tba-badge{background:#3b82f6}.tba-status-badge[data-status=succesvol_gesprek]{background:#10b981}.tba-status-badge[data-status=offerte_gestart]{background:#eab308}.tba-status-badge[data-status=offerte_ontvangen]{background:#3b82f6}.tba-status-badge[data-status=offerte_verzonden]{background:#f97316}.tba-status-badge[data-status=deal]{background:#10b981;box-shadow:0 0 10px rgba(16,185,129,.3)}.tba-card.vervolg{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-left:4px solid #3b82f6}.tba-vervolg-reden{color:#475569;background:rgba(255,255,255,.7);border-left:3px solid #3b82f6;border-radius:6px;margin-bottom:.75rem;padding:.5rem;font-size:.85rem}.vervolg-label{color:#1e40af;font-weight:600}.tba-card-time{text-align:right}.tba-datetime{color:#374151;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.tba-overdue-badge,.tba-today-badge{border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.tba-overdue-badge{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.tba-today-badge{color:#059669;background:#ecfdf5;border:1px solid #bbf7d0}.tba-card-content{flex-direction:column;gap:.75rem;display:flex}.tba-contact-info{flex-wrap:wrap;gap:1rem;display:flex}.tba-phone,.tba-location{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.tba-label{opacity:.7;font-size:.8rem}.tba-phone-link{color:#059669;font-weight:500;text-decoration:none}.tba-phone-link:hover{text-decoration:underline}.tba-location-text{color:#374151;font-weight:500}.tba-notes{background:rgba(59,130,246,.05);border-left:3px solid #3b82f6;border-radius:8px;align-items:flex-start;gap:.5rem;padding:.75rem;display:flex}.tba-notes-label{opacity:.7;margin-top:.1rem;font-size:.8rem}.tba-notes-text{color:#1e40af;font-size:.9rem;line-height:1.4}.tba-call-history{color:#64748b;border-top:1px solid rgba(226,232,240,.5);justify-content:space-between;align-items:center;padding-top:.5rem;font-size:.8rem;display:flex}.tba-call-count{color:#6366f1;font-weight:600}.tba-last-call{font-style:italic}.beheer-tab-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);flex-direction:column;height:calc(100vh - 80px);display:flex;overflow:hidden}.beheer-header{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-bottom:1px solid rgba(226,232,240,.5);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.05)}.beheer-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.beheer-stats{align-items:center;gap:1rem;display:flex}.beheer-count{color:#6366f1;background:rgba(99,102,241,.1);border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.beheer-clear-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.beheer-clear-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.beheer-controls{background:#fff;border-bottom:1px solid rgba(226,232,240,.5);align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.beheer-search{flex:1}.beheer-search-input{background:#fff;border:2px solid rgba(226,232,240,.5);border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.beheer-search-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.beheer-filters{gap:.5rem;display:flex}.beheer-filter-select,.beheer-sort-select{cursor:pointer;background:#fff;border:2px solid rgba(226,232,240,.5);border-radius:12px;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.beheer-filter-select:focus,.beheer-sort-select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.beheer-status-overview{background:#fff;border-bottom:1px solid rgba(226,232,240,.5);flex-wrap:wrap;gap:.5rem;padding:1rem 2rem;display:flex}.beheer-status-item{cursor:pointer;background:rgba(99,102,241,.05);border-left:4px solid #6366f1;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;transition:all .2s;display:flex}.beheer-status-item:hover{background:rgba(99,102,241,.1);transform:translateY(-1px)}.beheer-status-label{color:#374151;font-weight:600}.beheer-status-count{color:#6366f1;background:rgba(99,102,241,.2);border-radius:10px;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.beheer-list-container{flex:1;min-height:0;max-height:calc(100vh - 300px);padding:1rem 2rem;overflow-x:hidden;overflow-y:auto}.beheer-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;min-height:100%;padding-bottom:4rem;display:grid}.beheer-empty{color:#64748b;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.beheer-empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.beheer-empty-text{font-size:1.1rem;font-weight:500}.beheer-list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem;display:grid}.beheer-card{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid rgba(226,232,240,.5);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}@media (max-height:600px) and (orientation:landscape){.beheer-card{border-radius:12px;padding:1rem}.beheer-card-header{margin-bottom:.5rem}.beheer-card-title{font-size:1rem}}.beheer-card:before{content:"";opacity:0;background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.beheer-card:hover:before{opacity:1}.beheer-card:hover{border-color:rgba(99,102,241,.2);transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.beheer-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.beheer-card-title{flex:1}.beheer-business-name{color:#1e293b;margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.beheer-category{color:#6366f1;background:rgba(99,102,241,.1);border-radius:6px;padding:.25rem .5rem;font-size:.8rem;font-weight:600}.beheer-card-actions{align-items:center;gap:.5rem;display:flex}.beheer-status-badge{color:#fff;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.beheer-delete-button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:.25rem .5rem;font-size:.8rem;transition:all .2s}.beheer-delete-button:hover{background:#dc2626;transform:scale(1.1)}.beheer-card-content{flex-direction:column;gap:.75rem;display:flex}.beheer-contact-info{flex-direction:column;gap:.5rem;display:flex}.beheer-phone,.beheer-email,.beheer-location{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.beheer-label{opacity:.7;font-size:.8rem}.beheer-phone-link{color:#059669;font-weight:500;text-decoration:none}.beheer-phone-link:hover{text-decoration:underline}.beheer-email-text,.beheer-location-text{color:#374151;font-weight:500}.beheer-stats-row{color:#64748b;border-top:1px solid rgba(226,232,240,.5);justify-content:space-between;align-items:center;padding-top:.5rem;font-size:.8rem;display:flex}.beheer-call-stats{flex-direction:column;gap:.25rem;display:flex}.beheer-call-count{color:#6366f1;font-weight:600}.beheer-last-call{font-size:.75rem;font-style:italic}.beheer-date-info{text-align:right}.beheer-updated{color:#9ca3af;font-size:.75rem}.beheer-notes{background:rgba(59,130,246,.05);border-left:3px solid #3b82f6;border-radius:8px;align-items:flex-start;gap:.5rem;padding:.75rem;display:flex}.beheer-notes-label{opacity:.7;margin-top:.1rem;font-size:.8rem}.beheer-notes-text{color:#1e40af;font-size:.9rem;line-height:1.4}.belgeschiedenis-tab-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);flex-direction:column;height:calc(100vh - 80px);display:flex;overflow:hidden}.belgeschiedenis-list-container{flex:1;min-height:0;max-height:calc(100vh - 300px);margin-bottom:1rem;padding:1rem 2rem;overflow-x:hidden;overflow-y:auto}.belgeschiedenis-list{flex-direction:column;gap:1rem;min-height:100%;padding-bottom:4rem;display:flex}.belgeschiedenis-header{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-bottom:1px solid rgba(226,232,240,.5);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.05)}.belgeschiedenis-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.belgeschiedenis-stats{color:#64748b;gap:1rem;font-size:.9rem;display:flex}.belgeschiedenis-count,.belgeschiedenis-businesses-count{color:#6366f1;background:rgba(99,102,241,.1);border-radius:20px;padding:.5rem 1rem;font-weight:600}.belgeschiedenis-controls{background:#fff;border-bottom:1px solid rgba(226,232,240,.5);align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.belgeschiedenis-search{flex:1}.belgeschiedenis-search-input{background:#fff;border:2px solid rgba(226,232,240,.5);border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.belgeschiedenis-search-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.belgeschiedenis-filters{gap:.5rem;display:flex}.belgeschiedenis-filter-select,.belgeschiedenis-sort-select{cursor:pointer;background:#fff;border:2px solid rgba(226,232,240,.5);border-radius:12px;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.belgeschiedenis-filter-select:focus,.belgeschiedenis-sort-select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.belgeschiedenis-status-overview{background:#fff;border-bottom:1px solid rgba(226,232,240,.5);flex-wrap:wrap;gap:.5rem;padding:1rem 2rem;display:flex}.belgeschiedenis-status-item{cursor:pointer;background:rgba(99,102,241,.05);border-left:4px solid #6366f1;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;transition:all .2s;display:flex}.belgeschiedenis-status-item:hover{background:rgba(99,102,241,.1);transform:translateY(-1px)}.belgeschiedenis-status-icon{font-size:.9rem}.belgeschiedenis-status-label{color:#374151;font-weight:600}.belgeschiedenis-status-count{color:#6366f1;background:rgba(99,102,241,.2);border-radius:10px;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.belgeschiedenis-empty{color:#64748b;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.belgeschiedenis-empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.belgeschiedenis-empty-text{font-size:1.1rem;font-weight:500}.belgeschiedenis-list{flex-direction:column;gap:1rem;display:flex}.belgeschiedenis-card{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid rgba(226,232,240,.5);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}@media (max-height:600px) and (orientation:landscape){.belgeschiedenis-card{border-radius:12px;padding:1rem}.belgeschiedenis-card-header{margin-bottom:.5rem}.belgeschiedenis-card-title{font-size:1rem}}.belgeschiedenis-card:before{content:"";opacity:0;background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.belgeschiedenis-card:hover:before{opacity:1}.belgeschiedenis-card:hover{border-color:rgba(99,102,241,.2);transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.belgeschiedenis-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.belgeschiedenis-card-title{flex:1}.belgeschiedenis-business-name{color:#1e293b;margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.belgeschiedenis-category{color:#6366f1;background:rgba(99,102,241,.1);border-radius:6px;padding:.25rem .5rem;font-size:.8rem;font-weight:600}.belgeschiedenis-card-status{text-align:right}.belgeschiedenis-status-badge{color:#fff;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.belgeschiedenis-card-content{flex-direction:column;gap:.75rem;display:flex}.belgeschiedenis-contact-info{flex-wrap:wrap;gap:1rem;display:flex}.belgeschiedenis-phone{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.belgeschiedenis-label{opacity:.7;font-size:.8rem}.belgeschiedenis-phone-link{color:#059669;font-weight:500;text-decoration:none}.belgeschiedenis-phone-link:hover{text-decoration:underline}.belgeschiedenis-datetime{color:#64748b;background:rgba(99,102,241,.05);border-left:3px solid #6366f1;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;font-size:.9rem;display:flex}.belgeschiedenis-datetime-full{align-items:center;gap:.5rem;display:flex}.belgeschiedenis-datetime-text{color:#374151;font-weight:600}.belgeschiedenis-time-ago{text-align:right}.belgeschiedenis-time-ago-text{color:#9ca3af;font-size:.8rem;font-style:italic}.belgeschiedenis-notes{background:rgba(59,130,246,.05);border-left:3px solid #3b82f6;border-radius:8px;align-items:flex-start;gap:.5rem;padding:.75rem;display:flex}.belgeschiedenis-notes-label{opacity:.7;margin-top:.1rem;font-size:.8rem}.belgeschiedenis-notes-text{color:#1e40af;font-size:.9rem;line-height:1.4}.edit-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.edit-modal-container{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid rgba(255,255,255,.2);border-radius:24px;flex-direction:column;width:90%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}@media (max-height:600px) and (orientation:landscape){.edit-modal-container{border-radius:16px;width:95%;max-height:95vh}.edit-modal-header{padding:1rem 1.5rem}.edit-modal-title{font-size:1.2rem}.edit-modal-content,.edit-modal-footer{padding:1rem 1.5rem}}.edit-modal-header{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.edit-modal-title{margin:0;font-size:1.5rem;font-weight:800}.edit-modal-close{color:#fff;cursor:pointer;background:rgba(255,255,255,.2);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;transition:all .2s;display:flex}.edit-modal-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.edit-modal-content{flex:1;padding:2rem;overflow-y:auto}.edit-form-grid{flex-direction:column;gap:2rem;display:flex}.edit-form-section{flex-direction:column;gap:1rem;display:flex}.edit-section-title{color:#1e293b;border-bottom:2px solid rgba(99,102,241,.1);margin:0;padding-bottom:.5rem;font-size:1.1rem;font-weight:700}.edit-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.edit-form-group{flex-direction:column;gap:.5rem;display:flex}.edit-form-group-full{grid-column:1/-1}.edit-label{color:#374151;font-size:.9rem;font-weight:600}.edit-input,.edit-select,.edit-textarea{background:#fff;border:2px solid rgba(226,232,240,.5);border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s}.edit-input:focus,.edit-select:focus,.edit-textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.edit-textarea{resize:vertical;min-height:100px}.edit-modal-footer{background:rgba(99,102,241,.05);border-top:1px solid rgba(226,232,240,.5);justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.edit-cancel-button,.edit-save-button{cursor:pointer;border:none;border-radius:12px;min-width:120px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.edit-cancel-button{color:#374151;background:#f3f4f6;border:2px solid rgba(226,232,240,.5)}.edit-cancel-button:hover{background:#e5e7eb;transform:translateY(-1px)}.edit-save-button{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 4px 12px rgba(99,102,241,.3)}.edit-save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px rgba(99,102,241,.4)}.edit-save-button:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af}.bellbak-management-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);flex-direction:column;height:calc(100vh - 80px);display:flex;overflow-x:hidden;overflow-y:auto}.bellbak-management-header{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-bottom:1px solid rgba(226,232,240,.5);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.05)}.bellbak-management-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.bellbak-management-stats{color:#64748b;gap:1rem;font-size:.9rem;display:flex}.bellbak-quick-access{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-bottom:1px solid rgba(226,232,240,.5);margin-bottom:1rem;padding:1.5rem 2rem}@media (max-height:600px) and (orientation:landscape){.bellbak-quick-access{margin-bottom:.5rem;padding:1rem 1.5rem}.bellbak-quick-access-header{margin-bottom:.5rem}.bellbak-quick-access-title{font-size:1rem}.bellbak-quick-access-subtitle{font-size:.8rem}}.bellbak-quick-access-header{margin-bottom:1rem}.bellbak-quick-access-title{color:#1e293b;margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.bellbak-quick-access-subtitle{color:#64748b;margin:0;font-size:.9rem}.bellbak-quick-categories{background:rgba(248,250,252,.5);border:1px solid rgba(226,232,240,.3);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;max-height:300px;padding:.5rem;display:grid;overflow-y:auto}.bellbak-quick-category-button{color:#fff;cursor:pointer;text-align:center;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;min-width:-moz-fit-content;min-width:fit-content;height:100%;min-height:44px;padding:.75rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px rgba(99,102,241,.2)}@media (max-height:600px) and (orientation:landscape){.bellbak-quick-categories{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;max-height:200px}.bellbak-quick-category-button{border-radius:8px;min-height:36px;padding:.5rem .8rem;font-size:.8rem}.bellbak-quick-category-button.all-categories{min-height:40px}}@media (max-width:768px){.bellbak-quick-categories{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;max-height:250px}.bellbak-quick-category-button{min-height:40px;padding:.6rem .8rem;font-size:.8rem}.bellbak-quick-category-button.all-categories{min-height:44px;font-size:.85rem}}.bellbak-quick-category-button:hover{background:linear-gradient(135deg,#5b21b6 0%,#7c3aed 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.bellbak-quick-category-button.active{background:linear-gradient(135deg,#10b981 0%,#059669 100%);animation:2s ease-in-out infinite pulse;box-shadow:0 4px 12px rgba(16,185,129,.3)}.bellbak-quick-category-button.active:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.bellbak-active-indicator{margin-left:.5rem;font-size:1rem;font-weight:700}.bellbak-quick-category-button.all-categories{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);grid-column:1/-1;min-height:50px;padding:.85rem 1rem;font-size:.9rem;font-weight:700}.bellbak-quick-category-button.all-categories:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%)}.bellbak-quick-category-button.all-categories.active{background:linear-gradient(135deg,#10b981 0%,#059669 100%);animation:2s ease-in-out infinite pulse;box-shadow:0 4px 12px rgba(16,185,129,.3)}.bellbak-quick-category-button.all-categories.active:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.bellbak-embedded-builder{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-bottom:1px solid rgba(226,232,240,.5);margin-bottom:1rem;padding:1.5rem 2rem}.bellbak-embedded-builder-header{margin-bottom:1.5rem}.bellbak-embedded-builder-title{color:#1e293b;margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.bellbak-embedded-builder-subtitle{color:#64748b;margin:0;font-size:.9rem}.bellbak-embedded-form{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid rgba(226,232,240,.5);border-radius:16px;padding:1.5rem}.bellbak-embedded-form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.bellbak-embedded-form-group{margin-bottom:1.5rem}.bellbak-embedded-form-label{color:#374151;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.bellbak-embedded-form-input{background:#fff;border:2px solid rgba(226,232,240,.5);border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.bellbak-embedded-form-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.bellbak-embedded-category-selector{margin-bottom:1rem}.bellbak-embedded-category-dropdown{cursor:pointer;background:#fff;border:2px solid rgba(226,232,240,.5);border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.bellbak-embedded-category-dropdown:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.bellbak-embedded-selected-categories{flex-wrap:wrap;gap:.5rem;display:flex}.bellbak-embedded-selected-category{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;display:flex}.bellbak-embedded-remove-category{color:#fff;cursor:pointer;background:rgba(255,255,255,.2);border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;transition:all .2s;display:flex}.bellbak-embedded-remove-category:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.bellbak-embedded-form-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.bellbak-embedded-clear-button{color:#374151;cursor:pointer;background:#f3f4f6;border:2px solid rgba(226,232,240,.5);border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.bellbak-embedded-clear-button:hover{background:#e5e7eb;transform:translateY(-1px)}.bellbak-embedded-save-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.bellbak-embedded-save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.bellbak-embedded-save-button:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af}.bellbak-template-count,.bellbak-category-count{color:#6366f1;background:rgba(99,102,241,.1);border-radius:20px;padding:.5rem 1rem;font-weight:600}.bellbak-active-status{background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border-bottom:1px solid rgba(16,185,129,.2);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 2rem;display:flex}.bellbak-active-info{align-items:center;gap:1rem;display:flex}.bellbak-active-label{color:#065f46;font-weight:600}.bellbak-active-name{color:#059669;background:rgba(16,185,129,.1);border-radius:12px;padding:.25rem .75rem;font-weight:700}.bellbak-deactivate-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:12px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.bellbak-deactivate-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.bellbak-templates-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;min-height:200px;max-height:calc(100vh - 500px);margin-bottom:2rem;padding:1rem 2rem;display:grid;overflow-x:hidden;overflow-y:auto}.bellbak-template-card{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid rgba(226,232,240,.5);border-radius:20px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.bellbak-template-card:before{content:"";opacity:0;background:linear-gradient(90deg,#6366f1,#8b5cf6,#06b6d4);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.bellbak-template-card:hover:before{opacity:1}.bellbak-template-card:hover{border-color:rgba(99,102,241,.2);transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.bellbak-template-card.active{background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border-color:#10b981;animation:2s ease-in-out infinite alternate neonGlow;box-shadow:0 0 0 1px rgba(16,185,129,.2),0 0 20px rgba(16,185,129,.3),0 4px 6px -1px rgba(0,0,0,.1)}@keyframes neonGlow{0%{box-shadow:0 0 0 1px rgba(16,185,129,.2),0 0 20px rgba(16,185,129,.3),0 4px 6px -1px rgba(0,0,0,.1)}to{box-shadow:0 0 0 1px rgba(16,185,129,.4),0 0 30px rgba(16,185,129,.5),0 4px 6px -1px rgba(0,0,0,.1)}}.bellbak-template-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.bellbak-template-name{color:#1e293b;margin:0;font-size:1.2rem;font-weight:700}.bellbak-template-actions{gap:.5rem;display:flex}.bellbak-edit-button,.bellbak-delete-button{cursor:pointer;background:rgba(99,102,241,.1);border:none;border-radius:8px;padding:.5rem;font-size:.9rem;transition:all .2s}.bellbak-edit-button:hover{background:rgba(99,102,241,.2);transform:scale(1.1)}.bellbak-delete-button:hover{background:rgba(239,68,68,.2);transform:scale(1.1)}.bellbak-template-description{color:#64748b;margin:0 0 1rem;font-size:.9rem;line-height:1.4}.bellbak-template-categories{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.bellbak-category-badge{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.bellbak-template-footer{border-top:1px solid rgba(226,232,240,.5);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.bellbak-template-stats{color:#64748b;font-size:.9rem}.bellbak-business-count{color:#6366f1;font-weight:600}.bellbak-activate-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.bellbak-activate-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.bellbak-activate-button.active{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);animation:2s ease-in-out infinite pulse}.bellbak-create-section{background:#fff;border-top:1px solid rgba(226,232,240,.5);margin-bottom:2rem;padding:1rem 2rem 2rem}.bellbak-create-toggle{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.bellbak-create-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.bellbak-create-form{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid rgba(226,232,240,.5);border-radius:16px;margin-top:1.5rem;margin-bottom:1rem;padding:1.5rem 1.5rem 2rem}.bellbak-form-group{margin-bottom:1.5rem}.bellbak-form-label{color:#374151;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.bellbak-form-input{background:#fff;border:2px solid rgba(226,232,240,.5);border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.bellbak-form-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.bellbak-category-selector{margin-bottom:1rem}.bellbak-category-dropdown{cursor:pointer;background:#fff;border:2px solid rgba(226,232,240,.5);border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.bellbak-category-dropdown:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.bellbak-selected-categories{flex-wrap:wrap;gap:.5rem;display:flex}.bellbak-selected-category{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;display:flex}.bellbak-remove-category{color:#fff;cursor:pointer;background:rgba(255,255,255,.2);border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;transition:all .2s;display:flex}.bellbak-remove-category:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.bellbak-form-actions{justify-content:flex-end;gap:1rem;display:flex}.bellbak-save-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.bellbak-save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.bellbak-save-button:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af}.bellbak-edit-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.bellbak-edit-modal{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid rgba(255,255,255,.2);border-radius:24px;flex-direction:column;width:90%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}@media (max-height:600px) and (orientation:landscape){.bellbak-edit-modal{border-radius:16px;width:95%;max-height:95vh}.bellbak-edit-modal-header{padding:1rem 1.5rem}.bellbak-edit-modal-header h3{font-size:1.2rem}.bellbak-edit-modal-content,.bellbak-edit-modal-footer{padding:1rem 1.5rem}}.bellbak-edit-modal-header{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.bellbak-edit-modal-header h3{margin:0;font-size:1.3rem;font-weight:800}.bellbak-edit-modal-close{color:#fff;cursor:pointer;background:rgba(255,255,255,.2);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;transition:all .2s;display:flex}.bellbak-edit-modal-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.bellbak-edit-modal-content{flex:1;padding:2rem;overflow-y:auto}.bellbak-edit-modal-footer{background:rgba(99,102,241,.05);border-top:1px solid rgba(226,232,240,.5);justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.bellbak-cancel-button{color:#374151;cursor:pointer;background:#f3f4f6;border:2px solid rgba(226,232,240,.5);border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.bellbak-cancel-button:hover{background:#e5e7eb;transform:translateY(-1px)}.confetti-container{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.confetti-particle{pointer-events:none;will-change:transform,opacity;animation:3s ease-out forwards confetti-fall;position:fixed}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.analytics-tab-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);flex-direction:column;height:calc(100vh - 80px);display:flex;overflow-x:hidden;overflow-y:auto}.analytics-header{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-bottom:1px solid rgba(226,232,240,.5);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.05)}.analytics-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.analytics-description{color:#64748b;margin:.25rem 0 0;font-size:.9rem;font-weight:500}.analytics-controls{align-items:center;gap:1rem;display:flex}.analytics-timeframe-select{cursor:pointer;background:#fff;border:2px solid rgba(226,232,240,.5);border-radius:12px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.analytics-timeframe-select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.analytics-refresh-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;font-size:1rem;transition:all .2s;display:flex}.analytics-refresh-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.analytics-refresh-button:active{transform:scale(.95)}.analytics-custom-dates{background:rgba(248,250,252,.8);border:1px solid rgba(226,232,240,.5);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.analytics-date-input{cursor:pointer;background:#fff;border:2px solid rgba(226,232,240,.5);border-radius:8px;min-width:140px;padding:.5rem .75rem;font-size:.9rem;transition:all .2s}.analytics-date-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.analytics-date-separator{color:#64748b;white-space:nowrap;font-size:.9rem;font-weight:500}.analytics-clear-dates{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:.5rem;font-size:.9rem;transition:all .2s;display:flex}.analytics-clear-dates:hover{background:#dc2626;transform:scale(1.05)}.analytics-clear-dates:active{transform:scale(.95)}@media (max-width:768px){.analytics-controls{flex-direction:column;gap:1rem}.analytics-custom-dates{flex-direction:column;align-items:stretch;gap:.5rem}.analytics-date-input{width:100%;min-width:auto}.analytics-date-separator{text-align:center}}.employee-stats-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.employee-stat-card{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid rgba(226,232,240,.5);border-radius:16px;padding:1.5rem;transition:all .2s}.employee-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.employee-stat-header{border-bottom:2px solid rgba(99,102,241,.1);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.employee-stat-name{color:#374151;font-size:1.1rem;font-weight:700}.employee-stat-total{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:20px;padding:.25rem .75rem;font-size:.9rem;font-weight:600}.employee-stat-details{flex-direction:column;gap:.75rem;display:flex}.employee-stat-item{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.employee-stat-label{color:#64748b;font-size:.9rem;font-weight:500}.employee-stat-value{color:#374151;font-size:.9rem;font-weight:600}@media (max-width:768px){.employee-stats-grid{grid-template-columns:1fr}.employee-stat-header{flex-direction:column;align-items:flex-start;gap:.5rem}.employee-stat-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.analytics-stats{color:#64748b;flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.analytics-note{color:#94a3b8;font-size:.8rem;font-style:italic}.analytics-count{color:#6366f1;background:rgba(99,102,241,.1);border-radius:20px;padding:.5rem 1rem;font-weight:600}.analytics-section{background:#fff;border-radius:16px;margin-bottom:1rem;padding:1.5rem 2rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.analytics-section-title{color:#1e293b;border-bottom:2px solid rgba(99,102,241,.1);margin:0 0 .5rem;padding-bottom:.5rem;font-size:1.2rem;font-weight:700}.analytics-subtitle{color:#64748b;margin:0 0 1.5rem;font-size:.85rem;font-style:italic}.success-analysis-grid{grid-template-columns:repeat(10,1fr);gap:1rem;min-width:100%;display:grid;overflow-x:auto}.success-metric{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid rgba(226,232,240,.5);border-radius:12px;min-width:120px;padding:1rem;transition:all .2s}.success-metric:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.success-metric-value{color:#10b981;margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.success-metric-label{color:#374151;margin-bottom:.25rem;font-size:.8rem;font-weight:600;line-height:1.2}.success-metric-detail{color:#64748b;font-size:.7rem;line-height:1.2}.success-metric.positive-metric .success-metric-value{color:#3b82f6}.success-metric.negative-metric .success-metric-value{color:#ef4444}.success-metric.neutral-metric .success-metric-value{color:#fbbf24}.success-metric.yellow-metric .success-metric-value{color:#eab308}.success-metric.blue-metric .success-metric-value{color:#3b82f6}.success-metric.green-metric .success-metric-value{color:#10b981}.success-metric.dark-blue-metric .success-metric-value{color:#1e40af}.success-metric.light-blue-metric .success-metric-value{color:#0ea5e9}.success-metric.purple-metric .success-metric-value{color:#8b5cf6}.success-metric.gold-metric .success-metric-value{color:#eab308}.success-metric.orange-metric .success-metric-value{color:#f97316}.success-metric.deal-metric .success-metric-value{color:#10b981;font-weight:900}@media (max-width:768px){.success-analysis-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.success-metric{min-width:100px;padding:.75rem}.success-metric-value{font-size:1.4rem}.success-metric-label{font-size:.7rem}.success-metric-detail{font-size:.6rem}}.status-distribution{flex-direction:column;gap:1rem;display:flex}.status-stat-item{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid rgba(226,232,240,.5);border-radius:12px;padding:1rem}.status-stat-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.status-stat-color{border-radius:50%;flex-shrink:0;width:16px;height:16px}.status-stat-label{color:#374151;flex:1;font-weight:600}.status-stat-percentage{color:#6366f1;font-size:1.1rem;font-weight:700}.status-stat-bar{background:rgba(226,232,240,.5);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.status-stat-bar-fill{border-radius:4px;height:100%;transition:width .3s}.status-stat-count{color:#64748b;text-align:right;font-size:.9rem}.progress-flow{flex-direction:column;gap:1.5rem;display:flex}.progress-step{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid rgba(226,232,240,.5);border-radius:16px;padding:1.5rem}.progress-step-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.progress-step-indicator{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.progress-step-info{flex:1}.progress-step-label{color:#374151;margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.progress-step-total{color:#64748b;font-size:.9rem}.progress-transitions{flex-direction:column;gap:1rem;display:flex}.progress-transition{background:#fff;border:1px solid rgba(226,232,240,.3);border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.progress-transition-arrow{color:#6366f1;flex-shrink:0;font-size:1.5rem;font-weight:700}.progress-transition-info{flex:1;min-width:0}.progress-transition-label{color:#374151;margin-bottom:.25rem;font-weight:600}.progress-transition-stats{color:#64748b;font-size:.9rem}.progress-transition-bar{background:rgba(226,232,240,.5);border-radius:3px;flex-shrink:0;width:100px;height:6px;overflow:hidden}.progress-transition-bar-fill{border-radius:3px;height:100%;transition:width .3s}@media (max-width:768px){.analytics-header{flex-direction:column;align-items:stretch;gap:1rem}.analytics-controls{justify-content:space-between}.success-analysis-grid{grid-template-columns:1fr}.progress-transition{flex-direction:column;align-items:stretch;gap:.75rem}.progress-transition-arrow{align-self:center}.progress-transition-bar{width:100%}.bellijst-header{padding:.5rem 1rem}.header-content{gap:.8rem}.header-left{flex-direction:column;gap:.5rem}.header-center{order:2;width:100%}.header-right{order:3;justify-content:center}.header-logo{height:35px}.title-section{gap:.1rem}.main-title{font-size:1.6rem}.bellijst-subtitle{font-size:.75rem;line-height:1.1}.dartboard-emoji{font-size:1.2rem}.bellijst-navigation{flex-direction:column;gap:.1rem;padding:0 1rem}.navigation-category{min-width:100%}.category-header{padding:.6rem .8rem;font-size:.7rem}.category-tab{padding:.5rem .8rem;font-size:.65rem}.direct-tab{min-width:100px;padding:.6rem .8rem;font-size:.7rem}.bellijst-tabs{padding:0 1rem}.bellijst-tab{padding:.6rem .8rem;font-size:.7rem}.confetti-particle{animation-duration:2s}.confetti-container{transform:scale(.8)}}@media (max-height:600px) and (orientation:landscape){.confetti-particle{animation-duration:1.5s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.confetti-container{transform:scale(.7)}}@media (max-height:500px) and (orientation:landscape){.confetti-particle{animation-duration:1.2s;box-shadow:0 1px 2px rgba(0,0,0,.15)}.confetti-container{transform:scale(.6)}}@media (min-width:1920px) and (orientation:landscape){.confetti-container{transform:scale(1.1)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.confetti-particle{box-shadow:0 1px 4px rgba(0,0,0,.2)}}.filtered-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.filtered-header-left{align-items:center;gap:.75rem;display:flex}.filtered-icon{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.filtered-icon-text{color:#fff;font-size:1.125rem}.filtered-title{color:#1f2937;margin:0;font-size:1.875rem;font-weight:700}.filtered-stats{gap:.75rem;display:flex}.filtered-stat-badge{border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.filtered-stat-primary{color:#3730a3;background:#e0e7ff}.filtered-stat-secondary{color:#6b21a8;background:#f3e8ff}.filtered-search-container{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.filtered-search-row{flex-direction:column;gap:1rem;display:flex}@media (min-width:1024px){.filtered-search-row{flex-direction:row}}.filtered-search-input-container{flex:1}.filtered-search-input{border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.filtered-search-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.filtered-dropdowns{gap:.75rem;display:flex}.filtered-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.filtered-dropdown:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.filtered-business-list{flex-direction:column;gap:1rem;max-height:calc(100vh - 200px);padding-bottom:1rem;padding-right:.5rem;display:flex;overflow-y:auto}.filtered-empty-state{text-align:center;padding:4rem 0}.filtered-empty-icon{color:#9ca3af;margin-bottom:1.5rem;font-size:5rem}.filtered-empty-title{color:#374151;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.filtered-empty-description{color:#6b7280;max-width:28rem;margin:0 auto}.filtered-business-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;transition:box-shadow .2s;box-shadow:0 1px 3px rgba(0,0,0,.1)}.filtered-business-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.filtered-business-content{justify-content:space-between;align-items:center;display:flex}.filtered-business-left{flex:1}.filtered-business-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.filtered-business-name{color:#1f2937;margin:0;font-size:1.125rem;font-weight:700}.filtered-category-badge{color:#3730a3;background:#e0e7ff;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.filtered-business-phone{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.filtered-phone-icon{color:#ec4899;font-size:1rem}.filtered-phone-text{color:#374151;font-size:1rem}.filtered-business-time{align-items:center;gap:.5rem;display:flex}.filtered-time-indicator{background:#6366f1;border-radius:.125rem;width:.25rem;height:1rem}.filtered-time-text{color:#6b7280;font-size:.875rem}.filtered-business-right{text-align:right;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.filtered-business-actions{gap:.5rem;display:flex}.filtered-edit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:.375rem;padding:.5rem;font-size:1rem;transition:all .2s;box-shadow:0 2px 4px rgba(99,102,241,.2)}.filtered-edit-button:hover{background:linear-gradient(135deg,#5b21b6 0%,#7c3aed 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(99,102,241,.3)}.filtered-edit-button:active{transform:translateY(0)}.filtered-email-buttons{gap:4px;margin-top:8px;display:flex}.filtered-email-btn{color:#374151;cursor:pointer;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border:none;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 8px;font-size:12px;transition:all .2s;display:flex;box-shadow:0 1px 2px rgba(0,0,0,.1)}.filtered-email-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.15)}.filtered-email-info:hover{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.filtered-email-followup:hover{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%)}.filtered-email-announcement:hover{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.filtered-status-badge{border-radius:.5rem;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.filtered-status-recent{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.filtered-time-elapsed{color:#6b7280;font-size:.75rem}.filtered-status-deal{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.filtered-status-succesvol-gesprek{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.filtered-status-in-process{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.filtered-status-wachten-op-beoordeling{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.filtered-status-afgerond{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.filtered-status-tba{color:#6b21a8;background:#f3e8ff;border:1px solid #c4b5fd}.filtered-status-offerte-ontvangen{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.filtered-status-in-behandeling{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.filtered-status-default{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.process-modal-overlay{z-index:1000;background:rgba(0,0,0,.5);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.process-modal-content{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;animation:.2s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.process-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem 1.5rem 0;display:flex}.process-modal-title-section{flex:1}.process-modal-title{color:#1f2937;margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.process-modal-subtitle{color:#6b7280;margin:0;font-size:1rem}.process-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.5rem;transition:all .2s}.process-modal-close:hover{color:#374151;background:#f3f4f6}.process-modal-body{padding:0 1.5rem 1.5rem}.process-section-title{color:#374151;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.process-current-status{margin-bottom:2rem}.process-status-badge{border:1px solid;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-block}.process-flow-section{margin-bottom:2rem}.process-flow{align-items:center;gap:1rem;padding:1rem 0;display:flex;overflow-x:auto}.process-flow-step{flex-direction:column;align-items:center;gap:.5rem;min-width:120px;display:flex;position:relative}.process-flow-indicator{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.process-flow-completed{color:#fff;background:#10b981;border-color:#10b981}.process-flow-current{color:#fff;background:#6366f1;border-color:#6366f1}.process-flow-next{color:#6b7280;background:#f3f4f6;border-color:#d1d5db}.process-flow-pending{color:#9ca3af;background:#f9fafb;border-color:#e5e7eb}.process-flow-label{text-align:center;color:#6b7280;font-size:.75rem;font-weight:500}.process-flow-label-current{color:#6366f1;font-weight:600}.process-flow-label-completed{color:#10b981;font-weight:600}.process-flow-arrow{background:#e5e7eb;width:1rem;height:2px;position:absolute;top:1rem;right:-.5rem}.process-flow-arrow-completed{background:#10b981}.process-notes-section{margin-bottom:2rem}.process-notes-list{flex-direction:column;gap:1rem;display:flex}.process-note-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.process-note-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.process-note-status{border:1px solid;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.process-note-date{color:#6b7280;font-size:.75rem}.process-note-text{color:#374151;margin:0 0 .5rem;line-height:1.5}.process-note-employee{color:#6b7280;font-size:.75rem;font-style:italic}.process-new-note-section{margin-bottom:1rem}.process-note-input-container{flex-direction:column;gap:1rem;display:flex}.process-note-textarea{resize:vertical;border:2px solid #e5e7eb;border-radius:.5rem;width:100%;min-height:100px;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.process-note-textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.process-note-actions{justify-content:flex-end;display:flex}.process-submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.process-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#5b21b6 0%,#7c3aed 100%);transform:translateY(-1px)}.process-submit-button:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.process-completed-section{text-align:center;padding:2rem}.process-completed-message{flex-direction:column;align-items:center;gap:1rem;display:flex}.process-completed-icon{font-size:3rem}.process-completed-message p{color:#374151;margin:0;font-size:1.125rem}.process-cancel-section{border-top:1px solid #e5e7eb;justify-content:flex-start;margin-top:2rem;padding-top:1.5rem;display:flex}.process-cancel-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;box-shadow:0 2px 4px rgba(239,68,68,.2)}.process-cancel-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(239,68,68,.3)}.process-cancel-button:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-form{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:2rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:#1f2937;margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.login-header p{color:#6b7280;margin:0;font-size:.875rem}.login-form-content{flex-direction:column;gap:1.5rem;display:flex}.login-error{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:.75rem;font-size:.875rem}.login-field{flex-direction:column;gap:.5rem;display:flex}.login-field label{color:#374151;font-size:.875rem;font-weight:500}.login-field input{border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-field input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.login-field input:disabled{cursor:not-allowed;background-color:#f9fafb}.login-submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:.5rem;padding:.875rem;font-size:1rem;font-weight:500;transition:all .2s;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.login-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.login-submit-button:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.user-section{align-items:center;gap:1rem;margin-left:auto;display:flex}.user-info{color:#6b7280;font-size:.875rem;font-weight:500}.logout-button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:.375rem;justify-content:center;align-items:center;width:2rem;height:2rem;padding:.5rem;font-size:1rem;transition:all .2s;display:flex}.logout-button:hover{background:#dc2626;transform:translateY(-1px)}.process-email-section{border-top:1px solid #e5e7eb;margin-top:1rem;padding:1rem 0}.process-email-title{color:#374151;text-align:center;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.process-email-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.process-email-btn{cursor:pointer;border:none;border-radius:.375rem;justify-content:center;align-items:center;gap:.25rem;min-width:100px;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px rgba(0,0,0,.1)}.process-email-info{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.process-email-info:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(59,130,246,.3)}.process-email-followup{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%)}.process-email-followup:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(14,165,233,.3)}.process-email-announcement{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.process-email-announcement:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(245,158,11,.3)}.process-status-tba{color:#6b21a8;background:#f3e8ff;border-color:#c4b5fd}.process-status-succesvol{color:#065f46;background:#d1fae5;border-color:#a7f3d0}.process-status-offerte{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.process-status-deal{color:#166534;background:#dcfce7;border-color:#bbf7d0}.process-status-behandeling{color:#92400e;background:#fef3c7;border-color:#fde68a}.process-status-wachten{color:#9a3412;background:#fed7aa;border-color:#fdba74}.process-status-afgerond,.process-status-default{color:#374151;background:#f3f4f6;border-color:#d1d5db}@media (max-width:768px){.process-modal-overlay{padding:.5rem}.process-modal-content{border-radius:12px;max-width:100%}.process-modal-header{margin-bottom:1rem;padding:1rem 1rem 0}.process-modal-title{font-size:1.25rem}.process-modal-body{padding:0 1rem 1rem}.process-flow{gap:.5rem}.process-flow-step{min-width:80px}.process-flow-indicator{width:1.5rem;height:1.5rem;font-size:.75rem}.process-flow-label{font-size:.625rem}.process-note-textarea{min-height:80px}.process-submit-button,.process-cancel-button{padding:.875rem 1rem;font-size:.875rem}}.dynamic-offerte-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.dynamic-form-header{color:#fff;text-align:center;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);padding:1.5rem}.dynamic-form-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.business-name{opacity:.9;margin:0 0 .5rem;font-size:1rem}.form-description{opacity:.8;margin:0;font-size:.875rem}.dynamic-form-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.dynamic-form-error{text-align:center;color:#dc2626;padding:2rem}.retry-button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:.375rem;margin-top:1rem;padding:.5rem 1rem;font-size:.875rem}.retry-button:hover{background:#5b21b6}.dynamic-form{padding:1.5rem}.dynamic-form-fields{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.dynamic-form-field{flex-direction:column;gap:.5rem;display:flex}.dynamic-form-label{color:#374151;font-size:.875rem;font-weight:500}.required-asterisk{color:#dc2626}.dynamic-form-input,.dynamic-form-text,.dynamic-form-email,.dynamic-form-tel,.dynamic-form-url,.dynamic-form-number,.dynamic-form-date,.dynamic-form-time,.dynamic-form-textarea,.dynamic-form-select{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;padding:.75rem;font-size:1rem;transition:all .2s}.dynamic-form-input:focus,.dynamic-form-text:focus,.dynamic-form-email:focus,.dynamic-form-tel:focus,.dynamic-form-url:focus,.dynamic-form-number:focus,.dynamic-form-date:focus,.dynamic-form-time:focus,.dynamic-form-textarea:focus,.dynamic-form-select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.dynamic-form-textarea{resize:vertical;min-height:100px;font-family:inherit}.dynamic-form-checkbox-container{background:#f9fafb;border:2px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.dynamic-form-checkbox-container:hover{background:#f3f4f6;border-color:#d1d5db}.dynamic-form-checkbox{accent-color:#6366f1;width:1.25rem;height:1.25rem}.dynamic-form-checkbox-label{color:#374151;cursor:pointer;margin:0;font-weight:500}.field-description{color:#6b7280;margin:0;font-size:.75rem;font-style:italic}.dynamic-form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:1rem;padding-top:1.5rem;display:flex}.cancel-button{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.cancel-button:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.save-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;box-shadow:0 2px 4px rgba(99,102,241,.2)}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#5b21b6 0%,#7c3aed 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(99,102,241,.3)}.save-button:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}@media (max-width:768px){.dynamic-form-header{padding:1rem}.dynamic-form-header h2{font-size:1.25rem}.dynamic-form{padding:1rem}.dynamic-form-fields{gap:1rem}.dynamic-form-actions{flex-direction:column}.cancel-button,.save-button{width:100%;padding:1rem}}.business-header-actions{align-items:center;gap:.5rem;display:flex}.offerte-form-button-compact{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;transition:all .2s;display:flex;box-shadow:0 2px 4px rgba(16,185,129,.2)}.offerte-form-button-compact:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(16,185,129,.3)}.offerte-form-button-compact:active{transform:translateY(0)}.offerte-form-row{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;justify-content:center;margin:1rem 0;padding:.5rem 0;display:flex}.offerte-form-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 4px rgba(16,185,129,.2)}.offerte-form-button:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(16,185,129,.3)}.offerte-form-button:active{transform:translateY(0)}.offerte-form-modal{width:800px;max-width:90vw;max-height:90vh;overflow-y:auto}.offerte-form-modal .dynamic-offerte-form{box-shadow:none;border:none;border-radius:0}.modal-overlay{z-index:1000;background:rgba(0,0,0,.5);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;animation:.2s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}@media (max-width:768px){.modal-overlay{padding:.5rem}.offerte-form-modal{width:100%;max-width:100%;max-height:95vh}.offerte-form-button{justify-content:center;width:100%;padding:1rem 1.5rem;font-size:1rem}.offerte-form-button-compact{width:2.25rem;height:2.25rem;font-size:.875rem}.business-header-actions{gap:.375rem}}.offerte-type-modal{width:90%;max-width:800px}.offerte-type-options{grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0;display:grid}.offerte-type-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s}.offerte-type-card:hover{background:#f0f9ff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.15)}.offerte-type-card h4{color:#1f2937;margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.offerte-type-card p{color:#6b7280;margin:0 0 1rem;line-height:1.5}.offerte-type-card ul{color:#4b5563;margin:0 0 1.5rem;padding-left:1.25rem}.offerte-type-card li{margin-bottom:.25rem;font-size:.875rem}.offerte-type-card .btn{cursor:pointer;border:none;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.offerte-type-card .btn-primary{color:#fff;background:#3b82f6}.offerte-type-card .btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.offerte-type-card .btn-secondary{color:#fff;background:#10b981}.offerte-type-card .btn-secondary:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.offerte-type-card .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-footer{text-align:right;border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1rem}.btn-cancel{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:background-color .2s}.btn-cancel:hover:not(:disabled){background:#4b5563}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.offerte-type-options{grid-template-columns:1fr;gap:1rem}.offerte-type-modal{width:95%;max-width:none}.offerte-type-card{padding:1rem}}.beheer-toggle-container{align-items:center;margin-left:1rem;display:flex}.beheer-toggle-label{cursor:pointer;color:var(--text-secondary);align-items:center;font-size:.875rem;transition:color .2s;display:flex}.beheer-toggle-label:hover{color:var(--text-primary)}.beheer-toggle-input{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer;margin-right:.5rem}.beheer-toggle-text{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500}@media (max-width:768px){.beheer-toggle-container{margin-top:.5rem;margin-left:0}.beheer-toggle-text{font-size:.8rem}}.pitch-management-container{background:var(--surface);border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden}.pitch-header{border-bottom:1px solid var(--border);color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:1.5rem}.pitch-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.pitch-description{opacity:.9;margin:0;font-size:.9rem}.pitch-layout{flex:1;display:flex;overflow:hidden}.pitch-sidebar{border-right:1px solid var(--border);background:#f8fafc;flex-direction:column;width:300px;display:flex}.pitch-sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.pitch-sidebar-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.pitch-new-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s}.pitch-new-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.pitch-list{flex:1;padding:.5rem;overflow-y:auto}.pitch-item{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;margin-bottom:.5rem;padding:.75rem;transition:all .2s;position:relative}.pitch-item:hover{border-color:var(--primary);box-shadow:var(--shadow)}.pitch-item.active{border-color:var(--primary);box-shadow:var(--shadow);background:#f0f4ff}.pitch-item.active-pitch{background:#f0fdf4;border-color:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.1)}.pitch-item-content{flex:1;padding-right:2rem}.pitch-item-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.25rem;font-weight:600;display:flex}.active-indicator{color:#10b981;background:rgba(16,185,129,.1);border-radius:4px;padding:.2rem .4rem;font-size:.7rem;font-weight:500}.pitch-item-meta{color:var(--text-secondary);font-size:.8rem}.pitch-item-actions{gap:.25rem;display:flex;position:absolute;top:.5rem;right:.5rem}.pitch-set-active-button{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1rem;transition:background-color .2s}.pitch-set-active-button:hover{background:rgba(16,185,129,.1)}.pitch-delete-button{cursor:pointer;opacity:.5;background:0 0;border:none;font-size:.8rem;transition:opacity .2s}.pitch-delete-button:hover{opacity:1}.pitch-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.pitch-editor{flex-direction:column;height:100%;display:flex}.pitch-editor-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.pitch-editor-title{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:600}.pitch-editor-actions{gap:.5rem;display:flex}.pitch-edit-button,.pitch-save-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.pitch-edit-button:hover,.pitch-save-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.pitch-cancel-button{background:var(--error);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.pitch-cancel-button:hover{background:#dc2626;transform:translateY(-1px)}.pitch-save-actions{gap:.5rem;display:flex}.pitch-form{flex:1;padding:1.5rem;overflow-y:auto}.pitch-field{margin-bottom:1.5rem}.pitch-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.pitch-input{border:1px solid var(--border);border-radius:6px;width:100%;padding:.75rem;font-size:.9rem;transition:border-color .2s}.pitch-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.pitch-input:disabled{color:var(--text-secondary);background:#f8fafc}.pitch-textarea{border:1px solid var(--border);resize:vertical;border-radius:6px;width:100%;min-height:120px;padding:.75rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.pitch-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.pitch-textarea:disabled{color:var(--text-secondary);background:#f8fafc}.objections-list{margin-bottom:1rem}.objection-item{border:1px solid var(--border);background:#f8fafc;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;display:flex}.objection-content{color:var(--text-primary);flex:1;font-size:.9rem}.objection-remove-button{cursor:pointer;opacity:.5;background:0 0;border:none;margin-left:.5rem;font-size:.8rem;transition:opacity .2s}.objection-remove-button:hover{opacity:1}.objection-add{gap:.5rem;display:flex}.objection-add-button{background:var(--success);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.objection-add-button:hover{background:#059669;transform:translateY(-1px)}.pitch-empty{text-align:center;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.pitch-empty-icon{margin-bottom:1rem;font-size:3rem}.pitch-empty-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.pitch-empty-description{max-width:400px;margin:0;font-size:.9rem}@media (max-width:768px){.pitch-layout{flex-direction:column}.pitch-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;height:200px}.pitch-list{padding:.5rem;display:flex;overflow-x:auto;overflow-y:hidden}.pitch-item{min-width:200px;margin-bottom:0;margin-right:.5rem}.pitch-form{padding:1rem}.objection-add{flex-direction:column}.objection-add-button{width:100%}}.pitch-display-row{border:1px solid var(--border);background:#f8fafc;border-radius:8px;margin:.5rem 0;overflow:hidden}.pitch-display-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.pitch-display-label{font-size:.9rem;font-weight:600}.pitch-display-controls{align-items:center;gap:.5rem;display:flex}.pitch-selector{border:1px solid var(--border);color:var(--text-primary);background:#fff;border-radius:4px;min-width:120px;padding:.25rem .5rem;font-size:.8rem}.pitch-toggle-button{color:#fff;cursor:pointer;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:.25rem .5rem;font-size:.8rem;transition:all .2s}.pitch-toggle-button:hover{background:rgba(255,255,255,.3);transform:translateY(-1px)}.pitch-display-content{background:#fff;padding:1rem}.pitch-content{margin-bottom:1rem}.pitch-title{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:600}.pitch-text{color:var(--text-secondary);border-left:3px solid var(--primary);background:#f8fafc;border-radius:6px;padding:.75rem;font-size:.85rem;line-height:1.5}.objections-content{border-top:1px solid var(--border);padding-top:1rem}.objections-title{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:600}.objection-item{color:var(--text-secondary);background:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;padding:.5rem .75rem;font-size:.8rem}@media (max-width:768px){.pitch-display-header{flex-direction:column;align-items:flex-start;gap:.5rem}.pitch-display-controls{justify-content:space-between;width:100%}.pitch-selector{flex:1;min-width:0}.pitch-display-content{padding:.75rem}.pitch-text{padding:.5rem;font-size:.8rem}.objection-item{padding:.4rem .6rem;font-size:.75rem}}.ultra-compact-container{flex-direction:column;gap:.5rem;height:100%;padding:.5rem;display:flex;overflow:hidden}.sheet-filter{border:1px solid var(--border);background:#f8fafc;border-radius:4px;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.7rem;display:flex}.sheet-select{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:3px;outline:none;min-width:120px;padding:.2rem .4rem;font-size:.7rem}.sheet-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(99,102,241,.1)}.sheet-select option{color:var(--text-primary);background:#fff}.integrated-filter{border:1px solid var(--border);background:#f8fafc;border-radius:4px;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.7rem;display:flex}.filter-text{color:var(--text-secondary);font-weight:500}.mini-toggle{width:2rem;height:1rem;display:inline-block;position:relative}.mini-toggle input{opacity:0;width:0;height:0}.mini-slider{cursor:pointer;background-color:#ccc;border-radius:1rem;transition:all .4s;position:absolute;top:0;bottom:0;left:0;right:0}.mini-slider:before{content:"";background-color:#fff;border-radius:50%;width:.8rem;height:.8rem;transition:all .4s;position:absolute;bottom:.1rem;left:.1rem}.mini-toggle input:checked+.mini-slider{background-color:var(--primary)}.mini-toggle input:checked+.mini-slider:before{transform:translate(1rem)}.ultra-compact-card{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex;overflow:hidden}.compact-business-info{flex-direction:column;gap:.15rem;width:100%;display:flex}.business-row-1,.business-row-2{flex-wrap:wrap;align-items:center;gap:.6rem;width:100%;display:flex}.company-info-compact{flex:1;min-width:150px}.company-name-compact{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .08rem;font-size:.85rem;font-weight:700;line-height:1;overflow:hidden}.company-badges-compact{align-items:center;gap:.2rem;display:flex}.category-badge-compact{background:var(--primary);color:#fff;border-radius:2px;padding:.05rem .2rem;font-size:.6rem;font-weight:500}.sheet-badge-compact{color:#166534;white-space:nowrap;background:#f0fdf4;border-radius:2px;padding:.05rem .2rem;font-size:.6rem;font-weight:500}.calls-count-compact{color:var(--text-secondary);white-space:nowrap;background:#f1f5f9;border-radius:2px;padding:.05rem .2rem;font-size:.6rem;font-weight:500}.contact-info-compact{flex:1;align-items:center;gap:.4rem;min-width:200px;display:flex}.contact-item-compact{white-space:nowrap;align-items:center;gap:.1rem;font-size:.7rem;display:flex}.actions-compact{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.website-info-compact{white-space:nowrap;flex:1;align-items:center;gap:.15rem;min-width:150px;font-size:.7rem;display:flex}.location-info-compact{flex:1;align-items:center;gap:.6rem;min-width:150px;display:flex}.location-item-compact{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.15rem;font-size:.65rem;display:flex}.offerte-indicator{font-size:1rem}.call-history-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:4px;margin-right:.25rem;padding:.25rem .5rem;font-size:.8rem;transition:all .2s}.call-history-btn:hover{background:#2563eb;transform:translateY(-1px)}.offerte-btn{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;transition:all .2s}.offerte-btn:hover{background:#059669;transform:translateY(-1px)}.contact-icon{font-size:.7rem}.contact-link{color:var(--primary);font-weight:500;text-decoration:none}.contact-link:hover{text-decoration:underline}.location-icon{font-size:.7rem}.location-text{font-weight:500}.history-row{align-items:center;gap:.5rem;font-size:.75rem;display:flex}.history-label{font-size:.7rem}.history-badges{flex-wrap:wrap;gap:.25rem;display:flex}.history-badge{white-space:nowrap;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:500}.badge-no-answer{color:#92400e;background:#fef3c7}.badge-not-relevant{color:#991b1b;background:#fee2e2}.badge-no-interest{color:#7c3aed;background:#f3e8ff}.badge-success{color:#065f46;background:#d1fae5}.badge-tba{color:#1e40af;background:#dbeafe}.notes-row-compact{color:var(--text-secondary);border-top:1px solid var(--border);align-items:flex-start;gap:.4rem;max-height:40px;margin-top:.1rem;padding-top:.2rem;font-size:.65rem;display:flex;overflow:hidden}.notes-icon{margin-top:.1rem;font-size:.6rem}.notes-text-compact{text-overflow:ellipsis;-webkit-line-clamp:2;white-space:pre-wrap;word-wrap:break-word;-webkit-box-orient:vertical;flex:1;font-weight:500;line-height:1.1;display:-webkit-box;overflow:hidden}.notes-text-compact strong,.notes-text-compact b{color:var(--text-primary);font-weight:700}.notes-text-compact em,.notes-text-compact i{color:var(--text-secondary);font-style:italic}.notes-text-compact u{text-decoration:underline}.notes-text-compact br{line-height:1.3}.notes-text-compact p{margin:.2rem 0}.notes-text-compact ul,.notes-text-compact ol{margin:.2rem 0;padding-left:.8rem}.notes-text-compact li{margin:.1rem 0}.pitch-objections-grid{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:.75rem;height:calc(100vh - 400px);min-height:300px;max-height:500px;margin-top:.5rem;padding-top:.5rem;display:grid}.pitch-section{border:1px solid var(--border);background:#f8fafc;border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.pitch-header{background:var(--primary);color:#fff;align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.75rem;font-weight:600;display:flex}.active-pitch-badge{color:#fbbf24;background:rgba(251,191,36,.2);border-radius:3px;margin-left:auto;padding:.15rem .3rem;font-size:.6rem;font-weight:500}.pitch-icon{font-size:.7rem}.pitch-label{font-weight:600}.pitch-content-scrollable{flex:1;padding:.6rem;overflow-y:auto}.pitch-text{color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;font-size:.7rem;line-height:1.4}.pitch-text strong,.pitch-text b{color:var(--text-primary);font-weight:700}.pitch-text em,.pitch-text i{color:var(--text-secondary);font-style:italic}.pitch-text u{text-decoration:underline}.pitch-text br{line-height:1.6}.pitch-text p{margin:.3rem 0}.pitch-text ul,.pitch-text ol{margin:.3rem 0;padding-left:1rem}.pitch-text li{margin:.1rem 0}.objections-section{border:1px solid var(--border);background:#f8fafc;border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.objections-header{color:#fff;background:#f59e0b;align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.75rem;font-weight:600;display:flex}.objections-icon{font-size:.7rem}.objections-label{font-weight:600}.objections-content-scrollable{flex:1;padding:.6rem;overflow-y:auto}.objections-list{flex-direction:column;gap:.5rem;display:flex}.objection-item{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:.4rem;font-size:.65rem}.objection-question{margin-bottom:.3rem}.question-label{color:#dc2626;margin-right:.3rem;font-weight:600}.question-text{color:var(--text-primary);font-style:italic}.objection-answer{margin-top:.3rem}.answer-label{color:#059669;margin-right:.3rem;font-weight:600}.answer-text{color:var(--text-primary)}.no-objections{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.7rem;font-style:italic;display:flex}.ultra-compact-controls{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.status-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.status-btn{border:1px solid var(--border);cursor:pointer;text-align:center;white-space:nowrap;border-radius:6px;padding:.4rem .5rem;font-size:.75rem;font-weight:500;transition:all .2s}.status-btn:hover,.status-btn.selected{box-shadow:var(--shadow);transform:translateY(-1px)}.status-btn.no-answer{color:#92400e;background:#fef3c7;border-color:#f59e0b}.status-btn.no-answer.selected{color:#fff;background:#f59e0b}.status-btn.not-relevant{color:#991b1b;background:#fee2e2;border-color:#ef4444}.status-btn.not-relevant.selected{color:#fff;background:#ef4444}.status-btn.no-interest{color:#7c3aed;background:#f3e8ff;border-color:#8b5cf6}.status-btn.no-interest.selected{color:#fff;background:#8b5cf6}.status-btn.not-target{color:#3730a3;background:#e0e7ff;border-color:#6366f1}.status-btn.not-target.selected{color:#fff;background:#6366f1}.status-btn.tba{color:#1e40af;background:#dbeafe;border-color:#3b82f6}.status-btn.tba.selected{color:#fff;background:#3b82f6}.status-btn.success{color:#065f46;background:#d1fae5;border-color:#10b981}.status-btn.success.selected{color:#fff;background:#10b981}.status-btn.offerte-gestart{color:#92400e;background:#fef3c7;border-color:#eab308}.status-btn.offerte-gestart.selected{color:#fff;background:#eab308}.status-btn.offerte-ontvangen{color:#1e40af;background:#dbeafe;border-color:#3b82f6}.status-btn.offerte-ontvangen.selected{color:#fff;background:#3b82f6}.status-btn.offerte-verzonden{color:#9a3412;background:#ffedd5;border-color:#f97316}.status-btn.offerte-verzonden.selected{color:#fff;background:#f97316}.status-btn.deal{color:#065f46;background:#d1fae5;border-color:#10b981;font-weight:700}.status-btn.deal.selected{color:#fff;background:#10b981;font-weight:700;box-shadow:0 0 20px rgba(16,185,129,.4)}.vervolgafspraak-section{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:2px solid #3b82f6;border-radius:12px;margin:.5rem 0;padding:1rem}.vervolgafspraak-toggle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.vervolgafspraak-toggle input[type=checkbox]{cursor:pointer;width:20px;height:20px}.vervolgafspraak-label{color:#1e40af;font-size:.9rem;font-weight:600}.vervolgafspraak-fields{border-top:1px solid rgba(59,130,246,.2);grid-template-columns:auto auto 1fr;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:grid}.vervolgafspraak-input{background:#fff;border:1px solid #3b82f6;border-radius:6px;padding:.5rem;font-size:.85rem}.vervolgafspraak-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.input-row{align-items:center;gap:.4rem;display:flex}.mini-input{border:1px solid var(--border);border-radius:4px;flex:1;padding:.4rem .5rem;font-size:.75rem;transition:border-color .2s}.mini-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px rgba(99,102,241,.1)}.notes-input{resize:none;white-space:pre-wrap;word-wrap:break-word;border:1px solid var(--border);min-height:20px;max-height:20px;color:var(--text-primary);background:#fff;border-radius:4px;outline:none;flex:2;padding:.4rem .5rem;font-size:.75rem;transition:all .3s;overflow:hidden}.notes-input:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none;font-size:.7rem;line-height:1.2}.notes-input:focus{resize:vertical;min-height:200px;max-height:300px}.notes-input:focus:before{display:none}.submit-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:.4rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.submit-btn.enabled{background:var(--success);color:#fff}.submit-btn.enabled:hover{background:#059669;transform:translateY(-1px)}.submit-btn.disabled{color:#6b7280;cursor:not-allowed;background:#e5e7eb}.bottom-info{color:var(--text-secondary);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:.5rem;font-size:.7rem;display:flex}.current-info{color:var(--text-primary);font-weight:500}.count-info{font-weight:500}@media (max-width:768px){.ultra-compact-container{gap:.25rem;padding:.25rem}.ultra-compact-card{padding:.5rem}.business-row-1,.business-row-2{flex-direction:column;align-items:flex-start;gap:.4rem}.company-info-compact{width:100%;min-width:auto}.company-name-compact{white-space:normal;font-size:.8rem}.contact-info-compact{flex-direction:column;align-items:flex-start;gap:.3rem;width:100%;min-width:auto}.website-info-compact{width:100%;min-width:auto}.location-info-compact{flex-direction:column;align-items:flex-start;gap:.3rem;width:100%;min-width:auto}.actions-compact{justify-content:flex-end;width:100%}.integrated-filter{padding:.15rem .3rem;font-size:.6rem}.pitch-objections-grid{grid-template-columns:1fr;gap:.5rem;height:calc(100vh - 300px);min-height:250px;max-height:400px}.pitch-section,.objections-section{height:200px}.status-grid{grid-template-columns:repeat(2,1fr)}.input-row{flex-direction:column;gap:.25rem}.mini-input,.submit-btn{width:100%}}.objection-input-group{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.objection-question-input{border:1px solid var(--border);background:#fef3c7;border-color:#f59e0b;border-radius:6px;padding:.6rem;font-size:.9rem}.objection-question-input:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 2px rgba(245,158,11,.1)}.objection-answer-input{border:1px solid var(--border);resize:vertical;background:#d1fae5;border-color:#10b981;border-radius:6px;min-height:80px;padding:.6rem;font-size:.9rem}.objection-answer-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 2px rgba(16,185,129,.1)}.objection-item{border:1px solid var(--border);background:#fff;border-radius:8px;margin-bottom:.75rem;padding:.75rem;position:relative}.objection-question{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;margin-bottom:.5rem;padding:.5rem}.objection-answer{background:#d1fae5;border-left:3px solid #10b981;border-radius:4px;padding:.5rem}.objection-label{margin-right:.5rem;font-size:.8rem;font-weight:600}.objection-question .objection-label{color:#92400e}.objection-answer .objection-label{color:#065f46}.objection-text{white-space:pre-wrap;word-wrap:break-word;font-size:.9rem;line-height:1.4}.objection-text strong,.objection-text b{font-weight:700}.objection-text em,.objection-text i{font-style:italic}.objection-text u{text-decoration:underline}.objection-text br{line-height:1.6}.objection-text p{margin:.2rem 0}.objection-text ul,.objection-text ol{margin:.2rem 0;padding-left:.8rem}.objection-text li{margin:.1rem 0}.objection-remove-button{cursor:pointer;background:#fee2e2;border:1px solid #ef4444;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;transition:all .2s;position:absolute;top:.5rem;right:.5rem}.objection-remove-button:hover{color:#fff;background:#ef4444}.objection-add-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-start;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.objection-add-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.objection-add-button:disabled{color:#6b7280;cursor:not-allowed;background:#e5e7eb;transform:none}.pitch-content-display{border:1px solid var(--border);min-height:200px;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;background:#f8fafc;border-radius:6px;padding:.75rem;font-size:.9rem;line-height:1.5}.pitch-content-display strong,.pitch-content-display b{color:var(--text-primary);font-weight:700}.pitch-content-display em,.pitch-content-display i{color:var(--text-secondary);font-style:italic}.pitch-content-display u{text-decoration:underline}.pitch-content-display br{line-height:1.8}.pitch-content-display p{margin:.4rem 0}.pitch-content-display ul,.pitch-content-display ol{margin:.4rem 0;padding-left:1.2rem}.pitch-content-display li{margin:.2rem 0}.modal-overlay{z-index:1000;background:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.call-history-modal{background:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.2)}.modal-header{border-bottom:1px solid var(--border);background:#f8fafc;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-header h3{color:var(--text-primary);margin:0;font-size:1.1rem}.modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.2rem;transition:all .2s}.modal-close:hover{color:#374151;background:#e5e7eb}.modal-body{flex:1;padding:1rem 1.5rem;overflow-y:auto}.call-history-list{flex-direction:column;gap:1rem;display:flex}.call-history-item{border:1px solid var(--border);background:#f9fafb;border-radius:6px;padding:1rem}.call-info{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.call-date{color:var(--text-secondary);font-size:.9rem;font-weight:500}.call-status{border-radius:4px;padding:.25rem .5rem;font-size:.8rem;font-weight:600}.call-status.geen_antwoord{color:#92400e;background:#fef3c7}.call-status.niet_relevant{color:#991b1b;background:#fee2e2}.call-status.geen_interesse{color:#374151;background:#f3f4f6}.call-status.succesvol_gesprek{color:#065f46;background:#d1fae5}.call-status.TBA{color:#1e40af;background:#dbeafe}.call-status.offerte_ontvangen{color:#3730a3;background:#e0e7ff}.call-status.deal{color:#166534;background:#dcfce7}.call-status.in_behandeling{color:#92400e;background:#fef3c7}.call-status.wachten_op_beoordeling{color:#be185d;background:#fce7f3}.call-status.afgerond{color:#065f46;background:#d1fae5}.call-notes,.call-tba{color:var(--text-secondary);margin-top:.5rem;font-size:.85rem}.call-notes strong,.call-tba strong{color:var(--text-primary)}.no-call-history{text-align:center;color:var(--text-secondary);padding:2rem}.no-call-history p{margin:.5rem 0}.modal-footer{border-top:1px solid var(--border);background:#f8fafc;justify-content:flex-end;padding:1rem 1.5rem;display:flex}.btn-secondary{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.btn-secondary:hover{background:#4b5563;transform:translateY(-1px)}.rich-text-editor{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden}.rich-text-toolbar{border-bottom:1px solid var(--border);background:#f8fafc;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem;display:flex}.toolbar-group{border-right:1px solid #e5e7eb;align-items:center;gap:.25rem;padding-right:.75rem;display:flex}.toolbar-group:last-child{border-right:none;padding-right:0}.toolbar-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:.4rem .6rem;font-size:.8rem;transition:all .2s;display:flex}.toolbar-btn:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.toolbar-btn:active{background:#e5e7eb;transform:translateY(0)}.toolbar-btn strong,.toolbar-btn em,.toolbar-btn u{font-style:italic;font-weight:700;text-decoration:underline}.rich-text-content{min-height:400px;max-height:600px;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;outline:none;padding:1rem;font-size:.95rem;line-height:1.6;overflow-y:auto}.rich-text-content:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none;font-style:italic}.rich-text-content:focus{background:#fefefe}.rich-text-content strong,.rich-text-content b{color:var(--text-primary);font-weight:700}.rich-text-content em,.rich-text-content i{color:var(--text-secondary);font-style:italic}.rich-text-content u{text-decoration:underline}.rich-text-content br{line-height:1.8}.rich-text-content p{margin:.5rem 0}.rich-text-content ul,.rich-text-content ol{margin:.5rem 0;padding-left:1.5rem}.rich-text-content li{margin:.25rem 0}.rich-text-content h1,.rich-text-content h2,.rich-text-content h3,.rich-text-content h4,.rich-text-content h5,.rich-text-content h6{color:var(--text-primary);margin:.75rem 0 .5rem;font-weight:600}.rich-text-content h1{font-size:1.5rem}.rich-text-content h2{font-size:1.3rem}.rich-text-content h3{font-size:1.1rem}@media (max-width:768px){.rich-text-toolbar{gap:.25rem;padding:.5rem}.toolbar-group{padding-right:.5rem}.toolbar-btn{min-width:28px;height:28px;padding:.3rem .4rem;font-size:.7rem}.rich-text-content{min-height:300px;max-height:500px;padding:.75rem;font-size:.9rem}}.offerte-container{background:var(--surface);border-radius:12px;flex-direction:column;height:100%;padding:1.5rem;display:flex;overflow-y:auto}.offerte-header{text-align:center;margin-bottom:2rem}.offerte-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.offerte-description{color:var(--text-secondary);margin:0;font-size:1rem}.offerte-layout{flex-direction:column;gap:2rem;width:100%;max-width:1000px;margin:0 auto;display:flex}.business-selection{border:1px solid var(--border);background:#fff;border-radius:8px;padding:1.5rem}.section-title{color:var(--text-primary);margin:0 0 1rem;font-size:1.2rem;font-weight:600}.subsection-title{color:var(--text-primary);margin:1rem 0 .5rem;font-size:1rem;font-weight:600}.option-label{color:var(--text-primary);cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.business-select,.contact-select,.leads-select{border:1px solid var(--border);background:#fff;border-radius:4px;margin-left:1.5rem;padding:.5rem;font-size:.9rem;transition:border-color .2s}.business-select:focus,.contact-select:focus,.leads-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.leads-selection{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.checkbox-label{border:1px solid var(--border);cursor:pointer;background:#f8fafc;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem;font-size:.9rem;transition:all .2s;display:flex}.checkbox-label:hover{background:#e2e8f0;border-color:#cbd5e1}.checkbox-label input[type=checkbox]{cursor:pointer;margin:0}.checkbox-label input[type=checkbox]:checked+span{color:var(--primary);font-weight:600}.form-section{border:1px solid var(--border);background:#fff;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.section-title{color:var(--text);border-bottom:2px solid var(--primary);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600;display:flex}.subsection-title{color:var(--text);margin-bottom:.75rem;font-size:1rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--border);background:#fff;border-radius:6px;padding:.75rem;font-size:.9rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.offerte-layout{grid-template-columns:1fr 2fr;gap:2rem;margin-top:1.5rem;display:grid}.business-selection{border:1px solid var(--border);background:#fff;border-radius:8px;height:-moz-fit-content;height:fit-content;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.selection-options{flex-direction:column;gap:1rem;display:flex}.option-group{flex-direction:column;gap:.5rem;display:flex}.option-label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.option-label input[type=radio]{margin:0}.business-select,.leads-select{border:1px solid var(--border);background:#fff;border-radius:6px;width:100%;padding:.75rem;font-size:.9rem}.total-section{border:1px solid var(--border);background:#f8fafc;border-radius:8px;margin:1rem 0;padding:1rem}.total-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.total-row:last-child{color:var(--primary);border-bottom:none;font-size:1.1rem;font-weight:600}.total-label{font-weight:500}.total-amount{color:var(--text);font-weight:600}.form-actions{border-top:2px solid var(--border);justify-content:center;margin-top:2rem;padding-top:1.5rem;display:flex}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}.info-tooltip-container{display:inline-block;position:relative}.info-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:.25rem;padding:.125rem;font-size:.9rem;transition:all .2s;display:inline-flex}.info-button:hover{color:#374151;background:#f3f4f6;transform:scale(1.1)}.info-tooltip{z-index:1000;opacity:1;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:300px;max-width:400px;margin-top:.5rem;padding:0;animation:.2s fadeIn;position:absolute;top:100%;left:0;box-shadow:0 10px 25px rgba(0,0,0,.15)}.info-tooltip-content{color:#374151;background:#fff;border-radius:8px;padding:1rem;font-size:.875rem;line-height:1.5}.info-tooltip:before{content:"";background:#fff;border:none;border-top:1px solid #d1d5db;border-left:1px solid #d1d5db;width:12px;height:12px;position:absolute;top:-6px;left:20px;transform:rotate(45deg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-label{align-items:center;gap:.25rem;display:flex}@media (max-width:768px){.offerte-layout{grid-template-columns:1fr;gap:1rem}.form-row{grid-template-columns:1fr;gap:.75rem}.checkbox-grid{grid-template-columns:1fr}.form-section,.business-selection{padding:1rem}.info-tooltip{min-width:250px;max-width:300px}.info-tooltip-content{padding:.75rem;font-size:.8rem}}.offerte-form{flex-direction:column;gap:1.5rem;display:flex}.form-section{border:1px solid var(--border);background:#fff;border-radius:8px;padding:1.5rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-group{flex-direction:column;gap:.25rem;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-input,.form-textarea,.form-select{border:1px solid var(--border);background:#fff;border-radius:4px;padding:.5rem;font-size:.9rem;transition:border-color .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.form-textarea{resize:vertical;min-height:80px}.offerte-item{border:1px solid var(--border);background:#f8fafc;border-radius:6px;margin-bottom:1rem;padding:1rem}.item-row{grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:end;gap:.75rem;display:grid}.item-description{grid-column:1}.item-quantity{grid-column:2}.item-price{grid-column:3}.item-tax{grid-column:4}.remove-item-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:.5rem;transition:background-color .2s;display:flex}.remove-item-btn:hover{background:#dc2626}.add-item-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;width:-moz-fit-content;width:fit-content;padding:.75rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.add-item-btn:hover{background:#2563eb;transform:translateY(-1px)}.total-section{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:1rem}.total-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.total-row:last-child{border-top:1px solid #0ea5e9;margin-bottom:0;padding-top:.5rem;font-size:1.1rem;font-weight:700}.total-label{color:var(--text-primary);font-size:.9rem}.total-amount{color:#0ea5e9;font-size:.9rem;font-weight:600}.form-actions{border-top:1px solid var(--border);justify-content:center;padding-top:1rem;display:flex}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.alert{border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}@media (max-width:768px){.offerte-container{padding:1rem}.form-row{grid-template-columns:1fr}.item-row{grid-template-columns:1fr;gap:.5rem}.item-description,.item-quantity,.item-price,.item-tax{grid-column:1}.form-actions{flex-direction:column}.btn-primary{justify-content:center;width:100%}}.email-template-buttons{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.email-template-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:150px;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 12px rgba(0,0,0,.15)}.information-btn{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.information-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-2px);box-shadow:0 8px 20px rgba(59,130,246,.4)}.followup-btn{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%)}.followup-btn:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);transform:translateY(-2px);box-shadow:0 8px 20px rgba(14,165,233,.4)}.announcement-btn{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.announcement-btn:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-2px);box-shadow:0 8px 20px rgba(245,158,11,.4)}.actions-compact .email-template-btn{border:2px solid transparent;border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;min-width:auto;height:40px;margin-left:8px;padding:8px;font-size:16px;transition:all .2s;display:flex}.actions-compact .email-template-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.actions-compact .information-btn{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.actions-compact .information-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);border-color:#1e40af}.actions-compact .followup-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.actions-compact .followup-btn:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);border-color:#047857}.actions-compact .announcement-btn{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.actions-compact .announcement-btn:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border-color:#b45309}.reshuffle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);border:2px solid transparent;border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;min-width:auto;height:40px;margin-left:8px;padding:8px;font-size:16px;transition:all .2s;display:flex}.reshuffle-btn:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(14,165,233,.4)}@media (max-width:768px){.email-template-buttons{flex-direction:column}.email-template-btn{min-width:auto}.actions-compact .email-template-btn,.reshuffle-btn{width:36px;height:36px;margin-left:6px;font-size:14px}}.email-viewer-overlay{z-index:2000;background:rgba(0,0,0,.5);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.email-viewer-container{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.15)}.email-viewer-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px 24px}.email-viewer-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.email-viewer-title h2{color:#1e293b;flex:1;margin:0;font-size:20px;font-weight:600;line-height:1.4}.email-viewer-actions{align-items:center;gap:12px;display:flex}.email-read-toggle{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;transition:background-color .2s;display:flex}.email-read-toggle:hover{background-color:#e2e8f0}.email-read-toggle input[type=checkbox]{width:16px;height:16px;margin:0}.read-label{color:#475569;font-size:14px;font-weight:500}.email-viewer-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;font-size:20px;transition:all .2s;display:flex}.email-viewer-close:hover{color:#1e293b;background-color:#e2e8f0}.email-viewer-content{flex:1;padding:24px;overflow-y:auto}.email-meta{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:20px}.email-meta-row{gap:24px;margin-bottom:12px;display:flex}.email-meta-row:last-child{margin-bottom:0}.email-meta-item{flex-direction:column;flex:1;gap:4px;display:flex}.email-meta-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.email-meta-value{color:#1e293b;word-break:break-word;font-size:14px}.email-status-badge{color:#fff;text-transform:capitalize;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.email-content{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.email-content-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 20px}.email-content-header h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}.email-content-body{min-height:200px;padding:20px}.email-html-content{color:#374151;line-height:1.6}.email-html-content h1,.email-html-content h2,.email-html-content h3{color:#1e293b;margin-top:0}.email-html-content p{margin-bottom:16px}.email-html-content a{color:#3b82f6;text-decoration:none}.email-html-content a:hover{text-decoration:underline}.email-text-content{color:#374151;white-space:pre-wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.email-actions{border-top:1px solid #e2e8f0;gap:12px;margin-top:24px;padding-top:24px;display:flex}.email-action-btn{cursor:pointer;border:1px solid transparent;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.email-action-btn.primary{color:#fff;background:#3b82f6;border-color:#3b82f6}.email-action-btn.primary:hover{background:#2563eb;border-color:#2563eb}.email-action-btn.secondary{color:#374151;background:#fff;border-color:#d1d5db}.email-action-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af}.email-action-btn.danger{color:#dc2626;background:#fff;border-color:#fca5a5}.email-action-btn.danger:hover{background:#fef2f2;border-color:#f87171}@media (max-width:768px){.email-viewer-overlay{padding:10px}.email-viewer-container{max-height:95vh}.email-viewer-title{flex-direction:column;align-items:stretch;gap:12px}.email-viewer-actions{justify-content:space-between}.email-meta-row{flex-direction:column;gap:12px}.email-actions{flex-direction:column}}.email-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;margin-bottom:16px;animation:1s linear infinite spin}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}