@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-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--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}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-orange-400:#ff8b1a;--color-orange-500:#fe6e00;--color-amber-400:#fcbb00;--color-amber-500:#f99c00;--color-emerald-400:#00d294;--color-emerald-500:#00bb7f;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-purple-400:#c07eff;--color-purple-500:#ac4bff;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-semibold:600;--tracking-tight:-.025em;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-orange-500:lab(64.272% 57.1788 90.3583);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-emerald-400:lab(75.0771% -60.7313 19.4147);--color-emerald-500:lab(66.9756% -58.27 19.5419);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-top-40{top:calc(var(--spacing)*-40)}.left-0{left:calc(var(--spacing)*0)}.z-\[1\]{z-index:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.table-row{display:table-row}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-64{height:calc(var(--spacing)*64)}.h-\[169\%\]{height:169%}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-\[138\%\]{width:138%}.w-full{width:100%}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/20{background-color:color-mix(in oklab,var(--color-amber-500)20%,transparent)}}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/20{background-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/20{background-color:color-mix(in oklab,var(--color-emerald-500)20%,transparent)}}.bg-gray-500\/20{background-color:#6a728233}@supports (color:color-mix(in lab, red, red)){.bg-gray-500\/20{background-color:color-mix(in oklab,var(--color-gray-500)20%,transparent)}}.bg-orange-500\/20{background-color:#fe6e0033}@supports (color:color-mix(in lab, red, red)){.bg-orange-500\/20{background-color:color-mix(in oklab,var(--color-orange-500)20%,transparent)}}.bg-purple-500\/20{background-color:#ac4bff33}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/20{background-color:color-mix(in oklab,var(--color-purple-500)20%,transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-2{padding-block:calc(var(--spacing)*2)}.pt-0{padding-top:calc(var(--spacing)*0)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-amber-400{color:var(--color-amber-400)}.text-blue-400{color:var(--color-blue-400)}.text-emerald-400{color:var(--color-emerald-400)}.text-gray-400{color:var(--color-gray-400)}.text-grey{color:var(--grey)}.text-orange-400{color:var(--color-orange-400)}.text-purple-400{color:var(--color-purple-400)}.text-purple-500{color:var(--color-purple-500)}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab,var(--color-white)60%,transparent)}}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);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,)}.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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}}@media (min-width:48rem){.md\:-top-20{top:calc(var(--spacing)*-20)}.md\:left-60{left:calc(var(--spacing)*60)}}@media (min-width:64rem){.lg\:w-\[84\%\]{width:84%}}}.dashboard-layout{background:var(--background);min-height:100vh;display:flex}.dashboard-main{flex-direction:column;flex:1;margin-left:280px;transition:margin-left .3s;display:flex}.dashboard-layout.sidebar-collapsed .dashboard-main{margin-left:72px}.dashboard-content{flex:1;padding:24px;overflow-y:auto}.dashboard-sidebar{z-index:50;background:linear-gradient(#0f0f12 0%,#0a0a0d 100%);border-right:1px solid #ffffff0f;flex-direction:column;width:280px;transition:width .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:visible}.dashboard-sidebar.collapsed{width:72px}.sidebar-header{border-bottom:1px solid #ffffff0f;padding:20px 24px;transition:padding .3s}.dashboard-sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 16px}.sidebar-logo{justify-content:center;align-items:center;gap:8px;text-decoration:none;display:flex}.dashboard-sidebar.collapsed .sidebar-logo{justify-content:center}.logo-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.logo-module{color:#10b981;letter-spacing:.5px;background:#10b98126;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-item{color:#fff9;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.dashboard-sidebar.collapsed .nav-item{justify-content:center;padding:12px}.nav-item:hover{color:#ffffffe6;background:#ffffff0d}.nav-item-active{color:#818cf8;background:#6366f126}.nav-icon{flex-shrink:0;width:20px;height:20px}.nav-label{flex:1}.nav-badge{letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}.sidebar-footer{border-top:1px solid #ffffff0f;padding:16px 20px}.powered-by{align-items:center;gap:6px;font-size:12px;display:flex}.powered-label{color:#fff6}.powered-brand{color:#ffffffb3;font-weight:600}.sidebar-toggle{color:#ffffffb3;cursor:pointer;z-index:100;background:#1f1f24;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:72px;right:-14px;box-shadow:0 2px 8px #0000004d}.sidebar-toggle:hover{color:#fff;background:#2a2a30;border-color:#ffffff40;transform:scale(1.05)}.dashboard-sidebar.collapsed .sidebar-footer{padding:16px 12px}.dashboard-sidebar.collapsed .sidebar-nav{padding:16px 8px}.dashboard-sidebar.collapsed .nav-icon{width:22px;height:22px}.dashboard-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;background:#0a0a0dcc;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:12px;max-width:480px;display:flex}.header-search{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:8px 14px;transition:all .15s;display:flex}.header-search:focus-within{background:#ffffff14;border-color:#6366f166}.search-kbd{color:#ffffff80;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px}.header-right{align-items:center;gap:16px;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.header-action-btn{color:#fffc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.header-action-btn:hover{background:#ffffff1a}.header-action-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:#0000}.header-action-btn.primary:hover{opacity:.9}.action-icon{width:16px;height:16px}.header-notifications{cursor:pointer;background:0 0;border:none;padding:8px;position:relative}.notification-icon{color:#fff9;width:20px;height:20px}.notification-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;display:flex;position:absolute;top:4px;right:4px}.header-org-switcher,.header-user{margin-left:8px}.dashboard-page{max-width:1400px;margin:0 auto}.page-header{margin-bottom:32px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card{background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff0f;border-radius:16px;padding:20px}.stat-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-icon .icon{width:20px;height:20px}.stat-icon-blue{color:#3b82f6;background:#3b82f626}.stat-icon-amber{color:#f59e0b;background:#f59e0b26}.stat-icon-emerald{color:#10b981;background:#10b98126}.stat-icon-purple{color:#8b5cf6;background:#8b5cf626}.stat-name{color:#ffffff80;font-size:13px;font-weight:500}.stat-value{color:#fff;margin-bottom:8px;font-size:32px;font-weight:700}.stat-change{align-items:center;gap:4px;font-size:13px;display:flex}.change-icon{width:14px;height:14px}.stat-change-increase{color:#10b981}.stat-change-warning{color:#f59e0b}.stat-change-neutral{color:#ffffff80}.dashboard-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.dashboard-card{background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff0f;border-radius:16px;padding:24px}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:#fff;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;display:flex}.title-icon{color:#ffffff80;width:20px;height:20px}.card-link{color:#818cf8;font-size:13px;text-decoration:none}.card-link:hover{text-decoration:underline}.shipments-list{flex-direction:column;gap:12px;display:flex}.shipment-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:flex-start;padding:16px;transition:all .15s;display:flex}.shipment-item:hover{background:#ffffff0a;border-color:#ffffff14}.shipment-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.shipment-id{color:#fff;font-size:14px;font-weight:600}.shipment-status{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500}.shipment-route{color:#fff9;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;display:flex}.route-icon{width:14px;height:14px}.shipment-details{color:#fff6;align-items:center;gap:12px;font-size:12px;display:flex}.shipment-eta{color:#ffffff80;align-items:center;gap:6px;font-size:12px;display:flex}.eta-icon{width:14px;height:14px}.document-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.document-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.document-type{color:#fff;font-size:14px;font-weight:500}.document-status{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500}.document-meta{color:#fff6;align-items:center;gap:12px;font-size:12px;display:flex}.document-confidence{align-items:center;gap:8px;display:flex}.confidence-bar{background:#ffffff1a;border-radius:3px;width:60px;height:6px;overflow:hidden}.confidence-fill{background:linear-gradient(90deg,#10b981 0%,#22c55e 100%);border-radius:3px;height:100%}.confidence-value{color:#fff9;font-size:12px;font-weight:500}.actions-card{grid-column:span 2}.quick-actions{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.quick-action{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:all .15s;display:flex}.quick-action:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.action-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.action-icon-wrapper .action-icon{width:24px;height:24px}.action-icon-upload{color:#8b5cf6;background:#8b5cf626}.action-icon-shipment{color:#3b82f6;background:#3b82f626}.action-icon-fleet{color:#10b981;background:#10b98126}.action-content{flex-direction:column;gap:4px;display:flex}.action-title{color:#fff;font-size:15px;font-weight:600}.action-desc{color:#ffffff80;font-size:13px}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.actions-card{grid-column:span 1}.quick-actions{grid-template-columns:1fr}}.mobile-menu-btn{color:#ffffffb3;cursor:pointer;z-index:100;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;transition:all .15s;display:none;position:relative}.mobile-menu-btn:hover{color:#fff;background:#ffffff1a}.mobile-menu-btn:active{background:#ffffff26}.mobile-overlay{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:none;position:fixed;inset:0}.mobile-menu-open .mobile-overlay{display:block}.mobile-menu-open .dashboard-sidebar{transform:translate(0)!important}@media (max-width:768px){.dashboard-main{margin-left:0}.dashboard-sidebar{z-index:50;transform:translate(-100%);width:280px!important}.dashboard-sidebar.collapsed{width:280px!important}.dashboard-sidebar.collapsed .nav-label,.dashboard-sidebar.collapsed .nav-badge,.dashboard-sidebar.collapsed .logo-module,.dashboard-sidebar.collapsed .powered-by{display:flex!important}.dashboard-sidebar.collapsed .logo-text{font-size:24px!important}.dashboard-sidebar.collapsed .nav-item{justify-content:flex-start!important;padding:14px 16px!important}.dashboard-sidebar.collapsed .sidebar-header{padding:16px 20px!important}.dashboard-sidebar.collapsed .sidebar-nav{padding:20px 16px!important}.sidebar-toggle{display:none!important}.mobile-menu-btn{display:flex!important}.dashboard-header{justify-content:space-between;gap:12px;padding:12px 16px}.header-left{flex:none;gap:12px;min-width:0}.header-search{display:none!important}.header-right{flex:1;justify-content:flex-end;gap:8px}.header-actions,.header-action-btn{display:none!important}.header-notifications{width:36px;height:36px}.header-org-switcher{display:none!important}.header-user .cl-avatarBox{width:32px!important;height:32px!important}.dashboard-content{padding:16px}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.stat-value{font-size:28px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.page-title{font-size:24px}.nav-item{padding:14px 16px;font-size:15px}.nav-icon{width:22px;height:22px}.nav-list{gap:6px}.sidebar-nav{padding:20px 16px}.sidebar-header{padding:16px 20px}.dashboard-grid{grid-template-columns:1fr;gap:16px}.dashboard-card,.stat-card,.actions-card{padding:16px}.upload-page{padding:0}.upload-zone{min-height:200px;padding:24px 16px}.upload-title{font-size:16px}.document-viewer{flex-direction:column}.pdf-viewer-container{height:300px}.form-grid{grid-template-columns:1fr}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.btn-create{justify-content:center;width:100%}}@media (max-width:480px){.dashboard-content{padding:12px}.page-title{font-size:20px}.stat-value{font-size:24px}.stat-card{padding:14px}.nav-item{padding:12px 14px;font-size:14px}}.shipments-page{max-width:1200px;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.page-title{color:#fff;margin:0 0 8px;font-size:28px;font-weight:700}.page-description{color:#ffffff80;margin:0;font-size:15px}.btn-create{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .15s;display:flex}.btn-create:hover{opacity:.9}.filters-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-wrapper{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex:1;align-items:center;gap:10px;max-width:500px;padding:10px 16px;display:flex}.search-icon{color:#fff6;width:18px;height:18px}.search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-input::placeholder{color:#fff6}.filter-actions{gap:12px;display:flex}.filter-btn{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;display:flex}.status-filter{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 16px;font-size:14px}.shipment-card{background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:16px;padding:20px;text-decoration:none;transition:all .2s;display:flex}.shipment-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.shipment-card .shipment-header{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.shipment-ids{align-items:center;gap:12px;display:flex}.voyage-number{color:#fff;font-size:18px;font-weight:600}.waybill-number{color:#ffffff80;background:#ffffff0d;border-radius:4px;padding:4px 8px;font-size:13px}.status-badge{border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500}.shipment-route{align-items:center;gap:12px;display:flex}.route-point{flex:1;align-items:center;gap:10px;display:flex}.point-marker{border-radius:50%;width:10px;height:10px}.point-marker.origin{background:#3b82f6}.point-marker.destination{background:#10b981}.point-details{flex-direction:column;display:flex}.point-name{color:#fff;font-size:14px;font-weight:500}.point-country{color:#ffffff80;font-size:12px}.route-line{align-items:center;padding:0 20px;display:flex}.route-arrow{color:#ffffff4d;width:20px;height:20px}.shipment-cargo{background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.cargo-type{color:#fffc;align-items:center;gap:8px;font-size:14px;display:flex}.cargo-icon{color:#ffffff80;width:16px;height:16px}.cargo-details{gap:16px;display:flex}.cargo-weight,.cargo-value{color:#fff9;font-size:14px;font-weight:500}.shipment-card .shipment-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.footer-info{gap:20px;display:flex}.info-item{color:#ffffff80;align-items:center;gap:6px;font-size:13px;display:flex}.info-icon{width:14px;height:14px}.last-update{color:#fff6;font-size:12px}@media (max-width:768px){.page-header{flex-direction:column;gap:16px}.filters-bar{flex-direction:column;align-items:stretch}.search-wrapper{max-width:none}.shipment-route{flex-direction:column;align-items:flex-start}.route-line{display:none}}.shipment-detail{max-width:1400px;margin:0 auto}.detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.header-title{align-items:center;gap:16px;display:flex}.voyage-title{color:#fff;margin:0;font-size:32px;font-weight:700}.waybill-ref{color:#ffffff80;background:#ffffff0d;border-radius:6px;padding:6px 12px;font-size:14px}.header-actions{gap:12px;display:flex}.btn-secondary{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:all .15s;display:flex}.btn-secondary:hover{background:#ffffff1a}.detail-content{grid-template-columns:1fr 360px;gap:24px;display:grid}.detail-section{background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border:1px solid #ffffff0f;border-radius:16px;margin-bottom:24px;padding:24px}.section-header .section-title{margin:0}.btn-upload{color:#818cf8;background:#6366f133;border:1px solid #6366f14d;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.route-visual{align-items:stretch;gap:24px;display:flex}.route-node{flex:1;gap:16px;display:flex}.node-marker{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.node-marker.origin{color:#3b82f6;background:#3b82f633}.node-marker.destination{color:#10b981;background:#10b98133}.node-info{flex-direction:column;gap:4px;display:flex}.node-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.node-name{color:#fff;font-size:15px;font-weight:600}.node-address{color:#ffffff80;font-size:13px}.node-date{color:#fff9;margin-top:4px;font-size:13px}.route-connector{flex-direction:column;align-items:center;padding:12px 0;display:flex}.connector-line{background:linear-gradient(#3b82f680,#8b5cf680,#10b98180);flex:1;width:2px}.connector-stop{text-align:center;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:8px;margin:8px 0;padding:8px 16px}.stop-name{color:#a78bfa;font-size:13px;font-weight:500;display:block}.stop-date{color:#ffffff80;margin-top:2px;font-size:11px;display:block}.info-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.info-card{background:#ffffff05;border-radius:12px;gap:14px;padding:16px;display:flex}.info-card-icon{color:#fff6;flex-shrink:0;width:20px;height:20px;margin-top:2px}.info-card-content{flex-direction:column;gap:4px;display:flex}.info-label{color:#ffffff80;font-size:12px}.info-value{color:#fff;font-size:15px;font-weight:600}.info-sub{color:#fff6;font-size:12px}.transport-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.transport-card{background:#ffffff05;border-radius:12px;padding:16px}.transport-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.transport-icon{color:#ffffff80;width:18px;height:18px}.transport-title{color:#fff;font-size:14px;font-weight:600}.transport-row{justify-content:space-between;padding:8px 0;display:flex}.transport-label{color:#ffffff80;font-size:13px}.transport-value{color:#fff;text-align:right;font-size:13px}.documents-list{flex-direction:column;gap:8px;display:flex}.document-row{background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .15s;display:flex}.document-row:hover{background:#ffffff0a}.doc-info{align-items:center;gap:12px;display:flex}.doc-icon{color:#fff6;width:18px;height:18px}.doc-details{flex-direction:column;gap:2px;display:flex}.doc-name{color:#fff;font-size:14px}.doc-meta{color:#fff6;font-size:12px}.doc-status{align-items:center;gap:12px;display:flex}.confidence-badge{color:#ffffff80;background:#ffffff0d;border-radius:4px;padding:4px 8px;font-size:11px}.doc-action{color:#fff6;cursor:pointer;background:0 0;border:none;padding:6px;transition:color .15s}.doc-action:hover{color:#fff}.timeline{flex-direction:column;display:flex}.timeline-item{gap:16px;padding-bottom:24px;display:flex}.timeline-item:last-child{padding-bottom:0}.timeline-marker{flex-direction:column;align-items:center;display:flex;position:relative}.marker-icon{flex-shrink:0;width:20px;height:20px}.marker-icon.completed{color:#10b981}.marker-icon.pending{color:#ffffff4d}.marker-pulse{background:#3b82f6;border-radius:50%;width:16px;height:16px;animation:2s infinite pulse}@keyframes pulse{50%{opacity:.5}}.timeline-line{background:#ffffff1a;flex:1;width:2px;margin-top:8px}.timeline-item.completed .timeline-line{background:#10b9814d}.timeline-content{flex-direction:column;gap:4px;padding-top:0;display:flex}.timeline-title{color:#fff;font-size:14px;font-weight:500}.timeline-item.pending .timeline-title{color:#ffffff80}.timeline-description{color:#ffffff80;font-size:13px}.timeline-meta{flex-direction:column;gap:2px;margin-top:4px;display:flex}.meta-location{color:#fff6;font-size:12px}.meta-time{color:#ffffff4d;font-size:11px}.compliance-item{color:#fffc;align-items:center;gap:10px;font-size:13px;display:flex}.compliance-icon{width:18px;height:18px}.compliance-icon.success{color:#10b981}.compliance-icon.warning{color:#f59e0b}.compliance-icon.pending{color:#ffffff4d}@media (max-width:1200px){.detail-content{grid-template-columns:1fr}.sidebar-column{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.sidebar-column .detail-section{margin-bottom:0}}@media (max-width:768px){.header-title{flex-direction:column;align-items:flex-start;gap:8px}.route-visual{flex-direction:column}.route-connector{flex-direction:row;padding:0 24px}.info-grid,.transport-grid,.sidebar-column{grid-template-columns:1fr}}.documents-page{max-width:1400px;margin:0 auto}.documents-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.documents-page .page-title{color:#fff;margin:0 0 8px;font-size:28px;font-weight:700}.documents-page .page-description{color:#ffffff80;margin:0;font-size:15px}.documents-page .btn-create{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.documents-page .stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.documents-page .stat-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.documents-page .stat-value{color:#fff;font-size:24px;font-weight:700}.documents-page .stat-label{color:#ffffff80;font-size:13px}.documents-page .filters-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.documents-page .search-wrapper{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex:1;align-items:center;gap:10px;max-width:400px;padding:10px 16px;display:flex}.documents-page .search-icon{color:#fff6;width:18px;height:18px}.documents-page .search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:14px}.documents-page .filter-actions{gap:12px;display:flex}.documents-page .type-filter,.documents-page .status-filter{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 16px;font-size:14px}.documents-table{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;overflow:hidden}.documents-table .table-header{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;background:#ffffff08;border-bottom:1px solid #ffffff0f;grid-template-columns:2fr 1fr 1fr 1fr 1fr 100px;gap:16px;padding:16px 20px;font-size:12px;font-weight:600;display:grid}.documents-table .table-row{border-bottom:1px solid #ffffff0a;grid-template-columns:2fr 1fr 1fr 1fr 1fr 100px;align-items:center;gap:16px;padding:16px 20px;transition:background .15s;display:grid}.documents-table .table-row:hover{background:#ffffff05}.documents-table .table-row:last-child{border-bottom:none}.documents-table .td-document{align-items:center;gap:12px;display:flex}.documents-table .doc-icon{color:#a78bfa;background:#8b5cf626;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.documents-table .doc-info{flex-direction:column;gap:2px;display:flex}.documents-table .doc-name{color:#fff;font-size:14px;font-weight:500}.documents-table .doc-type{color:#ffffff80;font-size:12px}.documents-table .shipment-link{color:#818cf8;font-size:14px;font-weight:500;text-decoration:none}.documents-table .shipment-link:hover{text-decoration:underline}.documents-table .status-pill{border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.documents-table .confidence-wrapper{align-items:center;gap:10px;display:flex}.documents-table .confidence-bar{background:#ffffff1a;border-radius:3px;width:60px;height:6px;overflow:hidden}.documents-table .confidence-fill{border-radius:3px;height:100%}.documents-table .confidence-value{color:#ffffffb3;font-size:13px;font-weight:500}.documents-table .confidence-na{color:#ffffff4d}.documents-table .td-actions{gap:8px;display:flex}.documents-table .action-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px;transition:all .15s}.documents-table .action-btn:hover{color:#fff;background:#ffffff1a}@media (max-width:1200px){.documents-table .table-header,.documents-table .table-row{grid-template-columns:2fr 1fr 1fr 1fr 80px}.documents-table .th-confidence,.documents-table .td-confidence{display:none}}@media (max-width:900px){.documents-page .stats-row{grid-template-columns:repeat(2,1fr)}.documents-table .table-header,.documents-table .table-row{grid-template-columns:2fr 1fr 1fr 80px}.documents-table .th-review,.documents-table .td-review{display:none}}@media (max-width:600px){.documents-table .table-header{display:none}.documents-table .table-row{flex-direction:column;gap:12px;padding:16px;display:flex}}.fleet-page{max-width:1400px;margin:0 auto}.fleet-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.fleet-page .page-title{color:#fff;margin:0 0 8px;font-size:28px;font-weight:700}.fleet-page .page-description{color:#ffffff80;margin:0;font-size:15px}.fleet-page .btn-create{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.fleet-page .stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.fleet-page .stat-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.fleet-page .stat-value{color:#fff;font-size:24px;font-weight:700}.fleet-page .stat-label{color:#ffffff80;font-size:13px}.fleet-page .filters-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.fleet-page .search-wrapper{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex:1;align-items:center;gap:10px;max-width:400px;padding:10px 16px;display:flex}.fleet-page .search-icon{color:#fff6;width:18px;height:18px}.fleet-page .search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:14px}.fleet-page .filter-actions{gap:12px;display:flex}.fleet-page .status-filter,.fleet-page .type-filter{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 16px;font-size:14px}.fleet-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.vehicle-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;padding:20px}.vehicle-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.vehicle-id{align-items:center;gap:12px;display:flex}.vehicle-icon{color:#818cf8;width:20px;height:20px}.tractor-number{color:#fff;font-size:16px;font-weight:600}.trailer-number{color:#ffffff80;font-size:12px}.vehicle-status{text-transform:uppercase;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.vehicle-details{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:16px;display:flex}.detail-row{align-items:center;gap:8px;font-size:13px;display:flex}.detail-label{color:#fff6;min-width:60px}.detail-value{color:#fffc}.driver-section{border-bottom:1px solid #ffffff0f;margin-bottom:16px;padding-bottom:16px}.driver-info{align-items:center;gap:12px;display:flex}.driver-avatar{color:#a78bfa;background:#8b5cf633;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.driver-name{color:#fff;font-size:14px;font-weight:500}.driver-license{color:#ffffff80;font-size:12px}.no-driver{color:#fff6;font-size:13px;font-style:italic}.vehicle-metrics{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.metric{color:#ffffff80;align-items:center;gap:10px;display:flex}.metric-bar{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.metric-fill{border-radius:3px;height:100%;transition:width .3s}.metric-value{text-align:right;min-width:35px;font-size:12px;font-weight:500}.metric-text{color:#ffffff80;justify-content:space-between;font-size:12px;display:flex}.vehicle-actions{align-items:center;gap:8px;display:flex}.action-link{color:#818cf8;text-align:center;background:#6366f126;border:1px solid #6366f14d;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.action-link:hover{background:#6366f140}.action-more{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:10px}.compliance-page{max-width:1400px;margin:0 auto}.compliance-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.compliance-page .page-title{color:#fff;margin:0 0 8px;font-size:28px;font-weight:700}.compliance-page .page-description{color:#ffffff80;margin:0;font-size:15px}.compliance-page .header-actions{gap:12px;display:flex}.compliance-page .btn-secondary{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex}.score-card{background:linear-gradient(135deg,#6366f11a 0%,#8b5cf61a 100%);border:1px solid #6366f133;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;display:flex}.score-main{align-items:center;gap:24px;display:flex}.score-circle{width:100px;height:100px;position:relative}.score-svg{width:100%;height:100%;transform:rotate(-90deg)}.score-value{color:#fff;font-size:24px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-info h3{color:#fff;margin:0 0 4px;font-size:18px;font-weight:600}.score-info p{color:#ffffff80;margin:0;font-size:14px}.score-breakdown{gap:32px;display:flex}.breakdown-item{align-items:center;gap:8px;display:flex}.breakdown-value{color:#fff;font-size:20px;font-weight:700}.breakdown-label{color:#ffffff80;font-size:13px}.compliance-content{grid-template-columns:2fr 1fr;gap:24px;display:grid}.compliance-section,.audits-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;padding:20px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h2{color:#fff;margin:0;font-size:16px;font-weight:600}.btn-text{color:#818cf8;cursor:pointer;background:0 0;border:none;font-size:13px}.compliance-list{flex-direction:column;gap:12px;display:flex}.compliance-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .15s;display:flex}.compliance-item:hover{background:#ffffff0a}.item-main{flex:1;align-items:center;gap:12px;display:flex}.item-icon{color:#818cf8;background:#818cf826;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.item-category{color:#fff6;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.item-title{color:#fff;margin:2px 0;font-size:14px;font-weight:500}.item-meta{color:#fff6;gap:8px;font-size:12px;display:flex}.item-status{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.expiry-info{color:#ffffff80;align-items:center;gap:4px;font-size:12px;display:flex}.item-chevron{color:#ffffff4d;width:16px;height:16px}.audits-list{flex-direction:column;gap:12px;display:flex}.audit-item{background:#ffffff05;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.audit-icon{background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.audit-info{flex:1}.audit-type{color:#fff;font-size:13px;font-weight:500}.audit-meta{color:#fff6;gap:6px;font-size:11px;display:flex}.findings-badge{color:#f59e0b;background:#f59e0b26;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.team-page{max-width:1400px;margin:0 auto}.team-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.team-page .page-title{color:#fff;margin:0 0 8px;font-size:28px;font-weight:700}.team-page .page-description{color:#ffffff80;margin:0;font-size:15px}.team-page .btn-create{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.team-page .stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.team-page .stat-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.team-page .stat-value{color:#fff;font-size:24px;font-weight:700}.team-page .stat-label{color:#ffffff80;font-size:13px}.team-page .filters-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.team-page .search-wrapper{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex:1;align-items:center;gap:10px;max-width:400px;padding:10px 16px;display:flex}.team-page .search-icon{color:#fff6;width:18px;height:18px}.team-page .search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:14px}.team-page .filter-actions{gap:12px;display:flex}.team-page .role-filter,.team-page .status-filter{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 16px;font-size:14px}.pending-section{margin-bottom:24px}.section-title{color:#fff9;margin:0 0 12px;font-size:14px;font-weight:600}.pending-list{flex-direction:column;gap:8px;display:flex}.pending-item{background:#60a5fa1a;border:1px solid #60a5fa33;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pending-info{align-items:center;gap:10px;display:flex}.pending-email{color:#fff;font-size:14px}.pending-role{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.pending-meta{color:#fff6;gap:8px;font-size:12px;display:flex}.pending-actions{gap:8px;display:flex}.btn-resend{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:6px 12px;font-size:12px}.btn-cancel{color:#fff9;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:6px 12px;font-size:12px}.team-table{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;overflow:hidden}.team-table .table-header{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;background:#ffffff08;border-bottom:1px solid #ffffff0f;grid-template-columns:2fr 1fr 1.5fr 1fr 80px;gap:16px;padding:16px 20px;font-size:12px;font-weight:600;display:grid}.team-table .table-row{border-bottom:1px solid #ffffff0a;grid-template-columns:2fr 1fr 1.5fr 1fr 80px;align-items:center;gap:16px;padding:16px 20px;display:grid}.team-table .table-row:last-child{border-bottom:none}.td-member{align-items:center;gap:12px;display:flex}.member-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.member-name{color:#fff;font-size:14px;font-weight:500}.member-email{color:#ffffff80;font-size:12px}.role-badge{border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.contact-item{color:#ffffffb3;align-items:center;gap:6px;font-size:13px;display:flex}.status-indicator{align-items:center;gap:6px;font-size:13px;display:flex}.status-indicator.active{color:#22c55e}.status-indicator.inactive{color:#fff6}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.last-active{color:#fff6;align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.td-actions .action-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px}.settings-page{max-width:1000px;margin:0 auto}.settings-page .page-header{margin-bottom:32px}.settings-page .page-title{color:#fff;margin:0 0 8px;font-size:28px;font-weight:700}.settings-page .page-description{color:#ffffff80;margin:0;font-size:15px}.settings-content{flex-direction:column;gap:32px;display:flex}.settings-sections .section-title,.quick-settings .section-title,.plan-section .section-title,.danger-zone .section-title{color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:600}.sections-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.settings-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:all .15s;display:flex}.settings-card:hover{background:#ffffff0a;border-color:#ffffff1a}.card-content{flex:1}.card-title{color:#fff;margin:0 0 4px;font-size:15px;font-weight:600}.card-description{color:#ffffff80;margin:0;font-size:13px}.card-chevron{color:#ffffff4d;width:20px;height:20px}.toggles-list{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.toggle-item{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.toggle-item:last-child{border-bottom:none;padding-bottom:0}.toggle-label{color:#fff;font-size:14px;font-weight:500}.toggle-description{color:#ffffff80;margin-top:2px;font-size:12px}.toggle-switch{width:44px;height:24px;position:relative}.toggle-input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#ffffff1a;border-radius:12px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-input:checked+.toggle-slider{background:#6366f1}.toggle-input:checked+.toggle-slider:before{transform:translate(20px)}.plan-card{background:linear-gradient(135deg,#6366f11a 0%,#8b5cf61a 100%);border:1px solid #6366f133;border-radius:16px;padding:24px}.plan-badge{color:#a5b4fc;letter-spacing:.5px;background:#6366f14d;border-radius:6px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.plan-info h3{color:#fff;margin:0 0 4px;font-size:18px;font-weight:600}.plan-info p{color:#fff9;margin:0;font-size:14px}.plan-features{grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0;display:grid}.feature-item{color:#fffc;align-items:center;gap:8px;font-size:14px;display:flex}.feature-item svg{color:#22c55e}.btn-upgrade{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500}.plan-actions .btn-text{color:#818cf8;cursor:pointer;background:0 0;border:none;padding:12px 24px;font-size:14px}.danger-zone .section-title.danger{color:#ef4444}.danger-card{background:#ef44441a;border:1px solid #ef444433;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;display:flex}.danger-info h3{color:#fff;margin:0 0 4px;font-size:15px;font-weight:600}.danger-info p{color:#fff9;margin:0;font-size:13px}.btn-danger{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.btn-danger:hover{background:#ef44441a}@media (max-width:900px){.fleet-page .stats-row,.team-page .stats-row{grid-template-columns:repeat(2,1fr)}.fleet-grid,.compliance-content,.sections-grid{grid-template-columns:1fr}.score-card{flex-direction:column;gap:24px}.team-table .table-header,.team-table .table-row{grid-template-columns:2fr 1fr 1fr}.th-contact,.td-contact{display:none}}.locations-page{padding:0}.locations-page .page-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.locations-page .stats-row{flex-wrap:wrap;gap:24px;margin-bottom:24px;display:flex}.locations-page .stat-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;min-width:120px;padding:16px 24px}.map-container{border:1px solid #ffffff0f;border-radius:16px;margin-bottom:32px;overflow:hidden}.map-placeholder{background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:300px;display:flex}.map-placeholder p{color:#fff9;font-size:16px;font-weight:500}.map-placeholder span{color:#fff6;font-size:14px}.locations-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.location-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;transition:all .2s;overflow:hidden}.location-card:hover{border-color:#ffffff1f;transform:translateY(-2px)}.location-card .card-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.location-type-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.location-status{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.location-status.active{color:#22c55e;background:#22c55e26}.location-status.maintenance{color:#f59e0b;background:#f59e0b26}.location-card .card-body{padding:20px}.location-type-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600}.location-name{color:#fff;margin-bottom:4px;font-size:18px;font-weight:600}.location-address{color:#ffffff80;margin-bottom:16px;font-size:13px}.location-details{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.location-details .detail-item{color:#fff9;align-items:center;gap:8px;font-size:13px;display:flex}.location-details .detail-item svg{color:#fff6}.location-manager{border-top:1px solid #ffffff0f;align-items:center;gap:8px;padding-top:12px;font-size:13px;display:flex}.manager-label{color:#fff6}.manager-name{color:#fffc;font-weight:500}.location-card .card-footer{background:#ffffff05;border-top:1px solid #ffffff0f;padding:12px 20px}.location-card .btn-view{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.location-card .btn-view:hover{color:#fff;background:#ffffff0d;border-color:#fff3}.type-filter,.country-filter{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;min-width:140px;padding:10px 16px;font-size:14px}.type-filter:focus,.country-filter:focus{border-color:#fff3;outline:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;visibility:hidden;background:#000000b3;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;visibility:visible}.modal-content{background:#1a1a1f;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:480px;max-height:90vh;transition:transform .2s;overflow-y:auto;transform:scale(.95)}.modal-overlay.open .modal-content{transform:scale(1)}.modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:#fff;font-size:18px;font-weight:600}.modal-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.modal-close:hover{color:#fff;background:#ffffff1a}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#ffffffb3;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-group input,.form-group select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#ffffff4d;outline:none}.form-group input::placeholder{color:#ffffff4d}.form-hint{color:#fff6;margin-top:6px;font-size:12px}.modal-footer{background:#ffffff05;border-top:1px solid #ffffff0f;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-cancel{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-cancel:hover{background:#ffffff0d;border-color:#fff3}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.role-permissions{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:12px 16px}.permissions-label{color:#ffffff80;margin-bottom:6px;font-size:12px;font-weight:500}.permissions-list{color:#ffffffb3;font-size:13px}.btn-cancel-invite{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.btn-cancel-invite:hover{background:#ef44441a;border-color:#ef444480}@media (max-width:768px){.locations-grid{grid-template-columns:1fr}.locations-page .stats-row{grid-template-columns:repeat(3,1fr);display:grid}.map-placeholder{height:200px}}.settings-subpage{max-width:900px;margin:0 auto;padding:0}.back-link{color:#ffffff80;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:#fff}.settings-subpage .page-header{align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.header-icon{color:#60a5fa;background:#60a5fa26;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.header-icon.security{color:#22c55e;background:#22c55e26}.header-icon.billing{color:#a78bfa;background:#a78bfa26}.header-icon.notifications{color:#fbbf24;background:#fbbf2426}.header-icon.api{color:#f472b6;background:#f472b626}.header-icon.integrations{color:#2dd4bf;background:#2dd4bf26}.settings-form{max-width:100%}.form-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:24px;padding:24px}.form-section .section-title{color:#fff;margin-bottom:20px;font-size:16px;font-weight:600}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group.full-width{grid-column:1/-1}.settings-form .form-group label{color:#ffffffb3;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.settings-form .form-group input,.settings-form .form-group select,.settings-form .form-group textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.settings-form textarea{resize:vertical;min-height:80px}.settings-form .form-group input:focus,.settings-form .form-group select:focus,.settings-form .form-group textarea:focus{border-color:#ffffff4d;outline:none}.logo-upload{align-items:center;gap:24px;display:flex}.logo-preview{color:#ffffff4d;background:#ffffff0d;border:1px dashed #fff3;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.logo-actions{flex-direction:column;gap:8px;display:flex}.btn-upload{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:all .2s;display:inline-flex}.btn-upload:hover{background:#ffffff1a}.upload-hint{color:#fff6;font-size:12px}.form-actions{margin-top:24px}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.security-content{max-width:100%}.security-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 24px;display:flex}.security-section .section-header{align-items:center;gap:16px;display:flex}.security-section .section-icon{color:#fff9;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.security-section .section-icon.enabled{color:#22c55e;background:#22c55e26}.security-section .section-header h3{color:#fff;margin-bottom:2px;font-size:15px;font-weight:500}.security-section .section-header p{color:#ffffff80;font-size:13px}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.status-badge.enabled{color:#22c55e;background:#22c55e26}.section-actions{gap:12px;display:flex}.sessions-section,.security-log{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:24px;padding:24px}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title-row h3{color:#fff;font-size:16px;font-weight:600}.sessions-list,.log-list{flex-direction:column;gap:12px;display:flex}.session-item,.log-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:16px;padding:16px;display:flex}.session-icon,.log-icon{color:#ffffff80;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.log-icon.success{color:#22c55e;background:#22c55e26}.log-icon.failed{color:#ef4444;background:#ef444426}.session-info,.log-info{flex:1}.session-device{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.current-badge{color:#60a5fa;background:#60a5fa26;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.session-details,.log-meta{color:#ffffff80;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.session-time{color:#fff6;align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.log-action{color:#fff;font-size:14px;font-weight:500}.btn-revoke{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:8px;padding:8px;transition:all .2s}.btn-revoke:hover{background:#ef44441a}.advanced-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:24px}.advanced-section h3{color:#fff;margin-bottom:20px;font-size:16px;font-weight:600}.toggle-list{flex-direction:column;gap:16px;display:flex}.billing-content{max-width:100%}.current-plan-card{background:linear-gradient(135deg,#60a5fa1a 0%,#8b5cf61a 100%);border:1px solid #60a5fa33;border-radius:16px;margin-bottom:24px;padding:24px}.plan-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.plan-badge{color:#60a5fa;letter-spacing:.5px;background:#60a5fa33;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.plan-pricing .price{color:#fff;font-size:32px;font-weight:700}.plan-pricing .cycle{color:#ffffff80;font-size:14px}.billing-info{color:#fff9;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.plan-features{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.plan-features .feature-item{color:#fffc;align-items:center;gap:8px;font-size:14px;display:flex}.plan-features .feature-item svg{color:#22c55e}.plan-actions{gap:12px;display:flex}.btn-upgrade{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-upgrade:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.payment-section{margin-bottom:32px}.payment-section h3{color:#fff;margin-bottom:16px;font-size:16px;font-weight:600}.payment-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;display:flex}.card-info{align-items:center;gap:16px;display:flex}.card-icon{color:#ffffff80;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card-number{color:#fff;font-size:15px;font-weight:500}.card-expiry{color:#ffffff80;font-size:13px}.plans-section{margin-bottom:32px}.plans-section h3{color:#fff;margin-bottom:16px;font-size:16px;font-weight:600}.plans-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.plan-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:24px;transition:all .2s;position:relative}.plan-card:hover{border-color:#ffffff26}.plan-card.current{border-color:#60a5fa4d}.plan-card.popular{border-color:#60a5fa80}.popular-badge{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.plan-card .plan-name{color:#fff;margin-bottom:8px;font-size:18px;font-weight:600}.plan-card .plan-price{margin-bottom:8px}.plan-card .plan-price .amount{color:#fff;font-size:28px;font-weight:700}.plan-card .plan-price .period{color:#ffffff80;font-size:14px}.plan-card .plan-price .custom{color:#fff;font-size:24px;font-weight:600}.plan-card .plan-description{color:#ffffff80;margin-bottom:20px;font-size:13px}.plan-features-list{margin:0 0 20px;padding:0;list-style:none}.plan-features-list li{color:#ffffffb3;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.plan-features-list li svg{color:#22c55e;flex-shrink:0}.plan-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.plan-btn:hover:not(:disabled){background:#ffffff1a}.plan-btn.current{color:#22c55e;cursor:default;background:#22c55e26;border-color:#22c55e4d}.invoices-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:24px}.invoices-table .table-header,.invoices-table .table-row{grid-template-columns:1fr 1fr 1fr 100px 60px;align-items:center;gap:16px;padding:12px 0;display:grid}.invoices-table .table-header{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0f;font-size:12px;font-weight:600}.invoices-table .table-row{color:#fffc;border-bottom:1px solid #ffffff0a;font-size:14px}.invoice-id{color:#fff;font-weight:500}.invoice-status .status-badge{text-transform:capitalize;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.invoice-status .status-badge.paid{color:#22c55e;background:#22c55e26}.btn-download{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;padding:8px;transition:all .2s}.btn-download:hover{color:#fff;background:#ffffff0d}.notifications-content{max-width:100%}.channels-legend{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;gap:24px;margin-bottom:24px;padding:16px 20px;display:flex}.channel-item{color:#fff9;align-items:center;gap:8px;font-size:14px;display:flex}.notification-categories{margin-bottom:32px}.notification-category{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:20px;display:flex}.category-header{align-items:center;gap:16px;display:flex}.category-icon{color:#ffffff80;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.category-info h4{color:#fff;margin-bottom:2px;font-size:15px;font-weight:500}.category-info p{color:#ffffff80;font-size:13px}.category-channels{gap:12px;display:flex}.channel-toggle{cursor:pointer}.channel-toggle input{display:none}.toggle-box{color:#ffffff4d;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.channel-toggle input:checked+.toggle-box{color:#60a5fa;background:#60a5fa26;border-color:#60a5fa4d}.quiet-hours-section,.digest-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:24px;padding:24px}.quiet-hours-section h3,.digest-section h3{color:#fff;margin-bottom:8px;font-size:16px;font-weight:600}.section-description{color:#ffffff80;margin-bottom:20px;font-size:14px}.quiet-hours-toggle{color:#ffffffb3;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;display:flex}.quiet-hours-times{gap:24px;display:flex}.time-group{flex-direction:column;gap:8px;display:flex}.time-group label{color:#ffffff80;font-size:13px}.time-group input[type=time]{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 16px;font-size:14px}.digest-options{flex-direction:column;gap:12px;display:flex}.radio-option{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.radio-option:hover{border-color:#ffffff1f}.radio-option input[type=radio]{margin-top:3px}.radio-label{flex-direction:column;gap:2px;display:flex}.radio-label strong{color:#fff;font-size:14px;font-weight:500}.radio-label span{color:#ffffff80;font-size:13px}.api-content{max-width:100%}.usage-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:24px;padding:24px}.usage-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.usage-header h3{color:#fff;font-size:16px;font-weight:600}.usage-count{color:#fff9;font-size:14px}.usage-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.usage-fill{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%);border-radius:4px;height:100%}.usage-hint{color:#ffffff80;font-size:13px}.api-keys-section{margin-bottom:24px}.btn-create-key{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.api-keys-list{flex-direction:column;gap:16px;display:flex}.api-key-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:20px}.key-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.key-name{color:#fff;font-size:15px;font-weight:500}.key-status{text-transform:capitalize;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.key-status.active{color:#22c55e}.key-value{background:#0003;border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.key-value code{color:#ffffffb3;flex:1;font-family:monospace;font-size:13px}.btn-copy{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:6px;transition:color .2s}.btn-copy:hover{color:#fff}.key-permissions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.permission-badge{color:#60a5fa;background:#60a5fa26;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500}.key-meta{color:#fff6;gap:20px;margin-bottom:12px;font-size:12px;display:flex}.key-meta span{align-items:center;gap:4px;display:flex}.key-actions{border-top:1px solid #ffffff0f;gap:12px;padding-top:12px;display:flex}.docs-section{margin-bottom:24px}.docs-card{background:linear-gradient(135deg,#60a5fa1a 0%,#8b5cf61a 100%);border:1px solid #60a5fa33;border-radius:16px;align-items:center;gap:20px;padding:24px;display:flex}.docs-icon{color:#60a5fa;background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.docs-info{flex:1}.docs-info h4{color:#fff;margin-bottom:4px;font-size:16px;font-weight:600}.docs-info p{color:#fff9;font-size:14px}.btn-docs{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-docs:hover{background:#ffffff26}.webhooks-section h3{color:#fff;margin-bottom:8px;font-size:16px;font-weight:600}.webhooks-placeholder{text-align:center;background:#ffffff08;border:1px dashed #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.webhooks-placeholder p{color:#ffffff80;margin-bottom:16px;font-size:14px}.integrations-content{max-width:100%}.connected-section{margin-bottom:32px}.connected-section h3,.available-section h3{color:#fff;margin-bottom:16px;font-size:16px;font-weight:600}.connected-list{flex-direction:column;gap:12px;display:flex}.integration-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.integration-card:hover{border-color:#ffffff1f}.integration-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.integration-info{flex:1}.integration-category{color:#fff6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:600}.integration-name{color:#fff;margin-bottom:2px;font-size:15px;font-weight:500}.integration-description{color:#ffffff80;font-size:13px}.integration-meta{color:#fff6;align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.integration-actions{gap:8px;display:flex}.btn-icon{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;padding:8px;transition:all .2s}.btn-icon:hover{color:#fff;background:#ffffff0d}.integrations-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.integration-card.available{flex-direction:column;align-items:flex-start}.integration-card.available .integration-info{width:100%;margin-bottom:16px}.btn-connect{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-connect:hover{background:#ffffff1a}.custom-section{margin-top:32px}.custom-card{background:linear-gradient(135deg,#2dd4bf1a 0%,#60a5fa1a 100%);border:1px solid #2dd4bf33;border-radius:16px;align-items:center;gap:20px;padding:24px;display:flex}.custom-icon{color:#2dd4bf;background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.custom-info{flex:1}.custom-info h4{color:#fff;margin-bottom:4px;font-size:16px;font-weight:600}.custom-info p{color:#fff9;font-size:14px}@media (max-width:768px){.form-grid,.plan-features,.plans-grid{grid-template-columns:1fr}.invoices-table .table-header,.invoices-table .table-row{grid-template-columns:1fr 1fr 80px}.invoice-date,.invoice-actions{display:none}.integrations-grid{grid-template-columns:1fr}}:root{--background:#0a0a0a;--foreground:#fff;--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#22c55e;--grey:#9ca3af;--dark-grey:#374151;--border:#ffffff1a;--card-bg:#ffffff0d;--gradient-purple:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--gradient-green:linear-gradient(135deg,#22c55e 0%,#10b981 100%);--font-sans:"Inter Tight",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Tight,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.hero-heading{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4rem);font-weight:700}.section-heading{font-size:clamp(2rem,4vw,3rem);font-weight:600}.text-style-h3{font-size:1.5rem;font-weight:600}.text-style-h4{font-size:1.25rem;font-weight:600}.paragraph-01{font-size:1.125rem;line-height:1.7}.paragraph-02{font-size:1rem;line-height:1.6}.text-grey{color:var(--grey)}.text-center{text-align:center}.page-wrapper{min-height:100vh;overflow-x:hidden}.page-inner-wrapper{position:relative}.page-inner-wrapper.no-navbar{padding-top:0}.main-wrapper{position:relative}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0a0acc;position:fixed;top:0;left:0;right:0}.navbar-container{max-width:1280px;margin:0 auto;padding:1rem 1.5rem}.navbar-wrapper{justify-content:space-between;align-items:center;display:flex}.navbar-left{flex-shrink:0}.navbar-brand{align-items:center;gap:.5rem;display:flex}.navbar-logo-icon{width:36px;height:36px}.navbar-brand img{width:auto;height:32px}.navbar-logo-text{-webkit-text-fill-color:transparent;letter-spacing:-.02em;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#06b6d4 100%);-webkit-background-clip:text;background-clip:text;margin-right:.1em;padding-bottom:.15em;padding-right:.25em;font-size:1.5rem;font-style:italic;font-weight:700}.navbar-center,.nav-menu-wrapper{align-items:center;display:flex}.nav-menu{align-items:center;gap:.5rem;list-style:none;display:flex}.nav-item{position:relative}.nav-link{color:var(--grey);border-radius:8px;align-items:center;padding:.5rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.nav-link:hover{color:var(--foreground)}.nav-link-text{position:relative}.navbar-right{align-items:center;gap:1rem;display:flex}.nav-button-wrapper{align-items:center;gap:.75rem;display:flex}.cart-button{color:var(--grey);align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:flex}.cart-button:hover{color:var(--foreground)}.cart-text-wrap,.cart-quentity-wrap{align-items:center;display:flex}.nav-dropdown{position:relative}.nav-dropdown-toggle{color:var(--grey);cursor:pointer;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:500;transition:color .2s;display:flex}.nav-dropdown-toggle:hover{color:var(--foreground)}.nav-dropdown-icon{border-bottom:2px solid;border-right:2px solid;width:10px;height:10px;transition:transform .2s;transform:rotate(45deg)}.nav-dropdown-list-wrap{opacity:0;visibility:hidden;padding-top:.5rem;transition:all .2s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.nav-dropdown:hover .nav-dropdown-list-wrap{opacity:1;visibility:visible}.nav-dropdown-list-body{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);background:#141414f2;border-radius:12px;gap:2rem;min-width:600px;padding:1.5rem;display:flex}.nav-dropdown-list{flex-direction:column;gap:.5rem;min-width:150px;display:flex}.dropdown-page-link-list{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.dropdown-link{color:var(--grey);padding:.25rem 0;font-size:.9375rem;text-decoration:none;transition:color .2s}.dropdown-link:hover{color:var(--foreground)}.menu-button{cursor:pointer;padding:.5rem;display:none}.hamburger-menu{width:24px;height:24px}.mobile-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);background:#0a0a0afa;padding:1.5rem;position:absolute;top:100%;left:0;right:0;overflow:hidden}.mobile-menu-auth{border-bottom:1px solid var(--border);gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.mobile-menu-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--grey);margin-bottom:.75rem;font-size:.75rem;font-weight:600}.mobile-menu-section{margin-bottom:1.5rem}.mobile-menu-links{flex-direction:column;gap:.5rem;display:flex}.mobile-menu-link{color:var(--foreground);padding:.5rem 0;font-size:1rem;text-decoration:none;transition:color .2s}.mobile-menu-link:hover{color:var(--primary)}.button-01{justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.button-01-inner{background:var(--gradient-purple);color:#fff;z-index:1;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.button-01:hover .button-01-inner{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.button-01-icon{width:20px;height:20px}.button-01-text-wrap{align-items:center;display:flex}.button-02-text{font-size:.9375rem;font-weight:500}.button-01-shadow-01,.button-01-shadow-02{display:none}.button-01.large .button-01-inner{padding:1rem 2rem}.button-02{border:1px solid var(--border);color:var(--foreground);background:0 0;border-radius:50px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.button-02:hover{background:#ffffff0d;border-color:#fff3}.button-02-icon{width:16px;height:16px;display:none}.button-02-text-wrap{height:1.2em;overflow:hidden}.button-02-text-group{flex-direction:column;transition:transform .2s;display:flex}.button-02:hover .button-02-text-group{transform:translateY(-100%)}.badge{background:#6366f11a;border:1px solid #6366f14d;border-radius:50px;align-items:center;padding:.375rem .875rem;display:inline-flex}.tag{color:#a5b4fc;font-size:.875rem;font-weight:500}.discount-badge{margin-left:.5rem}.discount-badge .tag{color:#86efac}.hero-header-wrap{text-align:center;padding-top:8rem;padding-bottom:4rem}.hero-header-content{max-width:800px;margin:0 auto}.hero-badge-wrap{margin-bottom:1.5rem}.hero-text-wrap{flex-direction:column;gap:1.5rem;display:flex}.hero-heading-wrap{margin-bottom:0}.hero-subtitle-wrap{max-width:600px;margin:0 auto}.hero-subtitle{color:var(--grey)}.section-header-wrap{text-align:center;margin-bottom:3rem}.section-header-content{max-width:600px;margin:0 auto}.section-badge-wrap{margin-bottom:1rem}.section-text-wrap{flex-direction:column;gap:1rem;display:flex}.subtitle-wrap{max-width:500px;margin:0 auto}.subtitle{color:var(--grey)}.brands-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}.brand-item{opacity:.6;justify-content:center;align-items:center;transition:opacity .3s;display:flex}.brand-item:hover{opacity:1}.brand-text{color:var(--grey);letter-spacing:.05em;font-size:1.25rem;font-weight:600;transition:color .3s}.brand-item:hover .brand-text{color:var(--foreground)}.brand-possivel{background:var(--gradient-purple);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.brand-item:hover .brand-possivel{-webkit-text-fill-color:transparent}.brand-logo{filter:grayscale()brightness(.7);width:auto;height:32px;transition:filter .3s}.brand-item:hover .brand-logo{filter:grayscale(0%)brightness()}.icon-wrap{background:#6366f11a;border:1px solid #6366f14d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.icon{width:24px;height:24px}.pricing-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s}.pricing-card:hover{border-color:#6366f14d;transform:translateY(-4px)}.pricing-top-wrap{margin-bottom:2rem}.pricing-info-wrap{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.pricing-info{flex-direction:column;gap:.25rem;display:flex}.price-wrap{align-items:baseline;gap:.25rem;margin-bottom:1.5rem;display:flex}.price-wrap h2{font-size:3rem;font-weight:700}.duration{color:var(--grey)}.pricing-divider{background:var(--border);height:1px}.pricing-bottom-wrap{padding-top:1.5rem}.pricing-features-wrap{margin-bottom:2rem}.pricing-features-list{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.tick{flex-shrink:0;width:20px;height:20px;margin-top:2px}.contact-wrap{padding-bottom:4rem}.contact-info-wrap{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:4rem;display:grid}.contact-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.contact-text-wrap{flex-direction:column;flex:1;gap:.5rem;display:flex}.contact-main-wrap{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;padding:3rem}.contact-form-wrap{margin-top:2rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.label{font-weight:500}.input-filed{border:1px solid var(--border);width:100%;color:var(--foreground);background:#ffffff0d;border-radius:8px;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s,background .2s}.input-filed:focus{border-color:var(--primary);background:#ffffff14;outline:none}.input-filed::placeholder{color:var(--grey)}.input-filed.textarea{resize:vertical;min-height:150px}.input-filed.option{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat}.submit-button{background:var(--gradient-purple);color:#fff;cursor:pointer;border:none;border-radius:50px;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.success-message,.error-message{text-align:center;border-radius:8px;margin-top:1rem;padding:1rem}.success-message{color:#86efac;background:#22c55e1a;border:1px solid #22c55e4d}.error-message{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.faq-wrap{padding-bottom:4rem}.faq-main-wrap{max-width:800px;margin:0 auto}.faq-list{flex-direction:column;gap:.75rem;display:flex}.faq-item{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:12px;transition:all .2s;overflow:hidden}.faq-item:hover{border-color:#6366f14d}.faq-item.active{border-color:var(--primary)}.faq-item-content{padding:1.25rem 1.5rem}.faq-question-wrap{justify-content:space-between;align-items:center;gap:1rem;display:flex}.faq-arrow-wrap{flex-shrink:0;transition:transform .2s}.faq-arrow{opacity:.5;width:16px;height:16px}.faq-item.active .faq-arrow-wrap{transform:rotate(180deg)}.faq-answer-wrap{max-height:0;transition:max-height .3s;overflow:hidden}.faq-item.active .faq-answer-wrap{max-height:200px}.faq-answer{color:var(--grey);padding-top:1rem}.blog-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.blog-link{color:inherit;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;text-decoration:none;transition:all .3s;display:block;overflow:hidden}.blog-link:hover{border-color:#6366f14d;transform:translateY(-4px)}.blog-image-wrap{aspect-ratio:16/10;overflow:hidden}.blog-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-link:hover .blog-image-wrap img{transform:scale(1.05)}.blog-details-wrap{flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.blog-single-wrap{padding-bottom:4rem}.blog-single-header-wrap{text-align:center;padding-top:8rem;padding-bottom:2rem}.blog-single-top-wrap{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.blog-single-info-wrap{align-items:center;gap:.75rem;display:flex}.blog-dot{background:var(--grey);border-radius:50%;width:4px;height:4px}.blog-single-heading-wrap{max-width:800px;margin:0 auto 2rem}.blog-heading{font-size:clamp(2rem,4vw,3rem);font-weight:700}.writer-wrap{justify-content:center;align-items:center;gap:1rem;display:flex}.writer-image{object-fit:cover;border-radius:50%;width:48px;height:48px}.blog-large-image-wrap{border-radius:24px;margin:2rem 0;overflow:hidden}.blog-large-image-wrap img{width:100%;height:auto}.blog-single-details-wrap{grid-template-columns:1fr 200px;gap:3rem;margin-top:3rem;display:grid}.blog-single-details-left{max-width:100%}.blog-single-details{color:var(--grey);font-size:1.125rem;line-height:1.8}.blog-single-details h2{color:var(--foreground);margin:2rem 0 1rem;font-size:1.75rem}.blog-single-details p{margin-bottom:1.5rem}.blog-single-image-wrap{border-radius:16px;margin:2rem 0;overflow:hidden}.blog-single-details-right{height:fit-content;position:sticky;top:100px}.share-wrap{gap:.75rem;margin-top:.75rem;display:flex}.share-link{background:var(--card-bg);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.share-link:hover{border-color:var(--primary);background:#6366f11a}.share-icon{width:18px;height:18px}.pricing-tabs-menu{background:var(--card-bg);border:1px solid var(--border);border-radius:50px;justify-content:center;gap:.5rem;width:fit-content;margin-bottom:3rem;margin-left:auto;margin-right:auto;padding:.375rem;display:flex}.pricing-tab-link{cursor:pointer;color:var(--grey);border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.pricing-tab-link:hover{color:var(--foreground)}.pricing-tab-link.active{background:var(--gradient-purple);color:#fff}.pricing-list-wrap{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.compare-wrap{padding:5rem 0}.compare-main-wrap{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;margin-top:3rem;overflow:hidden}.compare-top-wrap{border-bottom:1px solid var(--border);grid-template-columns:250px 1fr;display:grid}.compare-top-left{padding:1.5rem}.compare-top-right{grid-template-columns:repeat(3,1fr);display:grid}.compare-plan-column{text-align:center;border-left:1px solid var(--border);padding:1.5rem}.compare-plan-wrap{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.plan-dot{background:var(--primary);border-radius:50%;width:8px;height:8px}.plan-dot.green{background:var(--secondary)}.plan-dot.purple{background:#a855f7}.compare-bottom-wrap{padding:0}.compare-row{border-bottom:1px solid var(--border);grid-template-columns:250px 1fr;display:grid}.compare-row:last-child{border-bottom:none}.compare-left-column{align-items:center;padding:1rem 1.5rem;display:flex}.compare-details-wrap{grid-template-columns:repeat(3,1fr);display:grid}.compare-details-column{border-left:1px solid var(--border);justify-content:center;align-items:center;padding:1rem 1.5rem;display:flex}.compare-icon{width:24px;height:24px}.cta{padding:5rem 0}.cta-wrap{justify-content:center;display:flex}.cta-content-wrap{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.cta-link{z-index:2;position:relative}.cta-badge{width:200px;height:200px;animation:20s linear infinite rotate}.cta-badge-custom{background:linear-gradient(135deg,#6366f14d 0%,#8b5cf633 100%);border:1px solid #6366f180;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:180px;height:180px;transition:all .3s;display:flex;box-shadow:0 0 60px #6366f14d}.cta-badge-custom:hover{background:linear-gradient(135deg,#6366f166 0%,#8b5cf64d 100%);transform:scale(1.05);box-shadow:0 0 80px #6366f180}.cta-badge-text{color:var(--foreground);letter-spacing:.1em;text-transform:uppercase;font-size:1.5rem;font-weight:700}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-circle-one,.cta-circle-two{pointer-events:none;border-radius:50%;position:absolute}.cta-circle-one{border:1px solid #6366f133;width:300px;height:300px}.cta-circle-two{border:1px solid #6366f11a;width:400px;height:400px}.footer{border-top:1px solid var(--border);padding:4rem 0 2rem}.footer-wrap{grid-template-columns:1fr 2fr;gap:4rem;display:grid}.footer-left{flex-direction:column;gap:2rem;display:flex}.footer-brand{align-items:center;gap:.75rem;display:flex}.footer-logo{width:auto;height:32px}.footer-logo-icon{width:50px;height:50px}.footer-logo-text{-webkit-text-fill-color:transparent;letter-spacing:-.02em;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#06b6d4 100%);-webkit-background-clip:text;background-clip:text;margin-right:.1em;padding-bottom:.15em;padding-right:.25em;font-size:1.75rem;font-style:italic;font-weight:700}.footer-share-wrap{gap:.75rem;display:flex}.footer-share-link{background:var(--card-bg);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.footer-share-link:hover{border-color:var(--primary);background:#6366f11a}.footer-share-icon{width:18px;height:18px}.footer-right{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.footer-menu-column{flex-direction:column;gap:1rem;display:flex}.footer-menu-title{color:var(--foreground);margin-bottom:.5rem}.footer-menu-list{flex-direction:column;gap:.5rem;display:flex}.footer-menu{color:var(--grey);font-size:.9375rem;text-decoration:none;transition:color .2s}.footer-menu:hover{color:var(--foreground)}.copyright-wrap{text-align:center;border-top:1px solid var(--border);margin-top:2rem;padding:2rem 0}.copyright-text{color:var(--grey);font-size:.875rem}.copyright-link{color:var(--primary);text-decoration:none}.copyright-link:hover{text-decoration:underline}._404-page-wrap{justify-content:center;align-items:center;min-height:60vh;padding:8rem 1.5rem 4rem;display:flex}._404-page-content{text-align:center;max-width:500px}._404-text-wrap{margin-bottom:2rem}._404-text-wrap h3{margin-bottom:1rem}.integration-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.integration-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;color:inherit;border-radius:16px;padding:2rem;text-decoration:none;transition:all .3s;display:block}.integration-card:hover{border-color:#6366f14d;transform:translateY(-4px)}.integration-icon-wrap{background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.integration-icon{width:40px;height:40px}.fade-in{animation:.6s forwards fadeIn}.fade-in-up{animation:.6s forwards fadeInUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spotlight{0%{opacity:0;transform:translate(-72%,-62%)scale(.5)}to{opacity:1;transform:translate(-50%,-40%)scale(1)}}.animate-spotlight{animation:2s .75s forwards spotlight}.hero-spline-card{width:100%;height:500px;position:relative;overflow:hidden;border:1px solid var(--border)!important;background:#0a0a0af5!important;border-radius:24px!important}.hero-spline-content{height:100%;display:flex}.hero-spline-left{z-index:10;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative}.hero-spline-title{-webkit-text-fill-color:transparent;background:linear-gradient(#f5f5f5,#a3a3a3);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.hero-spline-description{color:var(--grey);max-width:500px;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.hero-spline-features{grid-template-columns:repeat(2,1fr);gap:1rem 2rem;display:grid}.hero-spline-feature{color:#ffffffd9;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.hero-spline-feature-icon{color:var(--primary);font-size:1rem}.hero-spline-right{flex:1;position:relative}.hero-spline-scene{width:100%;height:100%}@media (max-width:991px){.hero-spline-card{height:auto;min-height:600px}.hero-spline-content{flex-direction:column}.hero-spline-left{text-align:center;align-items:center;padding:2rem}.hero-spline-features{grid-template-columns:1fr;gap:.75rem}.hero-spline-title{font-size:2rem}.hero-spline-right{height:350px}}.fit-cover{object-fit:cover;width:100%;height:100%}.hide{display:none!important}.w-richtext{max-width:100%}.w-richtext h2{margin:2rem 0 1rem;font-size:1.75rem}.w-richtext p{margin-bottom:1.5rem}@media (max-width:991px){.navbar-center{display:none}.menu-button{color:var(--foreground);background:0 0;border:none;display:flex}.nav-button-wrapper{display:none}.nav-dropdown-list-body{flex-direction:column;min-width:300px}.footer-wrap{grid-template-columns:1fr;gap:3rem}.footer-right{grid-template-columns:repeat(2,1fr)}.compare-top-wrap,.compare-row{grid-template-columns:150px 1fr}.blog-single-details-wrap{grid-template-columns:1fr}.blog-single-details-right{align-items:center;gap:1rem;display:flex;position:static}}@media (max-width:767px){.hero-heading{font-size:2rem}.section-heading{font-size:1.75rem}.footer-right{grid-template-columns:1fr}.compare-main-wrap{overflow-x:auto}.compare-top-wrap,.compare-row{min-width:700px}.contact-main-wrap{padding:1.5rem}.pricing-list-wrap{grid-template-columns:1fr}}@media (max-width:479px){.container{padding:0 1rem}.hero-header-wrap{padding-top:6rem}.button-01-inner{padding:.625rem 1.25rem}.form-row{grid-template-columns:1fr}}.auth-layout,.onboarding-layout{background:var(--bg);min-height:100vh}.auth-container{min-height:100vh;display:flex}.auth-image-section{background:linear-gradient(135deg,#6366f11a 0%,#8b5cf60d 100%);width:50%;display:none;position:relative;overflow:hidden}.auth-spline-wrapper{width:100%;height:100%;position:absolute;inset:0}.auth-spline{width:100%;height:100%}.auth-overlay-content{text-align:center;pointer-events:none;background:linear-gradient(#0000 0%,#0a0a0a4d 50%,#0a0a0ae6 100%);flex-direction:column;justify-content:flex-end;align-items:center;padding:3rem;display:flex;position:absolute;inset:0}.auth-overlay-content .auth-logo,.auth-overlay-content .auth-image-text{pointer-events:auto}.auth-image-wrapper{justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.auth-image-content{text-align:center;flex-direction:column;align-items:center;gap:2rem;max-width:500px;display:flex}.spline-loader{background:var(--bg);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.spline-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.auth-logo{margin-bottom:1rem}.auth-logo-text{background:var(--gradient-purple);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}.auth-image-text h2{color:var(--white);margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.auth-image-text p{color:var(--grey);font-size:1rem;line-height:1.6}.auth-preview-image{border:1px solid var(--border);border-radius:16px;box-shadow:0 25px 50px -12px #00000080}.auth-form-section{background:var(--bg);flex-direction:column;justify-content:center;width:100%;min-height:100vh;padding:2rem 1.5rem;display:flex;overflow-y:auto}.auth-form-wrapper{width:100%;max-width:420px;margin:0 auto;padding:1rem 0}.auth-form-header{text-align:center;margin-bottom:2rem}.auth-form-header h1{color:var(--white);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.auth-form-header p{color:var(--grey);font-size:.9375rem}.auth-link{background:var(--gradient-purple);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600;transition:opacity .2s}.auth-link:hover{opacity:.8}.auth-form-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-field{flex-direction:column;gap:.5rem;display:flex}.auth-label{color:var(--grey);font-size:.875rem;font-weight:500}.auth-label-row{justify-content:space-between;align-items:center;display:flex}.auth-link-small{background:var(--gradient-purple);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.8125rem;font-weight:600;transition:opacity .2s}.auth-link-small:hover{opacity:.8}.auth-input{width:100%;color:var(--white);background:var(--bg);border:2px solid var(--border);border-radius:12px;outline:none;padding:.75rem 1rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.auth-input::placeholder{color:var(--grey);opacity:.6}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.auth-button{width:100%;color:var(--white);background:var(--gradient-purple);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:opacity .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #6366f14d}.auth-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-spinner{width:1.25rem;height:1.25rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-error{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.auth-success{color:var(--primary);text-align:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.auth-terms{color:var(--grey);text-align:center;font-size:.8125rem;line-height:1.5}@media (min-width:1024px){.auth-image-section{display:block}.auth-form-section{width:50%;padding:3rem}.auth-form-card{padding:2rem}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@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}