@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,::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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.visible{visibility:visible}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.inline{display:inline}.inline-flex{display:inline-flex}.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}: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:#0000}.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}.object-cover{object-fit:cover}.break-all{word-break:break-all}.text-transparent{color:#0000}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.mix-blend-overlay{mix-blend-mode:overlay}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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)}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-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,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{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:#1a1a1a;--unicorn-primary-rgb:26,26,26;--unicorn-secondary:#2a2a2a;--unicorn-accent:#eab308;--unicorn-success:#eab308;--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:#000000d9;--glass-bg-light:#000c;--glass-bg-dark:#000000f2;--glass-border:#eab30866;--glass-shadow:0 8px 32px 0 #00000080;--glass-shadow-lg:0 16px 48px 0 #0009;--glow-primary:0 0 20px #eab30866,0 0 40px #eab30833;--glow-accent:0 0 20px #eab30866,0 0 40px #eab30833;--glow-success:0 0 20px #eab30866,0 0 40px #eab30833;--text-primary:#fff;--text-secondary:#fff;--text-muted:#fff;--text-dark:#fff;--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{width:100vw;height:100vh;color:var(--text-primary);background:0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;position:fixed;top:0;left:0;overflow:hidden}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#__next{background:0 0;width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar-thumb{background:var(--glass-bg-light);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.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 #0003}.glow-primary{box-shadow:var(--glow-primary);transition:box-shadow var(--transition-base)}.glow-primary:hover{box-shadow:0 0 30px #eab30899,0 0 60px #eab3084d}.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 #eab30866}50%{box-shadow:0 0 40px #eab308cc}}@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,#0000,#fff3,#0000);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{color:#fff;box-shadow:var(--glow-primary);background:#1a1a1a;border:1px solid #eab30899}.btn-primary-tech:hover{background:#2a2a2a;border-color:#eab308e6;box-shadow:0 0 30px #eab30899}.btn-accent-tech{color:#fff;box-shadow:var(--glow-accent);background:#2a2a2a;border:1px solid #eab30899}.btn-accent-tech:hover{background:#3a3a3a;border-color:#eab308e6}.btn-success-tech{color:#fff;box-shadow:var(--glow-success);background:#1a1a1a;border:1px solid #eab308cc}.btn-success-tech:hover{background:#2a2a2a;border-color:#eab308}.btn-glass{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2a2a2a;border:1px solid #eab30899}.btn-glass:hover{background:#3a3a3a;border-color:#eab308e6}.card-tech{-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);background:linear-gradient(135deg,#eab3080d 0%,#2a2a2a4d 50%,#eab3080d 100%);position:relative}.card-tech:after{content:"";border-radius:var(--radius-lg);pointer-events:none;z-index:0;background:linear-gradient(135deg,#eab30814 0%,#1a1a1a66 50%,#eab30814 100%);position:absolute;inset:0}.card-tech>*{z-index:1;position:relative}.card-tech:hover{box-shadow:var(--glass-shadow-lg);border-color:#ffffff4d;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:#ffffff1a;border-color:#eab308cc;outline:none;box-shadow:0 0 20px #eab3084d}.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:#eab30833;border-color:#eab30899}.badge-success{background:linear-gradient(135deg,#43e97b33,#38f9d733);border-color:#43e97b66}.badge-warning{background:linear-gradient(135deg,#fa709a33,#fee14033);border-color:#fa709a66}.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:#000000f2;border:1px solid #ffffff1a;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 #0006}.tech-tooltip:hover:before{content:"";z-index:var(--z-tooltip);pointer-events:none;border:6px solid #0000;border-top-color:#000000f2;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{color:#fff}.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: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:linear-gradient(135deg,#eab3080d 0%,#2a2a2a4d 50%,#eab3080d 100%);flex-direction:column;display:flex;position:relative;overflow-y:auto}.tech-tab-wrapper:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#eab30814 0%,#1a1a1a66 50%,#eab30814 100%);position:absolute;inset:0}.tech-tab-wrapper>*{z-index:1;position:relative}.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{color:#fff;margin:0;font-size:1.5rem;font-weight:800}.tech-tab-content{gap:var(--spacing-md);border-radius:var(--radius-md);min-height:0;padding:var(--spacing-md);background:linear-gradient(135deg,#eab30808 0%,#2a2a2a33 50%,#eab30808 100%);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.tech-tab-content:before{content:"";border-radius:var(--radius-md);pointer-events:none;z-index:0;background:linear-gradient(135deg,#eab3080d 0%,#1a1a1a4d 50%,#eab3080d 100%);position:absolute;inset:0}.tech-tab-content>*{z-index:1;position:relative}.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);border-radius:var(--radius-md);padding:var(--spacing-sm);background:linear-gradient(135deg,#eab30808 0%,#2a2a2a33 50%,#eab30808 100%);flex-direction:column;display:flex;position:relative}.tech-list:before{content:"";border-radius:var(--radius-md);pointer-events:none;z-index:0;background:linear-gradient(135deg,#eab3080d 0%,#1a1a1a4d 50%,#eab3080d 100%);position:absolute;inset:0}.tech-list>*{z-index:1;position:relative}.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:#fff3;border-color:#ffffff4d;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: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:0 0;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.tech-header{-webkit-backdrop-filter:blur(30px);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);background:#000000d9;border-bottom:1px solid #eab30880;flex-shrink:0;display:flex;position:relative;box-shadow:0 8px 32px #0009}.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 #0000004d);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 #0003}.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:36px;height:36px;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);justify-content:center;align-items:center;font-size:16px;display:flex}.tech-test-btn{border-radius:var(--radius-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);justify-content:center;align-items:center;margin-right:8px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.tech-test-btn:hover{background:#ffffff40;transform:scale(1.02)}.tech-logout-btn:hover{background:#ffffff40;transform:scale(1.05)}.tech-nav{-webkit-backdrop-filter:blur(20px);padding:0 var(--spacing-lg);align-items:center;gap:var(--spacing-xs);min-height:48px;max-height:48px;z-index:var(--z-sticky);scrollbar-width:thin;scrollbar-color:#eab30866 transparent;background:#000000d9;border-bottom:1px solid #eab30866;flex-shrink:0;display:flex;position:relative;overflow:auto hidden;box-shadow:0 8px 32px #00000080}.tech-nav::-webkit-scrollbar{height:4px}.tech-nav::-webkit-scrollbar-track{background:0 0}.tech-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.tech-nav-category{position:relative}.tech-nav-btn{padding:var(--spacing-sm)var(--spacing-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;height:100%;min-height:48px;font-size:.85rem;font-weight:500;display:flex;position:relative}.tech-nav-btn:before{content:"";border-radius:var(--radius-md)var(--radius-md)0 0;opacity:0;transition:opacity var(--transition-base);z-index:-1;background:#000000d9;position:absolute;inset:0}.tech-nav-btn:hover:before,.tech-nav-btn.active:before{opacity:1}.tech-nav-btn:hover{color:var(--text-primary);border-bottom-color:#eab308e6}.tech-nav-btn.active{color:var(--text-primary);border-radius:var(--radius-md)var(--radius-md)0 0;background:#000000d9;border-bottom-color:#eab308}.tech-nav-dropdown{-webkit-backdrop-filter:blur(30px);border-radius:0 var(--radius-md)var(--radius-md)var(--radius-md);min-width:200px;z-index:var(--z-dropdown);background:#000000e6;border:1px solid #eab30880;animation:.2s ease-out scale-in;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 8px 32px #0009}.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{-webkit-backdrop-filter:blur(20px);padding:var(--spacing-lg);background:linear-gradient(135deg,#eab3080d 0%,#2a2a2a4d 50%,#eab3080d 100%);flex:1;min-width:0;position:relative;overflow:hidden auto}.tech-content-area:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#eab30814 0%,#1a1a1a66 50%,#eab30814 100%);position:absolute;inset:0}.tech-content-area>*{z-index:1;position:relative}.tech-sidebar-right{-webkit-backdrop-filter:blur(30px);gap:var(--spacing-xs);width:140px;min-width:140px;max-width:140px;padding:var(--spacing-xs);background:linear-gradient(135deg,#eab3080d 0%,#2a2a2a4d 50%,#eab3080d 100%);border-left:1px solid #eab30866;flex-direction:column;display:flex;position:relative;overflow:hidden auto;box-shadow:-4px 0 30px #00000080}.tech-sidebar-right:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#eab30814 0%,#1a1a1a66 50%,#eab30814 100%);position:absolute;inset:0}.tech-sidebar-right>*{z-index:1;position:relative}.tech-sidebar-section{border-radius:var(--radius-md);padding:var(--spacing-xs);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#eab3080d 0%,#2a2a2a4d 50%,#eab3080d 100%);border:1px solid #eab30866;position:relative}.tech-sidebar-section:before{content:"";border-radius:var(--radius-md);pointer-events:none;z-index:0;background:linear-gradient(135deg,#eab30814 0%,#1a1a1a66 50%,#eab30814 100%);position:absolute;inset:0}.tech-sidebar-section>*{z-index:1;position:relative}.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);-webkit-backdrop-filter:blur(20px)saturate(180%);border-right:1px solid var(--glass-border);padding:var(--spacing-sm);background:linear-gradient(135deg,#eab3080d 0%,#2a2a2a4d 50%,#eab3080d 100%);flex-direction:column;display:flex;position:relative;overflow-y:auto;box-shadow:4px 0 30px #0000001a}.tech-status-column:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#eab30814 0%,#1a1a1a66 50%,#eab30814 100%);position:absolute;inset:0}.tech-status-column>*{z-index:1;position:relative}.tech-status-section-title{text-transform:uppercase;letter-spacing:.05em;color:#eab308;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:#eab308;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:#ffffff40;border-color:#ffffff4d;transform:translate(4px)}.tech-status-btn.selected{background:var(--unicorn-primary);box-shadow:var(--glow-primary);border-color:#eab308cc}.tech-business-column{gap:var(--spacing-md);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);min-width:0;padding:var(--spacing-md);background:linear-gradient(135deg,#eab3080d 0%,#2a2a2a4d 50%,#eab3080d 100%);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.tech-business-column:before{content:"";border-radius:var(--radius-md);pointer-events:none;z-index:0;background:linear-gradient(135deg,#eab30814 0%,#1a1a1a66 50%,#eab30814 100%);position:absolute;inset:0}.tech-business-column>*{z-index:1;position:relative}.tech-scrollable-list{padding-right:var(--spacing-sm);overflow:hidden 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:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.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:auto 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:auto 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);background:linear-gradient(135deg,#eab3080d 0%,#2a2a2a4d 50%,#eab3080d 100%);flex-direction:column;height:100%;display:flex;position:relative;overflow-y:auto}.upload-container:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#eab30814 0%,#1a1a1a66 50%,#eab30814 100%);position:absolute;inset:0}.upload-container>*{z-index:1;position:relative}.upload-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base);cursor:pointer;background:#000000d9;border:2px dashed #eab30880}.upload-card:hover{box-shadow:var(--glow-primary);background:#fff3;border-color:#667eea99}.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);border-radius:var(--radius-md);color:var(--text-secondary);background:#000000d9;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:#eab308;background:#10b98133;border:1px solid #10b98166}.tba-status-badge[data-status=offerte_gestart]{color:#eab308;background:#eab30833;border:1px solid #eab30866}.tba-status-badge[data-status=offerte_ontvangen]{color:#eab308;background:#3b82f633;border:1px solid #3b82f666}.tba-status-badge[data-status=offerte_verzonden]{color:#f97316;background:#f9731633;border:1px solid #f9731666}.tba-status-badge[data-status=deal]{color:#eab308;background:#10b9814d;border:1px solid #10b98199;font-weight:700}.tba-datetime{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);background:#000000d9;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:#eab308;transition:all var(--transition-fast);text-decoration:none}.tba-contact-item a:hover{color:#fbbf24;-webkit-text-decoration:underline #eab308;text-decoration:underline #eab308}.tba-vervolg-reden{margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--text-secondary);background:#8b5cf626;border-left:3px solid #8b5cf699;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{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-md)var(--spacing-lg);box-shadow:var(--glass-shadow);background:#000000d9;border:1px solid #eab30866}.analytics-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}.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{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;transition:all var(--transition-base);background:#000000d9;border:1px solid #eab30866}.analytics-stat-card:hover{box-shadow:var(--glass-shadow-lg);border-color:#ffffff4d;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{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--glass-shadow);background:#000000d9;border:1px solid #eab30866}.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{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-base);cursor:pointer;background:#000000d9;border:1px solid #eab30866;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:#ffffff4d;transform:translateY(-4px)}.beheer-business-name{color:var(--text-primary);margin:0 0 var(--spacing-xs)0;font-size:1.1rem;font-weight:700}.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{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-base);background:#000000d9;border:1px solid #eab30866;margin-left:40px;position:relative}.history-entry:before{content:"";width:16px;height:16px;box-shadow:0 0 0 4px var(--glass-bg-light);background:#1a1a1a;border:3px solid #eab30899;border-radius:50%;position:absolute;top:20px;left:-28px}.history-entry:hover{box-shadow:var(--glass-shadow);border-color:#ffffff4d;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{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-md);gap:var(--spacing-sm);background:#000000d9;border:1px solid #eab30866;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{border-radius:var(--radius-md);padding:var(--spacing-sm);transition:all var(--transition-base);cursor:pointer;background:#000000d9;border:1px solid #eab30866}.offerte-aanvragen-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.offerte-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-base);cursor:pointer;background:#000000d9;border:1px solid #eab30866;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:#ffffff4d;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{color:#eab308;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{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base);background:#000000d9;border:1px solid #eab30866}.pitch-card:hover{box-shadow:var(--glass-shadow);border-color:#ffffff4d}.pitch-card.active{box-shadow:var(--glow-primary);border-color:#eab308cc}.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);color:#fff;border-radius:var(--radius-md);background:#1a1a1a;border:1px solid #eab308cc;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{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--glass-shadow);background:#000000d9;border:1px solid #eab30866}.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:#eab308}.email-management-container{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;height:100%;display:flex;overflow-y:auto}.email-editor{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--glass-shadow);gap:var(--spacing-md);background:#000000d9;border:1px solid #eab30866;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:#000000e6;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset: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 #00000080}.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);border:1px solid var(--glass-border);cursor:pointer;width:32px;height:32px;transition:all var(--transition-base);color:var(--text-primary);background:#000000d9;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.modal-close:hover{background:#dc26264d;border-color:#dc262699;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:#fff3;border-color:#eab308cc;outline:none;box-shadow:0 0 20px #eab3084d}.form-textarea-tech{resize:vertical;min-height:120px;font-family:inherit}.form-select-tech{cursor:pointer;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{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base);cursor:pointer;background:#000000d9;border:1px solid #eab30866;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:#ffffff4d;transform:translateY(-4px)}.business-name-tech{color:#eab308;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:#fff;font-size:.85rem;display:flex}.business-info-item a{color:#eab308;transition:all var(--transition-fast);text-decoration:none}.business-info-item a:hover{color:#fbbf24;-webkit-text-decoration:underline #eab308;text-decoration:underline #eab308}.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{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);min-width:200px;padding:var(--spacing-md);text-align:center;transition:all var(--transition-base);background:#000000d9;border:1px solid #eab30866;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:#eab308}.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:#1a1a1a;border:1px solid #eab30899;border-radius:12px;margin-bottom:20px;padding:20px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.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;inset: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 #0000004d;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:#fff3;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:#fff3;border:none;border-radius:8px;padding:8px 12px;font-size:14px;transition:all .3s}.action-btn:hover{background:#ffffff4d;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:#fff3;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,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.streak-info{z-index:1;background:#ffffff1a;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:#ffffff1a;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:#fff3;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,#0000,#ffffff4d,#0000);animation:1.5s infinite progressShimmer;position:absolute;inset: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 #0003}@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:#fff3;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:#ffffff4d;transform:scale(1.1)}.show-goals-btn{color:#fff;cursor:pointer;background:#1a1a1a;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 #0000001a}.show-goals-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.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 #8b5cf64d}.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 #3b82f61a}.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:#1a1a1a;border:1px solid #eab30899;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;inset: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:#fff3;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:#ffffff1a;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:#ffffff1a;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:#fff3;border:none;border-radius:6px;padding:6px 8px;font-size:12px;transition:all .3s}.toggle-details-btn:hover,.achievements-btn:hover{background:#ffffff4d;transform:scale(1.05)}.overall-progress{z-index:1;background:#fff3;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,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset: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 #0003}.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 #ffffff4d;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 #e2e8f080;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;box-shadow:0 2px 4px #0000000d}.offerte-aanvragen-header h2{-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}.filters-container{align-items:center;gap:1rem;display:flex}.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 #6366f11a}.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}.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 #0000001a}.lead-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.clickable-card{cursor:pointer;transition:all .3s}.clickable-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.clickable-card:hover:after{content:"👆 Klik om details te bekijken";color:#fff;z-index:10;background:#3b82f6e6;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}.amount-value{color:#059669;text-shadow:0 1px 2px #0000001a;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}@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 #0000001a}.header-content{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.header-left h1{color:#1f2937;margin:0 0 .5rem;font-size:2rem;font-weight:700}.offerte-date{color:#6b7280;margin:0;font-size:1rem}.header-right{flex-direction:column;align-items:flex-end;gap:1rem;display:flex}.budget-display{text-align:right}.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 #0000001a}.detail-section.compact{border-radius:8px;box-shadow:0 1px 4px #0000001a}.section-header{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);padding:1rem 1.5rem}.section-header.compact{padding:.5rem .75rem}.section-header h2{color:#7c3aed;margin:0;font-size:1.25rem;font-weight:700}.section-header.compact h2{color:#7c3aed;font-size:.9rem}.section-content{padding:1.5rem}.section-content.compact{padding:.75rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.info-grid.compact{grid-template-columns:1fr;gap:.5rem}.info-item{flex-direction:column;gap:.5rem;display:flex}.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-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{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.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:sticky;bottom:0}.back-btn,.print-btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.back-btn{color:#fff;background:#6b7280}.back-btn:hover{background:#4b5563;transform:translateY(-2px)}.print-btn{color:#fff;background:#3b82f6}.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 #6366f14d}.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}.retry-btn:hover{background:#b91c1c}@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:#ffffff1a;border:1px solid #fff3;border-radius:8px;width:100%;max-width:100%;padding:6px 12px;overflow:hidden;box-shadow:0 4px 16px #0000001a}.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:#fff3;border-radius:6px;min-width:40px;padding:2px 6px;font-size:14px;font-weight:700}.header-level-progress{background:#fff3;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,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.header-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.header-stat-item{background:#ffffff1a;border-radius:6px;align-items:center;gap:3px;padding:3px 6px;transition:all .3s;display:flex;position:relative}.header-stat-item:hover{background:#fff3;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:#000000e6;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 #0000004d}.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:#ffffff1a;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:#fff3;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:#000000e6;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 #0000004d}.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:#ffffff1a;border:2px solid #ffffff4d;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:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.header-control-btn:active{transform:translateY(0)}.start-game-btn{color:#ff6b35!important;background:#ff6b3533!important;border-color:#ff6b3580!important}.start-game-btn:hover:not(:disabled){background:#ff6b354d!important;border-color:#ff6b35b3!important}.start-game-btn:disabled{color:#6b7280!important;cursor:not-allowed!important;background:#6b728033!important;border-color:#6b72804d!important}.abandon-game-btn{color:#ef4444!important;background:#ef444433!important;border-color:#ef444480!important}.abandon-game-btn:hover{background:#ef44444d!important;border-color:#ef4444b3!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:#ffffff0d;border:1px solid #ffffff1a;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:#ffffff08;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 #0003}.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:#92400e33;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:#ffffff1a;border:1px solid #fff3;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 #0000001a}.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 #0003}.tba-indicator-square:before{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);animation:3s infinite shimmer;position:absolute;inset: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:#fffc;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:#1a1a1a;border:1px solid #eab30899;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;inset: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:#fff3;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:#ffffff1a;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:#ffffff1a;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:#fff3;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,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset: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 #0003}.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:#92400e33;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:#ffffff1a;border:1px solid #fff3;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:#ffffff0d;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:#fff3;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 #ffffff1a;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:#1a1a1a;border:1px solid #eab30899;border-radius:16px;margin:20px 0;padding:40px 20px}.start-header h2{text-shadow:0 2px 4px #0000004d;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:#ffffff1a;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 #10b9814d}.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:#ffffff0d;border:1px solid #ffffff1a;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:#fff3;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:#ffffff1a;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:#ffffff0d;border:2px solid #fff3;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:#ffffff1a;transform:translateY(-2px)}.status-btn.selected{background:#10b98133;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:#ffffff1a;border:1px solid #fff3;border-radius:8px;width:100%;padding:12px;font-size:14px}.notes-section textarea::placeholder{color:#fff9}.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-primary{color:#fff;background:#10b981}.btn-primary:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.current-score{text-align:center;background:#ffffff1a;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:#1a1a1a;border:1px solid #eab30899;border-radius:16px;margin:20px 0;padding:40px}.results-header h2{text-shadow:0 2px 4px #0000004d;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 #0000004d;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:#ffffff1a;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:#ffffff1a;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:#ffffff1a;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 #ffffff1a;border-radius:20px;margin:20px 0;padding:32px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.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;inset:0}.leaderboard-header{text-align:center;z-index:1;margin-bottom:40px;position:relative}.leaderboard-header h2{color:#fff;text-shadow:0 4px 8px #0000004d;-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:#ffffff0d;border:2px solid #fff3;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,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.tab-btn:hover:before{left:100%}.tab-btn:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 8px 20px #10b9814d}.leaderboard-content{z-index:1;min-height:500px;position:relative}.leaderboard-period{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;padding:28px;box-shadow:0 8px 20px #0003}.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:#ffffff0d;border:1px solid #ffffff1a;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:#ffffff0d;border:1px solid #ffffff1a;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:#ffffff14;border:1px solid #ffffff1a;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,#0000,#ffffff05,#0000);transition:opacity .3s;position:absolute;inset:0}.leaderboard-entry:hover:before{opacity:1}.leaderboard-entry:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 30px #0000004d}.leaderboard-entry.current-user{background:#10b98126;border-color:#10b981;box-shadow:0 8px 20px #10b98133}.rank{justify-content:center;align-items:center;display:flex}.rank-emoji{text-shadow:0 2px 4px #0000004d;font-size:28px;font-weight:700}.player-info{flex-direction:column;gap:4px;display:flex}.player-name{color:#fff;text-shadow:0 1px 2px #0000004d;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 #10b9814d}@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 #0000004d;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:#10b9811a;border:1px solid #10b9814d;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:#ffffff1a;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:#ffffff1a;border:2px solid #ffffff4d;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,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-secondary:hover:before{left:100%}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 8px 20px #0003}@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-title{color:#fff;margin:0;font-size:1.5rem;font-weight:800}.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:#eab308cc;outline:none;box-shadow:0 0 20px #eab3084d}.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:#ffffff40;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:#ffffff4d;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-title{color:#fff;margin:0;font-size:1.5rem;font-weight:800}.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:focus{border-color:#eab308cc;outline:none;box-shadow:0 0 20px #eab3084d}.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:#ffffff4d;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:#ffffff4d;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-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:#ffffff4d;transform:translate(4px)}.offerte-aanvragen-container{gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#eab3080d 0%,#0000001a 100%);flex-direction:column;height:100%;display:flex;overflow-y:auto}.offerte-aanvragen-header{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);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);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30833;flex-wrap:wrap;display:flex}.offerte-aanvragen-header h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#eab308 100%);-webkit-background-clip:text;background-clip:text;align-items:center;margin:0;font-size:1.5rem;font-weight:800;display:flex}.filters-container{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.status-filter,.date-filter{align-items:center;gap:var(--spacing-xs);display:flex}.status-filter label,.date-filter label{color:#eab308;font-size:.9rem;font-weight:600}.status-input,.date-input{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-base);background:#0009;border:1px solid #eab3084d;min-width:180px;font-size:.85rem}.status-input:focus,.date-input:focus{background:#000c;border-color:#eab308cc;outline:none;box-shadow:0 0 0 3px #eab3081a}.status-input option,.date-input option{padding:var(--spacing-xs);color:var(--text-primary);background:#1a1a1af2}.offerte-aanvragen-stats{gap:var(--spacing-lg);padding:var(--spacing-md)var(--spacing-lg);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-lg);background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border:1px solid #eab30826;flex-wrap:wrap;display:flex}.stat-item{align-items:center;gap:var(--spacing-xs);display:flex}.stat-label{color:#ffffffb3;font-size:.85rem;font-weight:600}.stat-value{color:#eab308;font-size:1rem;font-weight:700}.leads-list{gap:var(--spacing-md);padding:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid;overflow-y:auto}.no-leads{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-lg);color:#ffffffb3;min-height:200px;padding:var(--spacing-xl);background:linear-gradient(135deg,#1a1a1acc 0%,#2a2a2acc 100%);border:2px dashed #eab3084d;grid-column:1/-1;justify-content:center;align-items:center;font-size:1rem;display:flex}.lead-card{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-base);cursor:pointer;background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border:1px solid #eab30833;position:relative;overflow:hidden}.lead-card:before{content:"";background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%);height:4px;position:absolute;top:0;left:0;right:0}.lead-card:hover{background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border-color:#eab30899;transform:translateY(-4px);box-shadow:0 8px 25px #eab3084d}.lead-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.lead-title h3{margin:0 0 var(--spacing-xs)0;color:var(--text-primary);font-size:1.2rem;font-weight:700}.lead-date{color:#fff9;border-radius:var(--radius-sm);background:#eab3081a;border:1px solid #eab30833;padding:.25rem .5rem;font-size:.8rem}.lead-amount{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.amount-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.amount-value{color:#eab308;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-md);background:#eab3081a;border:1px solid #eab3084d;font-size:1.4rem;font-weight:700}.lead-details{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.lead-contact,.lead-address,.lead-description{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);background:#0006;border:1px solid #eab3081a;display:flex}.contact-icon,.address-icon,.description-icon{color:#eab308;flex-shrink:0;margin-top:2px;font-size:1.1rem}.contact-info,.address-info,.description-info{flex-direction:column;flex:1;gap:4px;display:flex}.contact-info strong{color:var(--text-primary);font-size:.9rem;font-weight:600}.contact-email,.contact-phone{color:#ffffffb3;font-size:.8rem;font-weight:500}.address-info span{color:#fffc;font-size:.85rem;font-weight:500}.description-info{color:#fffc;font-size:.85rem;line-height:1.5}.description-info strong{color:var(--text-primary);font-weight:600}.lead-actions{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid #eab3081a;justify-content:space-between;align-items:center;display:flex}.process-btn{border-radius:var(--radius-md);padding:var(--spacing-xs)var(--spacing-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--spacing-xs);background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #eab30899;font-size:.85rem;font-weight:600;display:flex}.process-btn:hover{background:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%);border-color:#eab308e6;box-shadow:0 4px 12px #eab3084d}.lead-status{color:#fff9;border-radius:var(--radius-sm);background:#eab3081a;border:1px solid #eab30833;padding:.25rem .5rem;font-size:.8rem}.loading-container,.error-container{justify-content:center;align-items:center;gap:var(--spacing-md);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-lg);min-height:300px;padding:var(--spacing-xl);background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border:1px solid #eab30826;flex-direction:column;display:flex}.error-container h3{color:var(--text-primary);align-items:center;gap:var(--spacing-xs);display:flex}.retry-btn{border-radius:var(--radius-md);padding:var(--spacing-sm)var(--spacing-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #eab30899;font-size:.9rem;font-weight:600}.clickable-card{cursor:pointer}.clickable-card:hover:after{content:"Klik om details te bekijken";color:#1a1a1a;border-radius:var(--radius-sm);z-index:10;background:#eab308e6;border:1px solid #eab308;padding:4px 8px;font-size:.75rem;font-weight:600;position:absolute;top:10px;right:10px}@media (max-width:768px){.leads-list{grid-template-columns:1fr}.lead-header{gap:var(--spacing-sm);flex-direction:column}.lead-amount{align-items:flex-start}.offerte-aanvragen-header{gap:var(--spacing-md);flex-direction:column;align-items:flex-start}.filters-container{gap:var(--spacing-sm);flex-direction:column;align-items:stretch;width:100%}.status-input,.date-input{min-width:100%}.offerte-aanvragen-stats{gap:var(--spacing-sm);flex-direction:column}}.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:#fff3;border-color:#eab308cc}.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:#ffffff4d}.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:#eab308cc}.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:#eab308cc;outline:none;box-shadow:0 0 20px #eab3084d}.edit-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-modal-backdrop);padding:var(--spacing-lg);background:#000000e6;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset: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 #00000080}.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{color:#fff;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:#dc26264d;border-color:#dc262699;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:#ffffff26;border-color:#eab308cc;outline:none;box-shadow:0 0 20px #eab3084d}.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:#ffffff40;transform:translateY(-2px)}button.primary,button[type=submit]{background:var(--unicorn-primary);box-shadow:var(--glow-primary);border-color:#eab308cc}button.primary:hover,button[type=submit]:hover{box-shadow:0 0 30px #eab30899}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)}*{-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{color:#fbbf24;-webkit-text-decoration:underline #eab308;text-decoration:underline #eab308}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{color:#eab308!important;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:#667eea66}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 #0003}.tech-tab-title,.text-gradient-primary,.text-gradient-accent{text-shadow:0 2px 4px #0000001a}.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);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pitch-objections-modern:hover{box-shadow:var(--glass-shadow-lg);border-color:#ffffff40}.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 #0003);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,#eab30833,#fbbf2433);border:1px solid #eab30866;align-items:center;gap:4px;padding:3px 8px;font-size:.65rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #eab3084d}.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 #00000026}.tab-icon{filter:drop-shadow(0 1px 2px #0003);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 #0003}.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-content:has(iframe){flex-direction:column;flex:1;min-height:0;max-height:none;padding:0;display:flex;overflow:hidden}.tab-panel{animation:.3s ease-out fade-in}.tab-panel:has(iframe){flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.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:#eab3081a;border-left:3px solid #eab30899;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:#ffffff4d;transform:translate(4px);box-shadow:0 4px 12px #00000026}.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 #eab30866}.objection-q{align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-sm);background:#3b82f61a;border-left:2px solid #3b82f680;display:flex}.objection-q-icon{filter:drop-shadow(0 1px 2px #0003);flex-shrink:0;font-size:1rem}.objection-q-text strong,.objection-q-text b{color:#eab308;font-weight:700}.objection-a{align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-sm);color:#eab308;background:#eab3081a;border-left:2px solid #eab30880;display:flex}.objection-a-icon{filter:drop-shadow(0 1px 2px #0003);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(#eab30899,#eab30899);border:1px solid #ffffff1a;border-radius:4px}.pitch-content-modern::-webkit-scrollbar-thumb{transition:all var(--transition-fast);background:linear-gradient(#eab30899,#eab30899);border:1px solid #ffffff1a;border-radius:4px}.tab-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(#eab308cc,#eab308cc);box-shadow:0 0 8px #eab30866}.pitch-content-modern::-webkit-scrollbar-thumb:hover{background:linear-gradient(#eab308cc,#eab308cc);box-shadow:0 0 8px #eab30866}.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:#eab30899 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{color:#eab308}.objection-a:hover{color:#fbbf24;-webkit-text-decoration:underline #eab308;text-decoration:underline #eab308;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 #eab30899}@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:#ffffff40}.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 #fff3;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}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:var(--glass-bg-dark);-webkit-backdrop-filter:blur(30px)saturate(150%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg)}.glass-hover{transition:all .3s}.glass-hover:hover{background:#000000f2;border-color:#eab3084d;transform:translateY(-2px);box-shadow:0 12px 40px #000000b3}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#10141880;border-radius:10px}::-webkit-scrollbar-thumb{background:#eab30866;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#eab30899}.overflow-y-auto::-webkit-scrollbar{width:3px}.overflow-y-auto::-webkit-scrollbar-track{background:#10141880;border-radius:10px}.overflow-y-auto::-webkit-scrollbar-thumb{background:#eab30866;border-radius:10px}.email-notification{-webkit-backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:400px;max-width:calc(100vw - 40px);box-shadow:var(--glass-shadow-lg);z-index:1000;color:var(--text-primary);background:#000000d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.3s ease-out slideInFromLeft;position:fixed;top:20px;left:20px}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.email-notification-header{border-bottom:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-lg)var(--radius-lg)0 0;background:#0009;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:var(--text-primary);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:var(--glass-bg-light)}.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:var(--text-primary)}.email-notification-preview{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);text-overflow:ellipsis;-webkit-line-clamp:3;background:#0006;-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:var(--text-muted);text-align:right;font-size:11px}.email-notification-actions{border-top:1px solid var(--glass-border);justify-content:flex-end;padding:12px 16px;display:flex}.email-notification-mark-read{background:var(--unicorn-success);color:#0a0a0a;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-success);border:none;padding:6px 12px;font-size:12px;font-weight:500}.email-notification-mark-read:hover{transform:translateY(-2px);box-shadow:0 0 30px #eab30899}@media (max-width:768px){.email-notification{width:calc(100vw - 20px);top:10px;left:10px}}.loading-spinner{border:3px solid #eab30833;border-top-color:#eab308;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block;position:relative}.loading-spinner:before{content:"";opacity:.7;border:3px solid #0000;border-top-color:#ca8a04;border-radius:50%;animation:.8s linear .2s infinite spin;position:absolute;inset:-3px}.loading-spinner:after{content:"";opacity:.5;border:3px solid #0000;border-top-color:#fbbf24;border-radius:50%;animation:.8s linear .4s infinite spin;position:absolute;inset:-6px}.loading-spinner-large{border-width:4px;width:40px;height:40px}.loading-spinner-large:before{border-width:4px;inset:-4px}.loading-spinner-large:after{border-width:4px;inset:-8px}.creative-pulse-loader{justify-content:center;align-items:center;gap:6px;display:flex}.creative-pulse-loader span{background:#eab308;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite pulse-bounce;box-shadow:0 0 10px #eab30880}.creative-pulse-loader span:first-child{animation-delay:0s}.creative-pulse-loader span:nth-child(2){animation-delay:.2s}.creative-pulse-loader span:nth-child(3){animation-delay:.4s}.creative-bars-loader{align-items:flex-end;gap:4px;height:30px;display:flex}.creative-bars-loader div{background:linear-gradient(#eab308 0%,#ca8a04 100%);border-radius:2px;width:4px;animation:1.2s ease-in-out infinite bars-wave;box-shadow:0 0 8px #eab30866}.creative-bars-loader div:first-child{height:40%;animation-delay:0s}.creative-bars-loader div:nth-child(2){height:60%;animation-delay:.1s}.creative-bars-loader div:nth-child(3){height:80%;animation-delay:.2s}.creative-bars-loader div:nth-child(4){height:100%;animation-delay:.3s}.creative-orbit-loader{width:50px;height:50px;margin:0 auto;position:relative}.creative-orbit-loader:before,.creative-orbit-loader:after{content:"";background:#eab308;border-radius:50%;width:8px;height:8px;animation:2s linear infinite orbit-rotate;position:absolute;box-shadow:0 0 10px #eab30899}.creative-orbit-loader:before{animation-delay:0s;top:0;left:50%;transform:translate(-50%)}.creative-orbit-loader:after{animation-delay:.67s;top:50%;right:0;transform:translateY(-50%)}@keyframes pulse-bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes bars-wave{0%,to{opacity:.7;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes orbit-rotate{0%{transform:rotate(0)translate(20px)rotate(0)}to{transform:rotate(360deg)translate(20px)rotate(-360deg)}}.inline-loader{align-items:center;gap:.5rem;display:inline-flex}.inline-loader-small{border:2px solid #eab30833;border-top-color:#eab308;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spin}.inline-loader-dots{align-items:center;gap:4px;display:inline-flex}.inline-loader-dots span{background:#eab308;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse-bounce}.inline-loader-dots span:first-child{animation-delay:0s}.inline-loader-dots span:nth-child(2){animation-delay:.2s}.inline-loader-dots span:nth-child(3){animation-delay:.4s}.loading-overlay{-webkit-backdrop-filter:blur(10px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-content{background:var(--glass-bg-dark);-webkit-backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow-lg);color:var(--text-primary);flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}button:disabled{opacity:.6;cursor:not-allowed}button.loading{color:#0000;position:relative}button.loading:after{content:"";border:2px solid #ffffff4d;border-top-color:var(--text-primary);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:#fff;margin:0 0 24px;font-size:.875rem;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{color:#fff;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 #3b82f61a}.form-textarea::placeholder{color:#fff}.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 #3b82f61a}.form-input::placeholder{color:#fff}.form-select{background-color:var(--glass-bg-light);cursor:pointer;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 #3b82f61a}.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:#1a1a1a;border:1px solid #eab30899}.btn-primary:hover:not(:disabled){background:#2a2a2a;border-color:#eab308e6}.btn-secondary{color:#fff;background:#2a2a2a;border:1px solid #eab30899}.btn-secondary:hover:not(:disabled){background:#3a3a3a;border-color:#eab308e6}.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:#1a1a1a;border:1px solid #eab308cc}.offerte-btn:hover{background:#2a2a2a;border-color:#eab308}.offerte-btn:active{transform:translateY(1px)}:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#f1f5f9;--accent:#06b6d4;--success:#eab308;--warning:#f59e0b;--error:#ef4444;--surface:#fff;--surface-dark:#1e293b;--text-primary:#fff;--text-secondary:#fff;--border:#e2e8f0;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--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:#eab308;--primary-light:#e0e7ff;--success-color:#eab308;--success-light:#d1fae5;--success-dark:#065f46;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}*{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:var(--text-primary);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;inset: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 #0003);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 #0000001a;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 #0003);font-size:1.8rem;animation:2s ease-in-out infinite bounce}.bellijst-subtitle{opacity:.9;color:#ffffffe6;margin:0;font-size:.9rem;font-weight:500;line-height:1.3}.bellijst-content{background:linear-gradient(135deg,#eab3080d 0%,#2a2a2a4d 50%,#eab3080d 100%);flex:1;padding:1rem;position:relative;overflow-y:auto}.bellijst-content:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#eab30814 0%,#1a1a1a66 50%,#eab30814 100%);position:absolute;inset:0}.bellijst-content>*{z-index:1;position:relative}.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 #0000;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;inset: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 #0000;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;inset: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 #0000;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;inset: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,#ffffffe6 0%,#f8fafce6 100%);border:1px solid #e2e8f080;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;box-shadow:0 2px 8px #0000000d}.filter-label{color:#fff;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;inset:0;box-shadow:inset 0 2px 4px #0000001a}.toggle-slider:before{content:"";background:var(--glass-bg-light);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:inset 0 2px 4px #6366f133}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px);box-shadow:0 2px 6px #6366f14d}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #6366f11a}@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:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.tba-modal-content{background:var(--glass-bg-light);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 #0000001a,0 10px 10px -5px #0000000a}@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:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.5rem;transition:all .2s}.tba-modal-close:hover{color:#fff;background:#f3f4f6}.tba-modal-form{padding:0 1.5rem 1.5rem}.tba-input-group{margin-bottom:1.5rem}.tba-input-label{color:#fff;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.tba-date-input,.tba-time-input{background:var(--glass-bg-light);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 #6366f11a}.tba-modal-actions{gap:.75rem;margin-top:2rem;display:flex}.tba-cancel-button{background:var(--glass-bg-light);color:#fff;cursor:pointer;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,#eab308,#fbbf24,#eab308);height:4px;position:absolute;top:0;left:0;right:0}.phone-link{color:#eab308;box-shadow:var(--shadow);background:#1a1a1a;border:1px solid #eab30899;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{color:#fbbf24;box-shadow:var(--shadow-lg);background:#2a2a2a;border-color:#eab308e6;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 #0000001a}.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,#0000,#fff3,#0000);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 #6366f11a}.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{text-align:center;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);cursor:pointer;background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border:3px dashed #eab30833;border-radius:12px;padding:3rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sheet-name-input{width:100%;color:var(--text-primary);background:#0006;border:1px solid #eab30833;border-radius:8px;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.sheet-name-input:focus{background:#00000080;border-color:#eab308cc;outline:none;box-shadow:0 0 0 3px #eab3081a}.sheet-name-input:disabled{opacity:.5;cursor:not-allowed}.sheet-name-input::placeholder{color:#fff6}.upload-tab-container{background:linear-gradient(135deg,#0000004d 0%,#0006 100%);padding:1rem 1.5rem}.upload-tab-content{max-width:1200px;margin:0 auto}.upload-tab-header{margin-bottom:1.5rem}.upload-tab-title{-webkit-text-fill-color:transparent;text-align:center;background:linear-gradient(135deg,#fff 0%,#eab308 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.upload-tab-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (max-width:768px){.upload-tab-grid{grid-template-columns:1fr}}.upload-section{flex-direction:column;gap:1rem;display:flex}.upload-section-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.sheet-name-input-container{margin-bottom:1rem}.sheet-name-label{color:#eab308;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.sheet-name-hint{color:#fff9;margin-top:.5rem;margin-bottom:0;font-size:.75rem}.upload-area-dragging{background:linear-gradient(135deg,#eab3080d 0%,#fbbf240d 100%)!important;border-color:#eab308cc!important}.upload-area-content{flex-direction:column;align-items:center;gap:.5rem;display:flex}.upload-icon{color:#fff9;width:3rem;height:3rem;margin-bottom:.5rem}.upload-text-primary{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.upload-text-secondary{color:#ffffffb3;margin:0;font-size:.9rem}.upload-text-hint{color:#ffffff80;margin-top:.5rem;margin-bottom:0;font-size:.8rem}.upload-error{color:#ef4444;background:linear-gradient(135deg,#ef44441a 0%,#dc26261a 100%);border:1px solid #ef44444d;border-radius:8px;margin-top:1rem;padding:.75rem 1rem}.upload-success{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30833;border-radius:8px;margin-top:1rem;padding:1rem}.upload-success-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.upload-success-icon{color:#eab308;width:1.25rem;height:1.25rem}.upload-success-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.upload-success-content{color:#fffc;flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.upload-success-content strong{color:#eab308}.upload-instructions{flex-direction:column;gap:1rem;display:flex}.upload-instructions-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.upload-instructions-list{flex-direction:column;gap:1rem;display:flex}.upload-instruction-card{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border:1px solid #eab30826;border-radius:8px;padding:1rem}.upload-instruction-card-title{color:#eab308;margin:0 0 .5rem;font-size:.95rem;font-weight:600}.upload-instruction-card-text{color:#ffffffb3;margin:0 0 .5rem;font-size:.85rem}.upload-instruction-list{color:#ffffffb3;margin:.5rem 0 0;padding-left:1.25rem;font-size:.85rem;list-style-type:disc}.upload-instruction-list li{margin-bottom:.25rem}.upload-template-button{color:var(--text-primary);cursor:pointer;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #eab30899;border-radius:8px;margin-top:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.upload-template-button:hover{background:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%);border-color:#eab308e6;transform:translateY(-1px);box-shadow:0 4px 12px #eab3084d}.upload-actions{text-align:center;margin-top:2rem}.upload-clear-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1px solid #ef444499;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.upload-clear-button:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#ef4444e6;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.belbak-empty-state{background:linear-gradient(135deg,#0000004d 0%,#0006 100%);justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem;display:flex}.belbak-empty-content{text-align:center;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30833;border-radius:16px;max-width:500px;padding:3rem 2rem;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.belbak-empty-icon{opacity:.6;margin-bottom:1.5rem}.belbak-empty-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#eab308 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.belbak-empty-description{color:#ffffffb3;margin:0 0 2rem;font-size:.95rem;line-height:1.6}.belbak-empty-action-button{color:var(--text-primary);cursor:pointer;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #eab30899;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.belbak-empty-action-button:hover{background:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%);border-color:#eab308e6;transform:translateY(-2px);box-shadow:0 4px 12px #eab3084d}.belbak-empty-action-button:active{transform:translateY(0)}@media (max-height:600px) and (orientation:landscape){.upload-area{border-radius:16px;padding:2rem 1.5rem}}.upload-area:before{content:"";opacity:0;background:linear-gradient(135deg,#eab308 0%,#fbbf24 100%);transition:opacity .3s;position:absolute;inset:0}.upload-area:hover{box-shadow:var(--shadow-lg);border-color:#eab308cc;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(#eab308,#fbbf24);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:#eab308;font-size:1.1rem;font-weight:700}.tba-phone{color:#fff;background:#1a1a1a;border:1px solid #eab30899;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:#2a2a2a;border-color:#eab308e6;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,#0000,#fff3,#0000);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{color:#fff;background:#1a1a1a;border:1px solid #eab30899}.modern-button.success{color:#fff;background:#1a1a1a;border:1px solid #eab308cc}.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,#eab308 0%,#ca8a04 100%)}.compact-business-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #fff3;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 #00000026,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}@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%,#eab308 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,#6366f105 0%,#8b5cf605 25%,#06b6d405 50%,#10b98105 75%,#f59e0b05 100%);border-radius:24px;position:absolute;inset:0}.hypermodern-business-card:before{content:"";background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 25%,#06b6d4 50%,#eab308 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,#6366f108 0%,#0000 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,#6366f10d 0%,#8b5cf60d 100%);border-bottom:1px solid #6366f11a;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,#06b6d408 0%,#10b98108 100%);border-top:1px solid #06b6d41a;border-bottom:1px solid #06b6d41a;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,#f59e0b08 0%,#fbbf2408 100%);border-top:1px solid #f59e0b1a;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 #0000001a;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,#fffc 0%,#f8fafccc 100%);border:1px solid #e2e8f04d;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 #0000000d}.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:#6366f133;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.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:#eab308;word-break:break-all;flex:1;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .2s}.phone-link:hover{color:#fbbf24;text-shadow:0 1px 2px #eab30833}.email-link,.website-link{color:#eab308;word-break:break-all;flex:1;font-weight:600;text-decoration:none;transition:all .2s}.email-link:hover,.website-link:hover{color:#fbbf24;text-shadow:0 1px 2px #eab30833}.address-text,.location-text{color:#fff;word-break:break-word;flex:1;font-weight:600}.offerte-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%);border:1px solid #fff3;border-radius:16px;padding:.5rem 1rem;font-size:.85rem;font-weight:700;animation:3s ease-in-out infinite offerteGlow;box-shadow:0 4px 12px #10b9814d}@keyframes offerteGlow{0%,to{box-shadow:0 4px 12px #10b9814d}50%{box-shadow:0 4px 20px #10b98180}}.call-history-label{color:#fff;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 #fff3;border-radius:12px;padding:.4rem .8rem;font-size:.75rem;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #0000001a}.call-history-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.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,#eab308 0%,#ca8a04 100%);animation:2s ease-in-out infinite dealPulse}.notes-label{color:#fff;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,#fff9 0%,#f8fafc99 100%);border:1px solid #f59e0b33;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 #fff3;border-radius:16px;padding:.4rem .8rem;font-size:.8rem;font-weight:700;box-shadow:0 2px 8px #6366f14d}.business-calls{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#64748b 0%,#475569 100%);border:1px solid #fff3;border-radius:16px;padding:.4rem .8rem;font-size:.8rem;font-weight:700;box-shadow:0 2px 8px #64748b4d}.contacts-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#eab308 0%,#ca8a04 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 #10b9814d}.contacts-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);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 #10b98166}.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 #e2e8f080;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 #0000001a}.info-card:before{content:"";opacity:0;background:linear-gradient(90deg,#eab308,#fbbf24,#eab308);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.info-card:hover:before{opacity:1}.info-card:hover{border-color:#eab30866;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.info-label{text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.phone-number{color:#eab308;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:#eab308;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}.email-link:hover,.website-link:hover{color:#fbbf24;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 #e2e8f080;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-container{background:#0006;border:1px solid #eab30826;border-radius:8px;max-height:300px;padding:1rem;overflow-y:auto}.call-history-item{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border:1px solid #eab30833;border-radius:8px;margin-bottom:.75rem;padding:1rem;transition:all .3s}.call-history-item:last-child{margin-bottom:0}.call-history-item:hover{border-color:#eab30866;transform:translate(4px);box-shadow:0 4px 12px #0000004d}.call-history-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.call-history-number{color:#eab308;font-size:.85rem;font-weight:700}.call-history-date{color:#ffffffb3;font-size:.85rem}.call-history-status{color:#eab308;background:#eab3081a;border:1px solid #eab30833;border-radius:6px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.call-history-notes{color:var(--text-primary);border-top:1px solid #eab3081a;margin-top:.5rem;padding-top:.5rem;font-size:.85rem}.call-history-employee{color:#ffffffb3;border-top:1px solid #eab3081a;margin-top:.5rem;padding-top:.5rem;font-size:.85rem}.call-history-empty{text-align:center;color:#ffffffb3;padding:2rem 1rem}.call-history-empty-icon{opacity:.5;margin-bottom:.5rem;font-size:2rem}.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,#eab308 0%,#ca8a04 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 #10b98133;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,#1a1a1af2 0%,#2a2a2af2 100%);min-height:100vh;padding:1rem}.offerte-detail-container{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border:1px solid #eab30833;border-radius:16px;width:100%;max-width:100%;margin:0 auto;overflow:hidden;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.offerte-detail-header{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);color:var(--text-primary);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border-bottom:1px solid #eab30833;padding:2rem;position:relative}.offerte-detail-header:after{content:"";background:linear-gradient(90deg,#0000 0%,#eab3084d 50%,#0000 100%);width:100%;height:1px;position:absolute;bottom:0;left:0}.header-content{grid-template-columns:1fr auto;align-items:start;gap:2rem;display:grid}.header-left{flex-direction:column;gap:.75rem;display:flex}.header-left h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#eab308 100%);-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;margin:0;font-size:2rem;font-weight:700;line-height:1.2;display:flex}.offerte-date{color:#ffffffb3;background:#0000004d;border:1px solid #eab30826;border-radius:6px;align-items:center;gap:.5rem;width:fit-content;padding:.5rem .75rem;font-size:.85rem;display:flex}.header-right{flex-direction:column;align-items:flex-end;gap:.75rem;min-width:200px;display:flex}.budget-display{background:#0006;border:1px solid #eab30833;border-radius:8px;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:150px;padding:.75rem 1rem;display:flex}.budget-label{text-transform:uppercase;letter-spacing:.5px;color:#ffffffb3;margin:0;font-size:.75rem;font-weight:500;display:block}.budget-amount{color:#eab308;margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}.status-badge{text-transform:uppercase;letter-spacing:.5px;color:#eab308;background:linear-gradient(135deg,#eab30833 0%,#eab30826 100%);border:1px solid #eab30866;border-radius:20px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #0003}.offerte-detail-content{background:linear-gradient(135deg,#0000004d 0%,#0006 100%);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{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30833;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.detail-section:hover{border-color:#eab3084d;box-shadow:0 8px 12px -2px #0006,0 4px 6px -1px #0000004d}.detail-section.compact{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30826;box-shadow:0 2px 4px -1px #0003}.section-header{background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border-bottom:1px solid #eab30833;padding:.75rem 1rem;position:relative}.section-header:after{content:"";background:linear-gradient(90deg,#0000 0%,#eab3084d 50%,#0000 100%);width:100%;height:1px;position:absolute;bottom:0;left:0}.section-header.compact{background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border-bottom:1px solid #eab30826;padding:.75rem 1rem}.section-header h2{color:#eab308;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.section-header.compact h2{font-size:.95rem}.section-content{background:0 0;flex-direction:column;gap:1rem;padding:1rem;display:flex}.section-content.compact{background:0 0;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.info-grid{background:0 0;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.info-grid.compact{background:0 0;grid-template-columns:1fr;gap:.75rem}.info-item{background:0 0;flex-direction:column;gap:.25rem;display:flex}.info-item.compact{background:0 0;border-bottom:1px solid #eab3081a;flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem 0}.info-item.compact:last-child{border-bottom:none}.info-item.full-width{grid-column:1/-1}.info-item label{color:#eab308;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.info-item.compact label{color:#eab308;text-transform:none;letter-spacing:normal;min-width:120px;font-size:.9rem}.info-item span{color:var(--text-primary);background:0 0;font-size:.9rem;font-weight:500}.project-description{background:#0000004d;border:1px solid #eab30826;border-radius:8px;padding:1rem;position:relative}.project-description:before{content:"";background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%);border-radius:3px 0 0 3px;width:3px;height:100%;position:absolute;top:0;left:0}.project-description.compact{background:#0000004d;border:1px solid #eab30826;padding:.75rem}.project-description p{color:var(--text-primary);background:0 0;border:none;border-radius:0;margin:0;padding:0 0 0 .5rem;font-size:.9rem;line-height:1.7}.organized-fields-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.organized-fields-grid.compact{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:.75rem;display:grid}.field-item{background:#0006;border:1px solid #eab30826;border-radius:6px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.field-item.compact{background:#0000004d;border:1px solid #eab30826;border-radius:6px;flex-direction:column;gap:.25rem;min-height:auto;padding:.75rem;display:flex}.field-title{color:#eab308;text-transform:uppercase;letter-spacing:.3px;margin-bottom:.25rem;font-size:.8rem;font-weight:600}.field-value{color:var(--text-primary);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:#eab308;text-transform:uppercase;letter-spacing:.3px;font-size:.8rem;font-weight:600}.field-item.compact label{color:#eab308;text-transform:none;letter-spacing:normal;flex-shrink:0;min-width:100px;font-size:.85rem}.field-item span{color:var(--text-primary);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:#0006;border:1px solid #eab30826;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 #eab3081a;padding:.75rem 0}.tech-spec-item.compact:last-child{border-bottom:none}.tech-spec-item label{color:var(--text-primary);font-size:.9rem;font-weight:500}.tech-spec-item span.yes{color:#ca8a04;font-weight:600}.tech-spec-item span.no{color:#dc2626;font-weight:600}.offerte-detail-actions{background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border-top:1px solid #eab30833;justify-content:center;gap:1rem;padding:1.5rem;display:flex}.back-btn,.print-btn{color:var(--text-primary);transition:all var(--transition-base);cursor:pointer;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:none;border-radius:8px;align-items:center;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.back-btn:hover,.print-btn:hover{background:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%);border-color:#eab308e6;box-shadow:0 4px 12px #eab3084d}.loading-container,.error-container{text-align:center;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-lg);background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border:1px solid #eab30826;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:4rem 2rem;display:flex}.loading-container p,.error-container p{color:#fffc;font-size:1rem}.error-container h3{color:var(--text-primary);justify-content:center;align-items:center;gap:var(--spacing-xs);display:flex}.retry-btn{cursor:pointer;color:var(--text-primary);transition:all var(--transition-base);background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #eab30899;border-radius:6px;margin-top:1rem;padding:.5rem 1rem;font-weight:600}.retry-btn:hover{background:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%);border-color:#eab308e6;box-shadow:0 4px 12px #eab3084d}@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{grid-template-columns:1fr;gap:1.5rem}.header-right,.budget-display{align-items:flex-start;width:100%}.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-content{gap:1.25rem}.header-left h1,.budget-amount{font-size:1.5rem}.header-right{width:100%;min-width:auto}.budget-display{width:100%}.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 #3b82f633;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 #e2e8f080;border-radius:12px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex;box-shadow:0 4px 12px #0000001a}@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:#eab308;font-size:1.1rem;font-weight:700}.belbak-count{color:#eab308;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:#fff;text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #e2e8f080;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 #0000001a}.compact-status-button.selected{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.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,#eab308 0%,#ca8a04 100%);border-color:#ca8a04;animation:2s ease-in-out infinite dealPulse}.status-button{cursor:pointer;color:#fff;background:#2a2a2a;border:2px solid #eab30899;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 #0000001a}.status-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);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 #00000026}.status-button.selected{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.status-icon{flex-shrink:0;font-size:1.5rem}.status-text{color:#fff;font-size:.9rem;font-weight:600}.status-button.status-geen-antwoord.selected,.status-button.status-niet-relevant.selected,.status-button.status-geen-interesse.selected,.status-button.status-tba.selected{color:#fff;background:#1a1a1a;border-color:#eab308e6}.status-button.status-deal.selected{color:#fff;background:#1a1a1a;border-color:#eab308;animation:2s ease-in-out infinite dealPulse}@keyframes dealPulse{0%,to{box-shadow:0 8px 25px #0003}50%{box-shadow:0 8px 25px #10b98166}}.input-submit-row{align-items:center;gap:.5rem;display:flex}.input-fields{flex:1;gap:.5rem;display:flex}.compact-input{background:var(--glass-bg-light);border:1px solid #e2e8f080;border-radius:6px;flex:1;padding:.5rem;font-size:.8rem;transition:all .2s}.compact-input:focus{border-color:#eab308cc;outline:none;box-shadow:0 0 0 2px #eab3081a}.date-input,.time-input{cursor:pointer;min-width:120px;font-family:inherit;position:relative}.date-input:hover,.time-input:hover{border-color:#eab308cc;box-shadow:0 0 0 2px #eab3081a}.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{background:var(--glass-bg-light);resize:none;border:1px solid #e2e8f080;border-radius:6px;flex:1;min-height:36px;padding:.5rem;font-size:.8rem;transition:all .2s}.compact-textarea:focus{border-color:#eab308cc;outline:none;box-shadow:0 0 0 2px #eab3081a}.compact-submit-button{color:#fff;cursor:pointer;text-shadow:0 1px 2px #0000001a;background:#1a1a1a;border:1px solid #eab308cc;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{background:#2a2a2a;border-color:#eab308;transform:translateY(-1px);box-shadow:0 4px 12px #eab3084d}.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:#fff;background:linear-gradient(135deg,#6366f10d 0%,#8b5cf60d 100%);border-bottom:1px solid #6366f11a;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:#eab308;font-size:1rem;font-weight:700}.belbak-count-info{color:#eab308;font-size:.85rem;font-weight:600}.notes-section{flex-direction:column;gap:.5rem;display:flex}.notes-label{color:#fff;font-size:.9rem;font-weight:600}.notes-textarea{resize:vertical;background:var(--glass-bg-light);color:#fff;border:2px solid #e2e8f080;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 #6366f11a}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:16px;min-width:200px;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 #6366f14d}.submit-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);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 #6366f166}.submit-button.disabled{cursor:not-allowed;opacity:.6;background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%);box-shadow:0 2px 4px #0000001a}.submit-button.disabled:hover{transform:none;box-shadow:0 2px 4px #0000001a}@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:#6366f10d;border:1px solid #6366f11a;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:#ca8a04;font-weight:500;text-decoration:none;transition:color .2s}.header-phone-link:hover{color:#047857;text-decoration:underline}.header-location-text{color:#fff;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 #e2e8f080;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;box-shadow:0 2px 4px #0000000d}.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:#6366f11a;border-radius:20px;padding:.5rem 1rem;font-weight:600}.tba-search{background:var(--glass-bg-light);border-bottom:1px solid #e2e8f080;padding:1rem 2rem}.tba-search-input{background:var(--glass-bg-light);border:2px solid #e2e8f080;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 #6366f11a}.tba-list-container{flex:1;min-height:0;max-height:calc(100vh - 300px);padding:1rem 2rem;overflow:hidden 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 #e2e8f080;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 #0000001a}@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:#6366f133;transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a}.tba-card.today{background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border-left:4px solid #eab308}.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:#6366f11a;border-radius:6px;padding:.25rem .5rem;font-size:.8rem;font-weight:600}.tba-status-badge{color:#fff;background:#eab308;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],.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:#eab308;box-shadow:0 0 10px #10b9814d}.tba-card.vervolg{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-left:4px solid #3b82f6}.tba-vervolg-reden{color:#475569;background:#ffffffb3;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:#fff;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:#ca8a04;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{color:#eab308;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.tba-phone:hover,.tba-location:hover{color:#fbbf24;-webkit-text-decoration:underline #eab308;text-decoration:underline #eab308}.tba-label{opacity:.7;font-size:.8rem}.tba-phone-link{color:#eab308;font-weight:500;text-decoration:none}.tba-phone-link:hover{color:#fbbf24;-webkit-text-decoration:underline #eab308;text-decoration:underline #eab308}.tba-location-text{color:#fff;font-weight:500}.tba-notes{background:#3b82f60d;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 #e2e8f080;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,#1a1a1af2 0%,#2a2a2af2 100%);flex-direction:column;height:calc(100vh - 80px);display:flex;overflow:hidden}.beheer-header{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border-bottom:1px solid #eab30833;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:relative;box-shadow:0 2px 4px #0000004d}.beheer-header:after{content:"";background:linear-gradient(90deg,#0000 0%,#eab3084d 50%,#0000 100%);width:100%;height:1px;position:absolute;bottom:0;left:0}.beheer-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#eab308 100%);-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:800;display:flex}.beheer-stats{align-items:center;gap:.75rem;display:flex}.beheer-count{color:#eab308;background:#eab3081a;border:1px solid #eab30833;border-radius:16px;padding:.35rem .75rem;font-size:.8rem;font-weight:600}.beheer-clear-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:16px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s}.beheer-clear-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.beheer-controls{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border-bottom:1px solid #eab30826;align-items:center;gap:.75rem;padding:.5rem 1.5rem;display:flex}.beheer-search{flex:1}.beheer-search-input{width:100%;color:var(--text-primary);background:#0006;border:1px solid #eab30833;border-radius:6px;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.beheer-search-input:focus{background:#00000080;border-color:#eab308cc;outline:none;box-shadow:0 0 0 3px #eab3081a}.beheer-search-input::placeholder{color:#ffffff80}.beheer-filters{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.beheer-filter-select,.beheer-sort-select{color:var(--text-primary);cursor:pointer;background:#0006;border:1px solid #eab30833;border-radius:6px;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.beheer-filter-select:focus,.beheer-sort-select:focus{background:#00000080;border-color:#eab308cc;outline:none;box-shadow:0 0 0 3px #eab3081a}.beheer-status-overview{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border-bottom:1px solid #eab30826;flex-wrap:wrap;gap:.5rem;padding:.5rem 1.5rem;display:flex}.beheer-status-item{cursor:pointer;background:#0006;border:1px solid #eab30833;border-left:3px solid;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.75rem;transition:all .2s;display:flex}.beheer-status-item:hover{background:#00000080;border-color:#eab30866;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.beheer-status-label{color:var(--text-primary);font-weight:600}.beheer-status-count{color:#eab308;background:#eab30833;border:1px solid #eab3084d;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.beheer-list-container{background:linear-gradient(135deg,#0000004d 0%,#0006 100%);flex:1;min-height:0;max-height:calc(100vh - 300px);padding:1.5rem 2rem;overflow:hidden 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:#ffffffb3;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{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);cursor:pointer;background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30833;border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.beheer-card *{border:none!important}.beheer-card .beheer-card-header,.beheer-card .beheer-card-content{border:inherit!important}.beheer-card .beheer-delete-button{border:none!important}.beheer-card{padding:0;border:none!important}@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,#eab308,#ca8a04,#eab308);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.beheer-card:hover:before{opacity:1}.beheer-card:hover{border-color:#eab30866;transform:translateY(-2px);box-shadow:0 8px 12px -2px #0006,0 4px 6px -1px #0000004d}.beheer-card-header{border:1px solid #eab30826;border-bottom:none;border-radius:8px 8px 0 0;justify-content:space-between;align-items:flex-start;margin-bottom:0;padding:1rem;display:flex}.beheer-card-title{background:0 0;border:none;flex-direction:column;flex:1;gap:.5rem;padding:0;display:flex}.beheer-business-name{color:var(--text-primary);background:0 0;border:none;margin:0 0 .5rem;padding:0;font-size:1.15rem;font-weight:700;line-height:1.3}.beheer-category{color:#eab308;background:#eab3081a;border:none;border-radius:6px;margin-bottom:.5rem;padding:.3rem .6rem;font-size:.8rem;font-weight:600;display:inline-block}.beheer-card-actions{background:0 0;border:none;align-items:center;gap:.5rem;padding:0;display:flex}.beheer-status-badge{color:var(--text-primary);text-transform:capitalize;letter-spacing:.3px;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30833;border-radius:8px;padding:.4rem .75rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px #0003}.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{background:0 0;border:1px solid #eab30826;border-top:none;border-radius:0 0 8px 8px;flex-direction:column;gap:1rem;margin-top:0;padding:1rem;display:flex}.beheer-contact-info{background:0 0;border:none;flex-direction:column;gap:.5rem;padding:0;display:flex}.beheer-phone,.beheer-email,.beheer-location{background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:.9rem;display:flex}.beheer-label{opacity:.7;background:0 0;border:none;padding:0;font-size:.8rem}.beheer-phone-link{color:#eab308;background:0 0;border:none;padding:0;font-weight:500;text-decoration:none;transition:all .2s}.beheer-phone-link:hover{color:#ca8a04;-webkit-text-decoration:underline #eab308;text-decoration:underline #eab308}.beheer-email-text,.beheer-location-text{color:var(--text-primary);background:0 0;border:none;padding:0;font-weight:500}.beheer-stats-row{color:#ffffffb3;background:0 0;border:none;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:0;font-size:.8rem;display:flex}.beheer-call-stats{background:0 0;border:none;flex-direction:column;gap:.25rem;padding:0;display:flex}.beheer-call-count{color:#eab308;background:0 0;border:none;padding:0;font-weight:600}.beheer-last-call{color:#fff9;background:0 0;border:none;padding:0;font-size:.75rem;font-style:italic}.beheer-date-info{text-align:right;background:0 0;border:none;padding:0}.beheer-updated{color:#ffffffb3;background:0 0;border:none;padding:0;font-size:.75rem}.beheer-notes{background:#0003;border:none;border-radius:8px;align-items:flex-start;gap:.5rem;padding:.75rem;display:flex}.beheer-notes-label{opacity:.7;color:#eab308;background:0 0;border:none;margin-top:.1rem;padding:0;font-size:.8rem}.beheer-notes-text{color:var(--text-primary);background:0 0;border:none;padding:0;font-size:.9rem;line-height:1.4}.belgeschiedenis-tab-container{background:linear-gradient(135deg,#0000004d 0%,#0006 100%);flex-direction:column;height:calc(100vh - 80px);display:flex;overflow:hidden}.belgeschiedenis-list-container{background:linear-gradient(135deg,#0000004d 0%,#0006 100%);flex:1;min-height:0;max-height:calc(100vh - 300px);margin-bottom:1rem;padding:1.5rem 2rem;overflow:hidden auto}.belgeschiedenis-list{flex-direction:column;gap:1rem;min-height:100%;padding-bottom:4rem;display:flex}.belgeschiedenis-header{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border-bottom:1px solid #eab30833;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:relative;box-shadow:0 2px 4px #0000004d}.belgeschiedenis-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#eab308 100%);-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:800;display:flex}.belgeschiedenis-stats{align-items:center;gap:.75rem;font-size:.8rem;display:flex}.belgeschiedenis-count,.belgeschiedenis-businesses-count{color:#eab308;background:#eab3081a;border:1px solid #eab30833;border-radius:20px;padding:.35rem .75rem;font-size:.9rem;font-weight:600}.belgeschiedenis-controls{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border-bottom:1px solid #eab30826;align-items:center;gap:.75rem;padding:.5rem 1.5rem;display:flex}.belgeschiedenis-search{flex:1}.belgeschiedenis-search-input{width:100%;color:var(--text-primary);background:#0006;border:1px solid #eab30833;border-radius:8px;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.belgeschiedenis-search-input:focus{background:#00000080;border-color:#eab308cc;outline:none;box-shadow:0 0 0 3px #eab3081a}.belgeschiedenis-filters{gap:.5rem;display:flex}.belgeschiedenis-filter-select,.belgeschiedenis-sort-select{color:var(--text-primary);cursor:pointer;background:#0006;border:1px solid #eab30833;border-radius:8px;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.belgeschiedenis-filter-select:focus,.belgeschiedenis-sort-select:focus{background:#00000080;border-color:#eab308cc;outline:none;box-shadow:0 0 0 3px #eab3081a}.belgeschiedenis-status-overview{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border-bottom:1px solid #eab30826;flex-wrap:wrap;gap:.5rem;padding:.5rem 1.5rem;display:flex}.belgeschiedenis-status-item{cursor:pointer;background:#0006;border:1px solid #eab30833;border-left:3px solid;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.75rem;transition:all .2s;display:flex}.belgeschiedenis-status-item:hover{background:#00000080;border-color:#eab30866;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.belgeschiedenis-status-icon{font-size:.9rem}.belgeschiedenis-status-label{color:var(--text-primary);font-weight:600}.belgeschiedenis-status-count{color:#eab308;background:#eab30833;border:1px solid #eab3084d;border-radius:10px;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.belgeschiedenis-empty{color:#ffffffb3;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{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);cursor:pointer;background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:none;border-radius:12px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.belgeschiedenis-card *{border:none!important}.belgeschiedenis-card{border:1px solid #eab30833!important}@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,#eab308,#ca8a04,#eab308);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.belgeschiedenis-card:hover:before{opacity:1}.belgeschiedenis-card:hover{border-color:#eab30866;transform:translateY(-2px);box-shadow:0 8px 12px -2px #0006,0 4px 6px -1px #0000004d}.belgeschiedenis-card-header{border:1px solid #eab30826;border-bottom:none;border-radius:8px 8px 0 0;justify-content:space-between;align-items:flex-start;margin-bottom:0;padding:1rem;display:flex}.belgeschiedenis-card-title{background:0 0;border:none;flex:1;padding:0}.belgeschiedenis-business-name{color:var(--text-primary);background:0 0;border:none;margin:0 0 .5rem;padding:0;font-size:1.15rem;font-weight:700;line-height:1.3}.belgeschiedenis-category{color:#eab308;background:#eab3081a;border:none;border-radius:6px;margin-bottom:.5rem;padding:.3rem .6rem;font-size:.8rem;font-weight:600;display:inline-block}.belgeschiedenis-card-status{text-align:right;background:0 0;border:none;padding:0}.belgeschiedenis-status-badge{color:#fff;border:none;border-radius:8px;padding:.4rem .75rem;font-size:.75rem;font-weight:600;display:inline-block;box-shadow:0 2px 4px #0003}.belgeschiedenis-card-content{background:0 0;border:1px solid #eab30826;border-top:none;border-radius:0 0 8px 8px;flex-direction:column;gap:1rem;margin-top:0;padding:1rem;display:flex}.belgeschiedenis-contact-info{background:0 0;border:none;flex-direction:column;gap:.5rem;padding:0;display:flex}.belgeschiedenis-phone{background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:.9rem;display:flex}.belgeschiedenis-label{opacity:.7;background:0 0;border:none;padding:0;font-size:.8rem}.belgeschiedenis-phone-link{color:#eab308;background:0 0;border:none;padding:0;font-weight:500;text-decoration:none;transition:all .2s}.belgeschiedenis-phone-link:hover{color:#ca8a04;-webkit-text-decoration:underline #eab308;text-decoration:underline #eab308}.belgeschiedenis-datetime{color:var(--text-primary);background:#0006;border:1px solid #eab30826;border-left:3px solid #eab308;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:var(--text-primary);font-weight:600}.belgeschiedenis-time-ago{text-align:right}.belgeschiedenis-time-ago-text{color:#ffffffb3;font-size:.8rem;font-style:italic}.belgeschiedenis-notes{background:#0003;border:none;border-left:3px solid #eab308;border-radius:8px;align-items:flex-start;gap:.5rem;padding:.75rem;display:flex}.belgeschiedenis-notes-label{opacity:.7;color:#eab308;background:0 0;border:none;margin-top:.1rem;padding:0;font-size:.8rem}.belgeschiedenis-notes-text{color:var(--text-primary);background:0 0;border:none;padding:0;font-size:.9rem;line-height:1.4}.edit-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.edit-modal-container{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30833;border-radius:16px;flex-direction:column;width:90%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}@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{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border-bottom:1px solid #eab30833;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.edit-modal-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#eab308 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.edit-modal-close{color:#ffffffb3;cursor:pointer;background:#0006;border:1px solid #eab30833;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{color:var(--text-primary);background:#0009;border-color:#eab30866;transform:scale(1.1)}.edit-modal-content{background:linear-gradient(135deg,#0000004d 0%,#0006 100%);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:#eab308;border-bottom:2px solid #eab30833;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:#eab308;font-size:.9rem;font-weight:600}.edit-input,.edit-select,.edit-textarea{color:var(--text-primary);background:#0006;border:1px solid #eab30833;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s}.edit-input:focus,.edit-select:focus,.edit-textarea:focus{background:#00000080;border-color:#eab308cc;outline:none;box-shadow:0 0 0 3px #eab3081a}.edit-textarea{resize:vertical;min-height:100px}.edit-modal-footer{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border-top:1px solid #eab30833;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:var(--text-primary);background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #eab30899}.edit-cancel-button:hover{background:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%);border-color:#eab308e6;transform:translateY(-1px);box-shadow:0 4px 12px #eab3084d}.edit-save-button{color:#fff;background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%);border:none;box-shadow:0 4px 12px #eab3084d}.edit-save-button:hover:not(:disabled){background:linear-gradient(135deg,#ca8a04 0%,#a16207 100%);transform:translateY(-1px);box-shadow:0 8px 25px #eab30866}.edit-save-button:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af}.bellbak-management-container{background:linear-gradient(135deg,#0000004d 0%,#0006 100%);flex-direction:column;height:calc(100vh - 80px);padding:1rem 1.5rem;display:flex;overflow:hidden auto}.bellbak-management-header{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30833;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;display:flex;box-shadow:0 2px 4px #0000004d}.bellbak-management-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#eab308 100%);-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:800;display:flex}.bellbak-management-stats{gap:.75rem;font-size:.85rem;display:flex}.bellbak-quick-access{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1afa 0%,#2a2a2afa 100%);border:1px solid #eab30840;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem 2rem;position:relative;overflow:visible;box-shadow:0 4px 12px #0000004d,0 2px 4px #0003;visibility:visible!important;opacity:1!important;display:block!important}.bellbak-quick-access:before{content:"";z-index:1;background:linear-gradient(90deg,#0000 0%,#eab30880 50%,#0000 100%);height:3px;position:absolute;top:0;left:0;right:0}@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{border-bottom:1px solid #eab30826;margin-bottom:1.25rem;padding-bottom:1rem;position:relative}.bellbak-quick-access-header:after{content:"";background:linear-gradient(90deg,#eab308,#eab3084d);border-radius:2px;width:60px;height:2px;position:absolute;bottom:0;left:0}.bellbak-quick-access-title{-webkit-text-fill-color:transparent;letter-spacing:-.01em;background:linear-gradient(135deg,#fff 0%,#eab308 100%);-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.1rem;font-weight:800;display:flex}.bellbak-quick-access-subtitle{color:#ffffffbf;margin:0;font-size:.875rem;font-weight:500;line-height:1.5}.bellbak-quick-categories{background:linear-gradient(135deg,#0009 0%,#000000b3 100%);border:1px solid #eab3084d;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.875rem;min-height:100px;max-height:400px;padding:1rem;display:grid;position:relative;overflow:visible auto}.bellbak-quick-categories::-webkit-scrollbar{width:8px}.bellbak-quick-categories::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.bellbak-quick-categories::-webkit-scrollbar-thumb{background:#eab3084d;border-radius:4px}.bellbak-quick-categories::-webkit-scrollbar-thumb:hover{background:#eab30880}.bellbak-quick-category-button{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);cursor:pointer;text-align:center;white-space:nowrap;z-index:1;border-radius:10px;justify-content:center;align-items:center;width:100%;min-width:fit-content;height:100%;min-height:44px;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 6px #0000004d,0 1px 2px #0003;color:#fff!important;opacity:1!important;visibility:visible!important;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%)!important;border:1px solid #eab30859!important;display:flex!important}.bellbak-quick-category-button:before{content:"";background:linear-gradient(90deg,#0000,#eab3081a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.bellbak-quick-category-button:hover:before{left:100%}@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,#1a1a1a 0%,#2a2a2a 100%);border-color:#eab30880;transform:translateY(-2px);box-shadow:0 6px 16px #eab30866,0 2px 4px #0000004d}.bellbak-quick-category-button.active{color:#eab308;background:linear-gradient(135deg,#eab30826 0%,#ca8a0426 100%);border-width:2px;border-color:#eab308b3;font-weight:700;box-shadow:0 4px 16px #eab3084d,inset 0 0 0 1px #eab30833}.bellbak-quick-category-button.active:hover{background:linear-gradient(135deg,#eab30833 0%,#ca8a0433 100%);border-color:#eab308e6;box-shadow:0 6px 20px #eab30866,inset 0 0 0 1px #eab3084d}.bellbak-active-indicator{color:#eab308;margin-left:.5rem;font-size:1rem;animation:2s ease-in-out infinite pulse}.bellbak-quick-category-button.all-categories{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);min-height:48px;color:var(--text-primary);letter-spacing:.01em;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:2px solid #eab30859;grid-column:1/-1;padding:.875rem 1.25rem;font-size:.95rem;font-weight:800;position:relative}.bellbak-quick-category-button.all-categories:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#eab30880,#0000);height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.bellbak-quick-category-button.all-categories:hover:after{opacity:1}.bellbak-quick-category-button.all-categories:hover{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border-color:#eab30899;box-shadow:0 6px 20px #eab30859,0 2px 4px #0000004d}.bellbak-quick-category-button.all-categories.active{color:#eab308;background:linear-gradient(135deg,#eab3082e 0%,#ca8a042e 100%);border-width:2px;border-color:#eab308bf;box-shadow:0 6px 20px #eab30859,inset 0 0 0 1px #eab30840}.bellbak-quick-category-button.all-categories.active:after{opacity:1;background:linear-gradient(90deg,#0000,#eab308b3,#0000)}.bellbak-quick-category-button.all-categories.active:hover{background:linear-gradient(135deg,#eab30838 0%,#ca8a0438 100%);border-color:#eab308e6;box-shadow:0 8px 24px #eab30873,inset 0 0 0 1px #eab30859}.bellbak-embedded-builder{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30833;border-radius:12px;margin-bottom:1rem;padding:1rem 1.5rem}.bellbak-embedded-builder-header{margin-bottom:1rem}.bellbak-embedded-builder-title{color:#eab308;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1rem;font-weight:700;display:flex}.bellbak-embedded-builder-subtitle{color:#ffffffb3;margin:0;font-size:.85rem}.bellbak-embedded-form{background:#0006;border:1px solid #eab30826;border-radius:8px;padding:1rem}.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:#eab308;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.bellbak-embedded-form-input{width:100%;color:var(--text-primary);background:#0006;border:1px solid #eab30833;border-radius:8px;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.bellbak-embedded-form-input:focus{border-color:#eab308cc;outline:none;box-shadow:0 0 0 3px #eab3081a}.bellbak-embedded-category-selector{margin-bottom:1rem}.bellbak-embedded-category-dropdown{width:100%;color:var(--text-primary);cursor:pointer;background:#0006;border:1px solid #eab30833;border-radius:8px;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.bellbak-embedded-category-dropdown:focus{border-color:#eab308cc;outline:none;box-shadow:0 0 0 3px #eab3081a}.bellbak-embedded-selected-categories{flex-wrap:wrap;gap:.5rem;display:flex}.bellbak-embedded-selected-category{color:#fff;background:linear-gradient(135deg,#eab308 0%,#ca8a04 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:#fff3;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:#ffffff4d;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:var(--text-primary);cursor:pointer;background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border:1px solid #eab30833;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.bellbak-embedded-clear-button:hover{background:linear-gradient(135deg,#2a2a2ae6 0%,#3a3a3ae6 100%);border-color:#eab30866}.bellbak-embedded-save-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #eab30899;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.bellbak-embedded-save-button:hover:not(:disabled){background:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%);border-color:#eab308e6;box-shadow:0 4px 12px #eab3084d}.bellbak-embedded-save-button:disabled{cursor:not-allowed;box-shadow:none;opacity:.5;background:#0000004d;border-color:#eab30833}.bellbak-template-count,.bellbak-category-count{color:#eab308;background:#eab3081a;border:1px solid #eab30833;border-radius:16px;padding:.35rem .75rem;font-size:.8rem;font-weight:600}.bellbak-active-status{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30833;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.bellbak-active-info{align-items:center;gap:1rem;display:flex}.bellbak-active-label{color:#eab308;font-weight:600}.bellbak-active-name{color:var(--text-primary);background:#eab3081a;border:1px solid #eab30833;border-radius:8px;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 #ef44444d}.bellbak-templates-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem;min-height:200px;max-height:calc(100vh - 500px);margin-bottom:1rem;padding:1rem 1.5rem;display:grid;overflow:hidden auto}.bellbak-template-card{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);cursor:pointer;background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30833;border-radius:12px;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000004d}.bellbak-template-card:before{content:"";opacity:0;background:linear-gradient(90deg,#eab308,#ca8a04,#fbbf24);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.bellbak-template-card:hover:before{opacity:1}.bellbak-template-card:hover{border-color:#eab30866;transform:translateY(-2px);box-shadow:0 8px 16px #0006}.bellbak-template-card.active{background:linear-gradient(135deg,#1a1a1afa 0%,#2a2a2afa 100%);border-color:#eab30899;box-shadow:0 0 0 1px #eab30833,0 0 20px #eab30833,0 4px 6px -1px #0000004d}@keyframes neonGlow{0%{box-shadow:0 0 0 1px #10b98133,0 0 20px #10b9814d,0 4px 6px -1px #0000001a}to{box-shadow:0 0 0 1px #10b98166,0 0 30px #10b98180,0 4px 6px -1px #0000001a}}.bellbak-template-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.bellbak-template-name{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.bellbak-template-actions{gap:.5rem;display:flex}.bellbak-edit-button,.bellbak-delete-button{cursor:pointer;color:var(--text-primary);background:#0006;border:1px solid #eab30833;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;font-size:.85rem;transition:all .2s;display:flex}.bellbak-edit-button:hover{color:#eab308;background:#eab3081a;border-color:#eab30866}.bellbak-delete-button:hover{color:#ef4444;background:#ef444433;border-color:#ef444466}.bellbak-template-description{color:#ffffffb3;margin:0 0 .75rem;font-size:.85rem;line-height:1.4}.bellbak-template-categories{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.bellbak-category-badge{color:#eab308;background:#eab3081a;border:1px solid #eab30833;border-radius:8px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.bellbak-template-footer{border-top:1px solid #eab30826;justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.bellbak-template-stats{color:#ffffffb3;font-size:.85rem}.bellbak-business-count{color:#eab308;font-weight:600}.bellbak-activate-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #eab30899;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.bellbak-activate-button:hover{background:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%);border-color:#eab308e6;box-shadow:0 4px 12px #eab3084d}.bellbak-activate-button.active{color:#eab308;background:linear-gradient(135deg,#eab30833 0%,#ca8a0433 100%);border-color:#eab30899}.bellbak-create-section{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30833;border-radius:12px;margin-bottom:1rem;padding:1rem 1.5rem}.bellbak-create-toggle{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #eab30899;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.bellbak-create-toggle:hover{background:#2a2a2a;border-color:#eab308e6;transform:translateY(-1px);box-shadow:0 4px 12px #eab3084d}.bellbak-create-form{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #e2e8f080;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:#eab308;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.bellbak-form-input{background:var(--glass-bg-light);border:2px solid #e2e8f080;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 #6366f11a}.bellbak-category-selector{margin-bottom:1rem}.bellbak-category-dropdown{background:var(--glass-bg-light);cursor:pointer;border:2px solid #e2e8f080;border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.bellbak-category-dropdown:focus{border-color:#eab308cc;outline:none;box-shadow:0 0 0 3px #eab3081a}.bellbak-selected-categories{flex-wrap:wrap;gap:.5rem;display:flex}.bellbak-selected-category{color:#fff;background:linear-gradient(135deg,#eab308 0%,#ca8a04 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:#fff3;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:#ffffff4d;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,#eab308 0%,#ca8a04 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 #10b9814d}.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:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bellbak-edit-modal{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #fff3;border-radius:24px;flex-direction:column;width:90%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@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:#fff3;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:#ffffff4d;transform:scale(1.1)}.bellbak-edit-modal-content{flex:1;padding:2rem;overflow-y:auto}.bellbak-edit-modal-footer{background:#6366f10d;border-top:1px solid #e2e8f080;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.bellbak-cancel-button{color:#fff;cursor:pointer;background:#f3f4f6;border:2px solid #e2e8f080;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:hidden auto}.analytics-header{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border-bottom:1px solid #eab30833;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;box-shadow:0 8px 32px #00000080}.analytics-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#eab308 100%);-webkit-background-clip:text;background-clip:text;align-items:center;margin:0;font-size:1.5rem;font-weight:800;display:flex}.analytics-description{color:#ffffffb3;margin:.25rem 0 0;font-size:.9rem;font-weight:500}.analytics-controls{align-items:center;gap:1rem;display:flex}.analytics-timeframe-select{color:var(--text-primary);cursor:pointer;background:#0009;border:2px solid #eab3084d;border-radius:12px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.analytics-timeframe-select:focus{background:#000c;border-color:#eab308cc;outline:none;box-shadow:0 0 0 3px #eab3081a}.analytics-refresh-button{color:var(--text-primary);cursor:pointer;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #eab30899;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{background:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%);border-color:#eab308e6;transform:translateY(-1px);box-shadow:0 4px 12px #eab3084d}.analytics-refresh-button:active{transform:scale(.95)}.analytics-custom-dates{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border:1px solid #eab30833;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.analytics-date-input{color:var(--text-primary);cursor:pointer;background:#0009;border:2px solid #eab3084d;border-radius:8px;min-width:140px;padding:.5rem .75rem;font-size:.9rem;transition:all .2s}.analytics-date-input:focus{background:#000c;border-color:#eab308cc;outline:none;box-shadow:0 0 0 3px #eab3081a}.analytics-date-separator{color:#ffffffb3;white-space:nowrap;font-size:.9rem;font-weight:500}.analytics-clear-dates{color:var(--text-primary);cursor:pointer;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #eab30899;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:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%);border-color:#eab308e6;transform:scale(1.05);box-shadow:0 4px 12px #eab3084d}.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{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border:1px solid #eab30833;border-radius:16px;padding:1.5rem;transition:all .2s}.employee-stat-card:hover{border-color:#eab30866;transform:translateY(-2px);box-shadow:0 8px 25px #eab3084d}.employee-stat-header{border-bottom:2px solid #eab30833;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.employee-stat-name{color:#fff;font-size:1.1rem;font-weight:700}.employee-stat-total{color:#1a1a1a;background:linear-gradient(135deg,#eab308 0%,#ca8a04 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:#eab308;align-items:center;font-size:.9rem;font-weight:500;display:flex}.employee-stat-value{color:#fff;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:#ffffffb3;flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.analytics-note{color:#fff9;font-size:.8rem;font-style:italic}.analytics-count{color:#eab308;background:#eab30833;border:1px solid #eab30866;border-radius:20px;padding:.5rem 1rem;font-weight:600}.analytics-section{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border:1px solid #eab30833;border-radius:16px;margin-bottom:1rem;padding:1.5rem 2rem;box-shadow:0 8px 32px #00000080}.analytics-section-title{color:#eab308;border-bottom:2px solid #eab30833;align-items:center;margin:0 0 .5rem;padding-bottom:.5rem;font-size:1.2rem;font-weight:700;display:flex}.analytics-subtitle{color:#ffffffb3;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{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);text-align:center;background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border:1px solid #eab30833;border-radius:12px;min-width:120px;padding:1rem;transition:all .2s}.success-metric:hover{border-color:#eab30866;transform:translateY(-2px);box-shadow:0 8px 25px #eab3084d}.success-metric-value{color:#10b981;margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.success-metric-label{color:var(--text-primary);justify-content:center;align-items:center;gap:4px;margin-bottom:.25rem;font-size:.8rem;font-weight:600;line-height:1.2;display:flex}.success-metric-detail{color:#ffffffb3;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{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border:1px solid #eab30833;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:#fff;flex:1;font-weight:600}.status-stat-percentage{color:#eab308;font-size:1.1rem;font-weight:700}.status-stat-bar{background:#0006;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:#ffffffb3;text-align:right;font-size:.9rem}.progress-flow{flex-direction:column;gap:1.5rem;display:flex}.progress-step{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1ae6 0%,#2a2a2ae6 100%);border:1px solid #eab30833;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:#fff;margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.progress-step-total{color:#ffffffb3;font-size:.9rem}.progress-transitions{flex-direction:column;gap:1rem;display:flex}.progress-transition{background:#0006;border:1px solid #eab30826;border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.progress-transition-arrow{color:#eab308;flex-shrink:0;font-size:1.5rem;font-weight:700}.progress-transition-info{flex:1;min-width:0}.progress-transition-label{color:#fff;margin-bottom:.25rem;font-weight:600}.progress-transition-stats{color:#ffffffb3;font-size:.9rem}.progress-transition-bar{background:#0006;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 #0003}.confetti-container{transform:scale(.7)}}@media (max-height:500px) and (orientation:landscape){.confetti-particle{animation-duration:1.2s;box-shadow:0 1px 2px #00000026}.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 #0003}}.filtered-header{border-radius:var(--radius-md);padding:var(--spacing-md);background:linear-gradient(135deg,#eab3080d 0%,#2a2a2a4d 50%,#eab3080d 100%);justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.filtered-header:before{content:"";border-radius:var(--radius-md);pointer-events:none;z-index:0;background:linear-gradient(135deg,#eab30814 0%,#1a1a1a66 50%,#eab30814 100%);position:absolute;inset:0}.filtered-header>*{z-index:1;position:relative}.filtered-header-left{align-items:center;gap:.75rem;display:flex}.filtered-icon{background:linear-gradient(135deg,#eab308 0%,#fbbf24 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:#fff;margin:0;font-size:1.875rem;font-weight:700}.filtered-subtitle{color:#ffffffe6;margin:0;font-size:.875rem}.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:#fff;background:#1a1a1a;border:1px solid #eab30899}.filtered-stat-secondary{color:#fff;background:#2a2a2a;border:1px solid #eab30899}.filtered-search-container{background:linear-gradient(135deg,#eab3080d 0%,#2a2a2a4d 50%,#eab3080d 100%);border:1px solid #eab30866;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem;position:relative;box-shadow:0 1px 3px #0000001a}.filtered-search-container:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#eab30814 0%,#1a1a1a66 50%,#eab30814 100%);border-radius:.5rem;position:absolute;inset:0}.filtered-search-container>*{z-index:1;position:relative}.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:#eab308cc;outline:none;box-shadow:0 0 0 3px #eab3081a}.filtered-dropdowns{gap:.75rem;display:flex}.filtered-dropdown{background:var(--glass-bg-light);border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.filtered-dropdown:focus{border-color:#eab308cc;outline:none;box-shadow:0 0 0 3px #eab3081a}.filtered-business-list{border-radius:var(--radius-md);max-height:calc(100vh - 200px);padding-bottom:1rem;padding-right:.5rem;padding:var(--spacing-md);background:linear-gradient(135deg,#eab30808 0%,#2a2a2a33 50%,#eab30808 100%);flex-direction:column;gap:1rem;display:flex;position:relative;overflow-y:auto}.filtered-business-list:before{content:"";border-radius:var(--radius-md);pointer-events:none;z-index:0;background:linear-gradient(135deg,#eab3080d 0%,#1a1a1a4d 50%,#eab3080d 100%);position:absolute;inset:0}.filtered-business-list>*{z-index:1;position:relative}.filtered-empty-state{text-align:center;padding:4rem 0}.filtered-empty-icon{color:#fff;margin-bottom:1.5rem;font-size:5rem}.filtered-empty-title{color:#fff;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.filtered-empty-description{color:#fff;max-width:28rem;margin:0 auto}.filtered-business-card{cursor:pointer;background:linear-gradient(135deg,#eab3080d 0%,#2a2a2a4d 50%,#eab3080d 100%);border:none;border-radius:.5rem;padding:1.5rem;transition:box-shadow .2s;position:relative;box-shadow:0 1px 3px #0000001a}.filtered-business-card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#eab30814 0%,#1a1a1a66 50%,#eab30814 100%);border-radius:.5rem;position:absolute;inset:0}.filtered-business-card>*{z-index:1;position:relative}.filtered-business-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.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:#fff;margin:0;font-size:1.125rem;font-weight:700}.filtered-category-badge{color:#eab308;background:#eab3081a;border:none;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:#eab308;font-size:1rem}.filtered-phone-text{color:#fff;font-size:1rem}.filtered-business-time{align-items:center;gap:.5rem;display:flex}.filtered-time-indicator{background:#eab308;border-radius:.125rem;width:.25rem;height:1rem}.filtered-time-text{color:#fff;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:#1a1a1a;border:1px solid #eab30899;border-radius:.375rem;padding:.5rem;font-size:1rem;transition:all .2s;box-shadow:0 2px 4px #eab30833}.filtered-edit-button:hover{background:#2a2a2a;border-color:#eab308e6;transform:translateY(-1px);box-shadow:0 4px 8px #eab3084d}.filtered-edit-button:active{transform:translateY(0)}.filtered-email-buttons{gap:4px;margin-top:8px;display:flex}.filtered-email-btn{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #eab30899;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 #0000001a}.filtered-email-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.filtered-email-info:hover,.filtered-email-followup:hover{color:#fff;background:#2a2a2a;border-color:#eab308e6}.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:#fff;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:#fff;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:#fff;background:#f3f4f6;border:1px solid #d1d5db}.process-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.process-modal-content{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30833;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 #0000004d,0 10px 10px -5px #0003}.process-modal-header{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border-bottom:1px solid #eab30833;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{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#eab308 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.process-modal-subtitle{color:#fff;margin:0;font-size:1rem}.process-modal-close{color:#ffffffb3;cursor:pointer;background:#0006;border:1px solid #eab30833;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:.25rem;font-size:1.5rem;transition:all .2s;display:flex}.process-modal-close:hover{color:var(--text-primary);background:#0009;border-color:#eab30866;transform:scale(1.1)}.process-modal-body{background:linear-gradient(135deg,#0000004d 0%,#0006 100%);padding:0 1.5rem 1.5rem}.process-section-title{color:#eab308;margin:0 0 1rem;font-size:1.125rem;font-weight:700}.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:#eab308;border-color:#10b981}.process-flow-current{color:#fff;background:#6366f1;border-color:#6366f1}.process-flow-next{color:#fff;background:#f3f4f6;border-color:#d1d5db}.process-flow-pending{color:#fff;background:#f9fafb;border-color:#e5e7eb}.process-flow-label{text-align:center;color:#fff;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:#eab308}.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:#fff;font-size:.75rem}.process-note-text{color:#fff;margin:0 0 .5rem;line-height:1.5}.process-note-employee{color:#fff;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 #6366f11a}.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:#fff;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 #ef444433}.process-cancel-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.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:var(--glass-bg-light);border-radius:12px;width:100%;max-width:400px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.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:#fff;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:#fff;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 #3b82f61a}.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 #0000001a}.login-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.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:#fff;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:#fff;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 #0000001a}.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 #3b82f64d}.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 #0ea5e94d}.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 #f59e0b4d}.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:#fff;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:var(--glass-bg-light);border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.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:#fff;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:var(--glass-bg-light);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 #6366f11a}.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:#fff;cursor:pointer;margin:0;font-weight:500}.field-description{color:#fff;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:#fff;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 #6366f133}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#5b21b6 0%,#7c3aed 100%);transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}.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,#eab308 0%,#ca8a04 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 #10b98133}.offerte-form-button-compact:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.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,#eab308 0%,#ca8a04 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 #10b98133}.offerte-form-button:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.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:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--glass-bg-light);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 #0000001a,0 10px 10px -5px #0000000a}@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 #3b82f626}.offerte-type-card h4{color:#1f2937;margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.offerte-type-card p{color:#fff;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:#eab308}.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:.75rem;display:flex}.beheer-toggle-label{cursor:pointer;color:#ffffffb3;align-items:center;font-size:.8rem;transition:color .2s;display:flex}.beheer-toggle-label:hover{color:var(--text-primary)}.beheer-toggle-input{accent-color:#eab308;cursor:pointer;width:.9rem;height:.9rem;margin-right:.4rem}.beheer-toggle-text{-webkit-user-select:none;user-select:none;color:var(--text-primary);font-size:.8rem;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{background:var(--glass-bg-light);border:1px solid var(--border);cursor:pointer;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 #10b9811a}.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:#10b9811a;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:#10b9811a}.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:var(--glass-bg-light);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 #6366f11a}.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 #6366f11a}.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:auto 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{background:var(--glass-bg-light);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;min-width:120px;padding:.25rem .5rem;font-size:.8rem}.pitch-toggle-button{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;transition:all .2s}.pitch-toggle-button:hover{background:#ffffff4d;transform:translateY(-1px)}.pitch-display-content{background:var(--glass-bg-light);padding:1rem}.pitch-content{margin-bottom:1rem}.pitch-title{color:#eab308;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.pitch-text{color:#fff;background:#f8fafc;border-left:3px solid #eab308cc;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:#eab308;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.objection-item{color:#fff;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{background:var(--glass-bg-light);color:#fff;border:1px solid #eab30866;border-radius:4px;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.7rem;display:flex}.sheet-select{background:var(--glass-bg-light);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:3px;outline:none;min-width:120px;padding:.2rem .4rem;font-size:.7rem}.sheet-select:focus{border-color:#eab308cc;box-shadow:0 0 0 2px #eab3081a}.sheet-select option{background:var(--glass-bg-light);color:var(--text-primary)}.integrated-filter{background:#0006;border:1px solid #eab30833;border-radius:6px;align-items:center;gap:.5rem;padding:.35rem .65rem;font-size:.75rem;display:flex}.filter-text{color:#ffffffb3;font-size:.75rem;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:#0006;border:1px solid #eab30833;border-radius:1rem;transition:all .4s;position:absolute;inset:0}.mini-slider:before{content:"";background-color:#ffffff4d;border-radius:50%;width:.8rem;height:.8rem;transition:all .4s;position:absolute;bottom:.1rem;left:.1rem}.mini-toggle input:checked+.mini-slider{background-color:#eab3084d;border-color:#eab30899}.mini-toggle input:checked+.mini-slider:before{background-color:#eab308;transform:translate(1rem)}.ultra-compact-card{border:1px solid var(--border);background:linear-gradient(135deg,#eab3080d 0%,#2a2a2a4d 50%,#eab3080d 100%);border-radius:8px;flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex;position:relative;overflow:hidden}.ultra-compact-card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#eab30814 0%,#1a1a1a66 50%,#eab30814 100%);border-radius:8px;position:absolute;inset:0}.ultra-compact-card>*{z-index:1;position:relative}.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{color:#eab308;background:#eab3081a;border:none;border-radius:2px;padding:.05rem .2rem;font-size:.6rem;font-weight:500}.sheet-badge-compact{color:#eab308;white-space:nowrap;background:#eab3081a;border:none;border-radius:2px;padding:.05rem .2rem;font-size:.6rem;font-weight:500}.calls-count-compact{color:#fff;white-space:nowrap;background:#1a1a1a;border:1px solid #eab30899;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:#1a1a1a;border:1px solid #eab30899;border-radius:4px;margin-right:.25rem;padding:.25rem .5rem;font-size:.8rem;transition:all .2s}.call-history-btn:hover{background:#2a2a2a;border-color:#eab308e6;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:#eab308;font-weight:500;text-decoration:none}.contact-link:hover{color:#fbbf24;-webkit-text-decoration:underline #eab308;text-decoration:underline #eab308}.location-icon{color:#eab308;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:#fbbf2433;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:var(--glass-bg-light);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:#ca8a04;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{background:var(--glass-bg-light);border:1px solid var(--border);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:#eab308}.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:#eab308;font-weight:700;box-shadow:0 0 20px #10b98166}.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;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 #3b82f633;grid-template-columns:auto auto 1fr;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:grid}.vervolgafspraak-input{background:var(--glass-bg-light);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 #2563eb1a}.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 #6366f11a}.notes-input{resize:none;white-space:pre-wrap;word-wrap:break-word;border:1px solid var(--border);background:var(--glass-bg-light);min-height:20px;max-height:20px;color:var(--text-primary);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:#fff;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:#fff;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 #f59e0b1a}.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 #10b9811a}.objection-item{background:var(--glass-bg-light);border:1px solid var(--border);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:#fff;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:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.call-history-modal{background:var(--glass-bg-light);border-radius:8px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 10px 25px #0003}.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:#fff;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.2rem;transition:all .2s}.modal-close:hover{color:#fff;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:#fff;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:var(--glass-bg-light);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{background:var(--glass-bg-light);cursor:pointer;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:#fff;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:linear-gradient(135deg,#0000004d 0%,#0006 100%);border-radius:12px;flex-direction:column;height:100%;padding:1rem 1.5rem;display:flex;overflow-y:auto}.offerte-header{text-align:center;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30833;border-radius:12px;margin-bottom:1rem;padding:.75rem 1rem}.offerte-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#eab308 100%);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.1rem;font-weight:800;display:flex}.offerte-description{color:#ffffffb3;margin:0;font-size:.9rem}.offerte-layout{flex-direction:column;gap:1rem;width:100%;max-width:1000px;margin:0 auto;display:flex}.business-selection{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30833;border-radius:8px;padding:1rem}.section-title{color:#eab308;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1rem;font-weight:600;display:flex}.subsection-title{color:#eab308;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{color:var(--text-primary);background:#0006;border:1px solid #eab30833;border-radius:6px;margin-left:1.5rem;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.business-select:focus,.contact-select:focus,.leads-select:focus{background:#00000080;border-color:#eab308cc;outline:none;box-shadow:0 0 0 3px #eab3081a}.leads-selection{border-top:1px solid #eab30826;margin-top:1rem;padding-top:1rem}.checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-top:.5rem;display:grid}.checkbox-label{cursor:pointer;color:var(--text-primary);background:#0006;border:1px solid #eab30833;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem;font-size:.9rem;transition:all .2s;display:flex}.checkbox-label:hover{background:#00000080;border-color:#eab30866}.checkbox-label input[type=checkbox]{cursor:pointer;margin:0}.checkbox-label input[type=checkbox]:checked+span{color:var(--primary);font-weight:600}.form-section{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#1a1a1af2 0%,#2a2a2af2 100%);border:1px solid #eab30833;border-radius:8px;margin-bottom:1rem;padding:1rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.section-title{color:#eab308;border-bottom:2px solid #eab3084d;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600;display:flex}.subsection-title{color:#eab308;margin-bottom:.75rem;font-size:1rem;font-weight:600}.form-input,.form-select,.form-textarea{color:var(--text-primary);background:#0006;border:1px solid #eab30833;border-radius:6px;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#00000080;border-color:#eab308cc;outline:none;box-shadow:0 0 0 3px #eab3081a}.offerte-layout{grid-template-columns:1fr 2fr;gap:2rem;margin-top:1.5rem;display:grid}.business-selection{background:var(--glass-bg-light);border:1px solid var(--border);border-radius:8px;height:fit-content;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.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:var(--glass-bg-light);border-radius:6px;width:100%;padding:.75rem;font-size:.9rem}.total-section{background:#0006;border:1px solid #eab30833;border-radius:8px;margin:.75rem 0;padding:.75rem}.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 #eab30833;justify-content:center;margin-top:1rem;padding-top:1rem;display:flex}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}.info-tooltip-container{display:inline-block;position:relative}.info-button{color:#fff;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:#eab308;background:#eab30833;transform:scale(1.1)}.info-tooltip{z-index:1000;background:var(--glass-bg-light);opacity:1;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 #00000026}.info-tooltip-content{color:#fff;background:var(--glass-bg-light);border-radius:8px;padding:1rem;font-size:.875rem;line-height:1.5}.info-tooltip:before{content:"";background:var(--glass-bg-light);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{background:var(--glass-bg-light);border:1px solid var(--border);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:var(--glass-bg-light);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 #3b82f61a}.form-textarea{resize:vertical;min-height:80px}.offerte-item{background:#0006;border:1px solid #eab30833;border-radius:6px;margin-bottom:.75rem;padding:.75rem}.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{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #eab30899;border-radius:6px;align-items:center;gap:.5rem;width:fit-content;padding:.75rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.add-item-btn:hover{background:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%);border-color:#eab308e6;transform:translateY(-1px);box-shadow:0 4px 12px #eab3084d}.total-section{background:#0006;border:1px solid #eab30833;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:#eab308;font-size:.9rem;font-weight:600}.form-actions{border-top:1px solid var(--border);justify-content:center;padding-top:1rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);border:1px solid #eab30899;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:linear-gradient(135deg,#2a2a2a 0%,#3a3a3a 100%);border-color:#eab308e6;transform:translateY(-1px);box-shadow:0 4px 12px #eab3084d}.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 #00000026}.information-btn{color:#fff;background:#1a1a1a;border:1px solid #eab30899}.information-btn:hover{background:#2a2a2a;border-color:#eab308e6;transform:translateY(-2px);box-shadow:0 8px 20px #eab30866}.followup-btn{color:#fff;background:#1a1a1a;border:1px solid #eab30899}.followup-btn:hover{background:#2a2a2a;border-color:#eab308e6;transform:translateY(-2px);box-shadow:0 8px 20px #eab30866}.announcement-btn{color:#fff;background:#1a1a1a;border:1px solid #eab308cc}.announcement-btn:hover{background:#2a2a2a;border-color:#eab308;transform:translateY(-2px);box-shadow:0 8px 20px #eab30866}.actions-compact .email-template-btn{border:2px solid #0000;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 #00000026}.actions-compact .information-btn{color:#fff;background:#1a1a1a;border:1px solid #eab30899}.actions-compact .information-btn:hover{background:#2a2a2a;border-color:#eab308e6}.actions-compact .followup-btn{color:#fff;background:#1a1a1a;border:1px solid #eab30899}.actions-compact .followup-btn:hover{background:#2a2a2a;border-color:#eab308e6}.actions-compact .announcement-btn{color:#fff;background:#1a1a1a;border:1px solid #eab30899}.actions-compact .announcement-btn:hover{background:#2a2a2a;border-color:#eab308e6}.reshuffle-btn{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #eab30899;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:#2a2a2a;border-color:#eab308e6;transform:translateY(-2px);box-shadow:0 4px 12px #eab30866}@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:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.email-viewer-container{background:var(--glass-bg-light);border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000026}.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:var(--glass-bg-light);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:#fff;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:#eab308;text-decoration:none}.email-html-content a:hover{color:#fbbf24;-webkit-text-decoration:underline #eab308;text-decoration:underline #eab308}.email-text-content{color:#fff;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 #0000;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{background:var(--glass-bg-light);color:#fff;border-color:#d1d5db}.email-action-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af}.email-action-btn.danger{background:var(--glass-bg-light);color:#dc2626;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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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 #0000}@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 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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 #0000}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}