@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/poppins-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans: "Inter", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--kwickgen-green: #0B7A6B;--kwickgen-green-dark: #075850;--kwickgen-orange: #F16720;--kwickgen-green-tint: #EAF7F3;--kwickgen-orange-tint: #FFF1E8;--kwickgen-black: #0C1F18;--kwickgen-gray: #52665D;--kwickgen-white: #FFFFFF;--bg-main: #F5F7F4;--bg-surface: #FFFFFF;--bg-surface-elevated: #EAF7F3;--bg-surface-hover: #EAF7F3;--border-subtle: #E1E9E4;--border-focus: #F16720;--text-primary: #0C1F18;--text-secondary: #52665D;--text-muted: #52665D;--brand-primary: #F16720;--brand-primary-hover: #F16720;--brand-glow: rgba(241, 103, 32, .15);--brand-secondary: #0B7A6B;--brand-secondary-light: #0E9381;--accent-emerald: #0B7A6B;--accent-emerald-bg: #EAF7F3;--accent-amber: #F16720;--accent-amber-bg: #FFF1E8;--accent-rose: #F16720;--accent-rose-bg: #FFF1E8;--accent-sky: #0B7A6B;--accent-sky-bg: #EAF7F3;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .06);--shadow-glow: 0 0 0 3px rgba(241, 103, 32, .15);--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;margin:0;padding:0}html,body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden}.page-title{font-family:"DM Serif Display",serif;font-weight:400;font-size:32px;letter-spacing:-.02em;color:#0c1f18}@media (max-width: 768px){.page-title{font-size:26px!important}}input,button,select,textarea,optgroup{font-family:inherit;font-size:inherit;line-height:inherit}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:"liga" 0}h1,.h1{font-family:var(--font-sans);font-size:1.875rem;line-height:1.25;font-weight:700;letter-spacing:-.025em}h2,.h2{font-family:var(--font-sans);font-size:1.5rem;line-height:1.3;font-weight:700;letter-spacing:-.02em}h3,.h3{font-family:var(--font-sans);font-size:1.25rem;line-height:1.35;font-weight:600;letter-spacing:-.015em}h4,.h4{font-family:var(--font-sans);font-size:1.125rem;line-height:1.4;font-weight:600;letter-spacing:-.01em}h5,.h5{font-family:var(--font-sans);font-size:1rem;line-height:1.45;font-weight:600;letter-spacing:-.005em}h6,.h6{font-family:var(--font-sans);font-size:.875rem;line-height:1.5;font-weight:600;letter-spacing:0}p,.body-text{font-family:var(--font-sans);font-size:.875rem;line-height:1.5;font-weight:400;letter-spacing:-.01em}small,.text-small{font-family:var(--font-sans);font-size:.75rem;line-height:1.4;font-weight:500;letter-spacing:0}.caption,.text-caption{font-family:var(--font-sans);font-size:.6875rem;line-height:1.3;font-weight:600;letter-spacing:.04em;text-transform:uppercase}*{scrollbar-width:thin;scrollbar-color:#E1E9E5 #FFFFFF}::-webkit-scrollbar,.shell-sidebar::-webkit-scrollbar,.shell-body::-webkit-scrollbar,.main-content::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track,.shell-sidebar::-webkit-scrollbar-track,.shell-body::-webkit-scrollbar-track,.main-content::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb,.shell-sidebar::-webkit-scrollbar-thumb,.shell-body::-webkit-scrollbar-thumb,.main-content::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:#e1e9e5;border-radius:999px;border:1.5px solid #FFFFFF;transition:background .2s ease}::-webkit-scrollbar-thumb:hover,.shell-sidebar::-webkit-scrollbar-thumb:hover,.shell-body::-webkit-scrollbar-thumb:hover,.main-content::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover{background:#cbd7d0}.shell-sidebar{scrollbar-width:thin;scrollbar-color:#E1E9E5 #FFFFFF}.shell-sidebar::-webkit-scrollbar{width:5px}.corporate-portal-shell{scrollbar-width:thin;scrollbar-color:#94A3B8 #F1F5F3}.corporate-portal-shell::-webkit-scrollbar{width:10px;height:10px}.corporate-portal-shell::-webkit-scrollbar-track{background:#f1f5f3;border-left:1px solid #E2E8E5}.corporate-portal-shell::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px;border:2px solid #F1F5F3;transition:background .15s ease}.corporate-portal-shell::-webkit-scrollbar-thumb:hover{background:#0b7a6b}.card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:none;overflow:hidden;transition:all .2s ease}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:9999px;font-size:11.5px;font-weight:700;letter-spacing:.03em;box-shadow:0 1px 2px #00000008;white-space:nowrap;line-height:1.2;border:1.5px solid transparent}.badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-active,.badge-emerald,.badge-delivered,.badge-completed,.badge-success{background:#eaf7f3;color:#075850;border-color:#0b7a6b}.badge-expired,.badge-rose,.badge-failed,.badge-danger{background:#fff1e8;color:#f16720;border-color:#f16720}.badge-draft,.badge-amber,.badge-pending,.badge-sent{background:#fff;color:#075850;border-color:#a9adad}.badge-sky,.badge-info{background:#eaf7f3;color:#0b7a6b;border-color:#0b7a6b}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease;border:1.5px solid transparent;font-family:inherit}.btn-primary{background:#f16720;color:#fff;border-color:#f16720;box-shadow:0 4px 14px #f1672059}.btn-primary:hover{background:#d85715;border-color:#d85715;transform:translateY(-1px);box-shadow:0 6px 18px #f1672073}.btn-secondary{background:#fff;border-color:#0b7a6b;color:#075850;box-shadow:0 1px 3px #0000000a}.btn-secondary:hover{background:#eaf7f3;border-color:#075850;color:#075850;transform:translateY(-1px)}.btn-danger{background:#fff1e8;color:#f16720;border-color:#f16720}.btn-danger:hover{background:#f16720;color:#fff}.btn-sm{padding:5px 12px;font-size:12px;border-radius:6px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:11.5px;font-weight:700;color:#075850;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.form-control,.form-input,.form-select,.form-textarea{width:100%;background-color:#fff;border:1.5px solid #A9ADAD;border-radius:8px;padding:8px 14px;color:#000;font-size:13px;font-family:inherit;outline:none;transition:all .15s ease;box-shadow:0 1px 2px #00000008}.form-control:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0b7a6b;outline:2px solid rgba(11,122,107,.2);box-shadow:0 0 0 3px #0b7a6b1f}.form-textarea{resize:vertical;min-height:80px}.table,.data-table{width:100%;border-collapse:collapse;text-align:left;font-family:var(--font-sans)}.table th,.data-table th{background:#fff;color:var(--text-muted);padding:14px 18px;font-size:13px;font-weight:500;white-space:nowrap;border-bottom:1px solid var(--border-subtle)}.table td,.data-table td{padding:14px 18px;font-size:15px;color:var(--text-primary);vertical-align:middle;border-bottom:1px solid var(--border-subtle);transition:background .15s ease}.table tr:nth-child(2n) td,.data-table tr:nth-child(2n) td{background:#fafcfb}.table tr:hover td,.data-table tr:hover td{background:#eaf7f3}.table-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:none;overflow:hidden}.table-header-bar{padding:16px 20px;border-bottom:1px solid rgba(169,173,173,.2);display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff}.table-footer-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fafbfb;border-top:1px solid rgba(169,173,173,.15);font-size:12px;color:#a9adad;font-weight:500}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.section-header h2{font-size:20px;font-weight:800;color:#000;letter-spacing:-.02em;margin:0}.screen-tag{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;background:#eaf7f3;color:#075850;border-radius:6px;border:1px solid rgba(11,122,107,.25);text-transform:uppercase;letter-spacing:.04em}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid rgba(11,122,107,.16);border-radius:12px;padding:18px 22px;box-shadow:0 4px 20px -4px #07585014,0 2px 6px -1px #00000008;transition:all .15s ease}.stat-card:hover{border-color:#0b7a6b;box-shadow:0 6px 24px -4px #0758501f;transform:translateY(-1px)}.stat-label{font-size:11px;font-weight:800;text-transform:uppercase;color:#075850;letter-spacing:.06em}.stat-value{font-family:var(--font-sans);font-size:36px;font-weight:700;margin-top:10px;color:#000;line-height:1.1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.tabs-container{display:flex;gap:8px;border-bottom:2px solid rgba(11,122,107,.15);margin-bottom:24px}.tab-btn{padding:9px 18px;background:none;border:none;color:#075850;font-size:13.5px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .15s ease;font-family:inherit;border-radius:8px 8px 0 0}.tab-btn:hover{color:#000;background:#eaf7f3}.tab-btn.active{color:#075850;background:#eaf7f3;border-bottom-color:#f16720;font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:20px}.modal-content{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:520px;width:100%;box-shadow:0 20px 60px -10px #0003;overflow:hidden;animation:modalIn .2s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:17px;font-weight:700;color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:12px;background:var(--bg-surface-elevated)}.offer-banner-preview{background:linear-gradient(135deg,#f16720,#0b7a6b);border-radius:var(--radius-md);padding:20px;color:#fff;margin-top:12px;position:relative;overflow:hidden}.offer-banner-preview:after{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:16px}.page-title{font-family:var(--font-sans);font-size:28px;font-weight:700;letter-spacing:-.025em;color:var(--text-primary);display:flex;align-items:center;gap:12px}.section-title{font-family:var(--font-sans);font-size:19px;font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.015em}.page-subtitle{font-size:14px;color:var(--text-secondary);margin-top:4px}.shell-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;color:var(--text-primary);flex-shrink:0;transition:background .15s ease}.shell-hamburger:hover{background:var(--bg-surface-elevated)}.shell-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:98;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.shell-sidebar-overlay.open{display:block}.shell-sidebar{transition:transform .28s cubic-bezier(.16,1,.3,1)}.shell-navbar-search{display:flex}.shell-navbar-search:focus-within{background:#fff!important;border-color:#0b7a6b!important;box-shadow:0 0 0 3px #0b7a6b1a!important;width:360px!important}.shell-nav-icon-btn{cursor:pointer}.shell-nav-icon-btn:hover{transform:translateY(-1px)}.shell-page-header{margin-bottom:24px}.shell-profile-name{display:flex}@media (max-width: 768px){.shell-hamburger{display:flex}.shell-navbar{padding:0 16px!important;height:56px!important}.shell-navbar-search,.shell-profile-name{display:none!important}.shell-sidebar{position:fixed!important;top:0!important;left:-280px!important;height:100vh!important;width:280px!important;z-index:99!important;transition:left .3s ease-in-out!important;box-shadow:4px 0 24px #00000026}.shell-sidebar.open{left:0!important}.shell-sidebar-overlay{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f2a2366;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:98;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.shell-sidebar-overlay.open{opacity:1;pointer-events:auto}.shell-main{width:100%!important;min-width:0!important}.shell-body{padding:20px 16px!important}.page-title{font-size:20px!important}}@media (max-width: 480px){.shell-body{padding:16px 12px!important}}@media (max-width: 640px){form[style*=auto-fit]{grid-template-columns:1fr 1fr!important}.kpi-scroll-container{grid-template-columns:1fr 1fr!important;overflow-x:unset!important}.stat-card{padding:14px 16px!important}.stat-value{font-size:28px!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.section-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}}@media (max-width: 480px){form[style*=auto-fit],.kpi-scroll-container{grid-template-columns:1fr!important}}@media (max-width: 768px){.table-card{overflow-x:auto!important}.table-card table,.table-card .data-table{min-width:600px}[style*="minmax(200px"]{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}}@media (max-width: 480px){[style*="minmax(200px"]{grid-template-columns:1fr 1fr!important}.table-header-bar{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.modal-content{max-width:100%!important;border-radius:var(--radius-md)!important}.modal-backdrop{padding:12px!important}}.tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}}@media (max-width: 480px){.stats-grid,.report-categories-grid,.report-filters-grid{grid-template-columns:1fr!important}}@media (max-width: 640px){[style*="position: fixed"][style*="right: 0"][style*="width: 480"],[style*="position: fixed"][style*="right: 0"][style*="width: 420"]{width:100%!important}}@media (max-width: 640px){h1,.h1{font-size:1.5rem!important}h2,.h2{font-size:1.25rem!important}h3,.h3{font-size:1.1rem!important}.section-title{font-size:16px!important}}button{max-width:100%;white-space:nowrap}body{overflow-x:hidden}@keyframes kwickgen-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes kwickgen-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes kwickgen-radar-ping{0%{transform:scale(1);opacity:.8}75%,to{transform:scale(2.4);opacity:0}}@keyframes kwickgen-core-breathe{0%,to{transform:scale(.95);opacity:.9}50%{transform:scale(1.05);opacity:1}}@keyframes kwickgen-dot-bounce{0%,80%,to{transform:translateY(0);opacity:.3}40%{transform:translateY(-3px);opacity:1}}@keyframes kwickgen-shimmer-slide{0%{transform:translate(-120%)}50%{transform:translate(120%)}to{transform:translate(300%)}}@keyframes kwickgen-skeleton-pulse{0%,to{opacity:.55}50%{opacity:.95}}@keyframes kwickgen-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kwickgen-loading-dots span{display:inline-block;animation:kwickgen-dot-bounce 1.4s infinite ease-in-out}@media (prefers-reduced-motion: reduce){.kwickgen-loading-dots span,[style*=kwickgen-spin],[style*=kwickgen-radar-ping],[style*=kwickgen-shimmer-slide],[style*=kwickgen-skeleton-pulse],[style*=kwickgen-core-breathe]{animation-duration:6s!important}}.login-form-panel input:-webkit-autofill,.login-form-panel input:-webkit-autofill:hover,.login-form-panel input:-webkit-autofill:focus,.login-form-panel input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 40px #ffffff inset!important;-webkit-text-fill-color:#0C1F18!important;caret-color:#0c1f18!important;border-radius:10px!important}@media (max-width: 900px){.login-split-container{flex-direction:column!important}.login-brand-panel{flex:0 0 240px!important;min-height:240px!important;height:240px!important;width:100%!important;background-position:center top!important}.login-brand-panel h1{font-size:32px!important;margin-bottom:12px!important}.login-form-panel{flex:1 1 auto!important;min-height:calc(100vh - 240px)!important;padding:36px 20px 48px!important}}@media (max-width: 600px){.login-brand-panel{display:none!important}.login-form-panel{min-height:100vh!important;padding:32px 18px!important}}@keyframes toast-slide-in{0%{opacity:0;transform:translate(40px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes stepper-radar-ping{0%{transform:scale(.95);opacity:.85}70%{transform:scale(1.65);opacity:0}to{transform:scale(1.75);opacity:0}}@keyframes stepper-radar-pulse{0%,to{transform:scale(1);box-shadow:0 0 #0b7a6b66,inset 0 1px 2px #fff6}50%{transform:scale(1.04);box-shadow:0 0 0 6px #2dd4bf38,inset 0 1px 2px #ffffff80}}@keyframes stepper-stream-flow{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes stepper-vehicle-cruise{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(2.5px) translateY(-.8px)}50%{transform:translate(4px) translateY(0)}75%{transform:translate(1.5px) translateY(.6px)}}@keyframes stepper-speed-trail{0%,to{opacity:.3;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1.3)}}@keyframes stepper-beacon-sonar{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.08)}}@keyframes stepper-craft-ratchet{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(4deg)}}@keyframes stepper-badge-breath{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes stepper-live-dot{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #10b98199}50%{opacity:.6;transform:scale(.9);box-shadow:0 0 0 4px #10b98100}}
