*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.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)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#0057b7;--primary-dark:#004494;--primary-light:#4d9cff;--primary-bg:#0057b70d;--secondary:#102a43;--secondary-dark:#0b1929;--secondary-light:#334e68;--accent:#ff6b35;--success:#06a94d;--success-light:#ceffce;--warning:#f0b429;--warning-light:#fff8e6;--danger:#e12d39;--danger-light:#ffe5e5;--info:#3da9fc;--info-light:#e6f6ff;--neutral-0:#fff;--neutral-50:#f9fafb;--neutral-100:#f0f4f8;--neutral-200:#d9e2ec;--neutral-300:#bcccdc;--neutral-400:#9fb3c8;--neutral-500:#829ab1;--neutral-600:#627d98;--neutral-700:#486581;--neutral-800:#334e68;--neutral-900:#102a43;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 2px 4px #1018280f,0 1px 2px #1018280a;--shadow-md:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;--shadow-lg:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;--shadow-xl:0 20px 24px -4px #10182814,0 8px 8px -4px #10182808;--shadow-focus:0 0 0 4px #0057b733;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--transition-fast:0.15s ease-in-out;--transition-normal:0.25s ease-in-out;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--transition-fast:all 0.2s ease;--transition-base:all 0.3s ease;--transition-slow:all 0.5s ease;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#334e68;color:var(--neutral-800);font-size:16px;line-height:1.5;margin:0;padding:0;scroll-behavior:smooth}.westports-dashboard,body,html{background-color:#f0f4f8;background-color:var(--neutral-100);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans)}.westports-dashboard{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr;margin:0 auto;max-width:1440px;min-height:100vh;padding:1.5rem;padding:var(--space-6);position:relative}@media (min-width:1024px){.westports-dashboard{gap:2rem;gap:var(--space-8);grid-template-areas:"header header" "stats-grid stats-grid" "call-instructions main-content";grid-template-columns:1fr 3fr;padding:2rem;padding:var(--space-8)}}.dashboard-main{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6);grid-area:main-content}.container-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.vertical-stack{gap:1.5rem;gap:var(--space-6)}.header,.vertical-stack{display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#0b1929,#004494);background:linear-gradient(135deg,var(--secondary-dark),var(--primary-dark));border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;box-shadow:var(--shadow-lg);color:#fff;gap:1rem;gap:var(--space-4);grid-area:header;overflow:hidden;padding:2rem;padding:var(--space-8);position:relative}.header-content{align-items:flex-start;display:flex;justify-content:space-between;position:relative;z-index:2}.header-left{flex:1 1}.header-right{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.header:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#ffffffe6);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:.75rem;margin-bottom:var(--space-3);margin-top:0;position:relative}.header h1:after{background:linear-gradient(90deg,#ff6b35,#ffffff80);background:linear-gradient(to right,var(--accent),#ffffff80);border-radius:2px;bottom:-5px;content:"";height:4px;left:0;position:absolute;width:60px}.header p{font-size:16px;line-height:1.6;margin:0;max-width:600px;opacity:.9;text-shadow:0 1px 1px #0000001a}.demo-badge{background-color:#fbd38d;border-radius:20px;color:#744210;display:inline-block;font-weight:600;margin-bottom:12px;padding:6px 12px}.connection-status{align-items:center;display:flex;font-size:14px;position:absolute;right:20px;top:20px}.connection-status.connected{color:#48bb78}.connection-status.disconnected{color:#f56565}.connection-status:before{border-radius:50%;content:"";display:inline-block;height:10px;margin-right:6px;width:10px}.connection-status.connected:before{background-color:#48bb78}.connection-status.disconnected:before{background-color:#f56565}.last-update{color:#cbd5e0;font-size:14px;position:absolute;right:150px;top:20px}.websocket-debug{background:#ffffff1a;border-radius:4px;display:inline-block;font-size:12px;margin-top:10px;padding:5px 10px}.call-instructions{background-color:#fff;background-color:var(--neutral-0);border:1px solid #d9e2ec;border:1px solid var(--neutral-200);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1.25rem;gap:var(--space-5);grid-area:call-instructions;padding:1.5rem;padding:var(--space-6);position:relative}.call-instructions-header{align-items:center;border-bottom:1px solid #d9e2ec;border-bottom:1px solid var(--neutral-200);display:flex;gap:.75rem;gap:var(--space-3);padding-bottom:1rem;padding-bottom:var(--space-4)}.call-instructions-content{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.call-instructions-icon{align-items:center;background-color:#0057b70d;background-color:var(--primary-bg);border-radius:9999px;border-radius:var(--radius-full);color:#0057b7;color:var(--primary);display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.call-instructions:after{bottom:-15px;content:"📞";font-size:120px;opacity:.1;pointer-events:none;position:absolute;right:-15px;transform:rotate(-15deg)}.call-instructions h2{color:#102a43;color:var(--secondary);display:inline-block;font-size:24px;font-weight:700;margin-bottom:15px;margin-top:0;position:relative}.call-instructions h2:after{background:linear-gradient(90deg,#0057b7,#4d9cff);background:linear-gradient(to right,var(--primary),var(--primary-light));border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.call-instructions p{color:#4a5568;margin-bottom:12px}.phone-number{background-color:#ebf8ff;border-radius:6px;color:#2b6cb0;cursor:pointer;font-size:24px;font-weight:700;margin-bottom:16px;padding:12px;text-align:center;transition:all .3s ease}.phone-number:hover{background-color:#bee3f8;transform:translateY(-2px)}.command-list{grid-gap:8px;display:grid;gap:8px}.phone-input-container{flex-direction:column;gap:12px;margin:16px 0;max-width:400px}.phone-input-group{align-items:center;display:flex;width:100%}.phone-prefix{background-color:#d9e2ec;background-color:var(--neutral-200);border:1px solid #bcccdc;border:1px solid var(--neutral-300);border-radius:.375rem 0 0 .375rem;border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none;color:#334e68;color:var(--neutral-800);font-weight:500;padding:10px 12px}.phone-input{border:1px solid #bcccdc;border:1px solid var(--neutral-300);border-radius:0;padding:10px 12px;transition:border-color all .2s ease;transition:border-color var(--transition-fast)}.phone-input:focus{border-color:#0057b7;border-color:var(--primary);box-shadow:0 0 0 4px #0057b733;box-shadow:var(--shadow-focus)}.call-button{background-color:#0057b7;background-color:var(--primary);border-radius:0 .375rem .375rem 0;border-radius:0 var(--radius-md) var(--radius-md) 0;font-weight:500;gap:8px;padding:10px 20px;transition:background-color all .2s ease;transition:background-color var(--transition-fast)}.call-button:hover{background-color:#004494;background-color:var(--primary-dark)}.call-button:disabled{background-color:#9fb3c8;background-color:var(--neutral-400);cursor:not-allowed}.call-icon{font-size:18px}.call-status{animation:fadeIn .3s ease-in-out;border-radius:.375rem;border-radius:var(--radius-md);font-weight:500;margin-bottom:12px;padding:12px 16px}.call-status.success{background-color:#ceffce;background-color:var(--success-light);border-left:4px solid #06a94d;border-left:4px solid var(--success);color:#06a94d;color:var(--success)}.call-status.error{background-color:#ffe5e5;background-color:var(--danger-light);border-left:4px solid #e12d39;border-left:4px solid var(--danger);color:#e12d39;color:var(--danger)}.command-item{align-items:center;background-color:#f9fafb;background-color:var(--neutral-50);border:1px solid #d9e2ec;border:1px solid var(--neutral-200);border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 1px 2px #1018280d;box-shadow:var(--shadow-xs);display:flex;gap:.75rem;gap:var(--space-3);padding:1rem;padding:var(--space-4);position:relative;transition:all .3s ease;transition:var(--transition-base)}.command-item:hover{background-color:#0057b70d;background-color:var(--primary-bg);border-color:#4d9cff;border-color:var(--primary-light);transform:translateY(-2px)}.command-item:hover,.command-list>div:hover{box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;box-shadow:var(--shadow-md)}.command-list>div:hover{background-color:#4d9cff;background-color:var(--primary-light);border-color:#0057b7;border-color:var(--primary);transform:translateY(-3px)}.command-list>div:hover:after{opacity:1}.command-list>div:after{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .5s ease;width:200%}.activity-icon{align-items:center;background-color:#0057b70d;background-color:var(--primary-bg);border-radius:9999px;border-radius:var(--radius-full);color:#0057b7;color:var(--primary);display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.phone-input{background:#0000;border:none;color:#334e68;color:var(--neutral-800);flex:1 1;font-size:16px;font-weight:500;outline:none;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);transition:all .2s ease;transition:var(--transition-fast)}.phone-input::placeholder{color:#9fb3c8;color:var(--neutral-400)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button,input[type=tel]::-webkit-inner-spin-button,input[type=tel]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number],input[type=tel]{-webkit-appearance:textfield;appearance:textfield}.phone-input-container{align-items:center;background:#fff;background:var(--neutral-0);border:1px solid #d9e2ec;border:1px solid var(--neutral-200);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 2px 4px #1018280f,0 1px 2px #1018280a;box-shadow:var(--shadow-sm);display:flex;margin:1.25rem 0;margin:var(--space-5) 0;max-width:450px;overflow:hidden;position:relative;transition:all .3s ease;transition:var(--transition-base);width:100%}.phone-input-container:hover{border-color:#bcccdc;border-color:var(--neutral-300);box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;box-shadow:var(--shadow-md)}.call-button{align-items:center;background:linear-gradient(135deg,#0057b7,#004494);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:.5rem;gap:var(--space-2);justify-content:center;min-width:100px;overflow:hidden;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:relative;transition:all .3s ease;transition:var(--transition-base)}.call-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;transition:var(--transition-slow);width:100%}.call-button:hover{box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.call-button:hover:before{left:100%}.call-button:active{transform:translateY(1px)}.call-icon{animation:pulse 2s infinite}.stats-grid{grid-gap:1.25rem;grid-gap:var(--space-5);display:grid;gap:1.25rem;gap:var(--space-5);grid-area:stats-grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.stat-card{align-items:center;background-color:#fff;background-color:var(--neutral-0);border:1px solid #d9e2ec;border:1px solid var(--neutral-200);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;padding:1.5rem;padding:var(--space-6);position:relative;text-align:center;transition:all .3s ease;transition:var(--transition-base)}.stat-card-1{border-top:3px solid #0057b7;border-top:3px solid var(--primary)}.stat-card-2{border-top:3px solid #06a94d;border-top:3px solid var(--success)}.stat-card-3{border-top:3px solid #f0b429;border-top:3px solid var(--warning)}.stat-card-4{border-top:3px solid #ff6b35;border-top:3px solid var(--accent)}.stat-card:hover{box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.stat-number{display:inline-block;font-size:36px;font-weight:700;margin-bottom:10px;position:relative;text-shadow:0 1px 2px #0000001a}.stat-number:after{background:linear-gradient(90deg,#0057b7,#4d9cff);background:linear-gradient(to right,var(--primary),var(--primary-light));border-radius:2px;bottom:-5px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.stat-label{color:#627d98;color:var(--neutral-600);font-size:15px;font-weight:600;letter-spacing:1px;margin-top:5px;text-transform:uppercase}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:24px}.section{background-color:#fff;background-color:var(--neutral-0);border:1px solid #d9e2ec;border:1px solid var(--neutral-200);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1.25rem;gap:var(--space-5);padding:1.5rem;padding:var(--space-6);position:relative;transition:all .3s ease;transition:var(--transition-base)}.section:hover{box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.container-card{grid-gap:1rem;grid-gap:var(--space-4);background-color:#fff;background-color:var(--neutral-0);border:1px solid #d9e2ec;border:1px solid var(--neutral-200);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 2px 4px #1018280f,0 1px 2px #1018280a;box-shadow:var(--shadow-sm);display:grid;gap:1rem;gap:var(--space-4);margin-bottom:1.25rem;margin-bottom:var(--space-5);overflow:hidden;padding:1.25rem;padding:var(--space-5);position:relative;transition:all .3s ease;transition:var(--transition-base)}.container-card:before{background:linear-gradient(180deg,#0057b7,#4d9cff);background:linear-gradient(to bottom,var(--primary),var(--primary-light));content:"";height:100%;left:0;position:absolute;top:0;width:4px}.container-card:hover{border-color:#4d9cff;border-color:var(--primary-light);box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.container-card.status-completed:before{background:linear-gradient(180deg,#06a94d,#ceffce);background:linear-gradient(to bottom,var(--success),var(--success-light))}.container-card.status-pending:before{background:linear-gradient(180deg,#f0b429,#fff8e6);background:linear-gradient(to bottom,var(--warning),var(--warning-light))}.container-card.status-error:before{background:linear-gradient(180deg,#e12d39,#ffe5e5);background:linear-gradient(to bottom,var(--danger),var(--danger-light))}.container-header{align-items:center;border-bottom:1px solid #d9e2ec;border-bottom:1px solid var(--neutral-200);display:flex;justify-content:space-between;padding-bottom:.75rem;padding-bottom:var(--space-3)}.container-number{color:#334e68;color:var(--neutral-800);font-family:monospace;font-size:16px;font-weight:700}.status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:600;gap:.25rem;gap:var(--space-1);letter-spacing:.5px;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);text-transform:uppercase}.bg-blue-500{background-color:#3b82f6}.bg-yellow-500{background-color:#eab308}.bg-green-500{background-color:#22c55e}.bg-gray-500{background-color:#6b7280}.bg-red-500{background-color:#ef4444}.bg-orange-500{background-color:#f97316}.bg-gray-400{background-color:#9ca3af}.container-details{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;font-size:14px}.detail-item span:first-child{color:#64748b;font-size:12px}.detail-item span:last-child{color:#1e293b;font-weight:500}.text-green-600{color:#16a34a}.text-red-600{color:#dc2626}.active-gatepass{background-color:#ecfdf5;border-radius:6px;color:#047857;font-size:14px;font-weight:500;margin-top:12px;padding:8px}.activity-feed{flex-direction:column}.activity-feed,.activity-item{display:flex;gap:.75rem;gap:var(--space-3)}.activity-item{align-items:center;background-color:#f9fafb;background-color:var(--neutral-50);border:1px solid #d9e2ec;border:1px solid var(--neutral-200);border-radius:.375rem;border-radius:var(--radius-md);padding:1rem;padding:var(--space-4);transition:all .3s ease;transition:var(--transition-base)}.activity-item:hover{background-color:#f1f5f9;box-shadow:0 2px 5px #0000000d;transform:translateX(2px)}.activity-message{color:#334155;font-weight:600;line-height:1.4;margin-bottom:6px}.activity-time{align-items:center;color:#64748b;display:flex;font-size:12px}.activity-time:before{content:"🕒";font-size:10px;margin-right:5px}.empty-state{background-color:#f9fafb;background-color:var(--neutral-50);border:2px dashed #bcccdc;border:2px dashed var(--neutral-300);border-radius:.5rem;border-radius:var(--radius-lg);color:#829ab1;color:var(--neutral-500);font-size:16px;font-weight:500;margin:25px 0;overflow:hidden;padding:40px;position:relative}.empty-state:before{content:"⏳";font-size:80px;left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%)}.gatepass-card,.ssr-card{background:linear-gradient(90deg,#fff,#f8fafc);border:1px solid #d9e2ec;border:1px solid var(--neutral-200);border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 2px 4px #1018280f,0 1px 2px #1018280a;box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden;padding:20px;position:relative;transition:var(--transition)}.gatepass-card:before{background:linear-gradient(180deg,#06a94d,#86efac);background:linear-gradient(to bottom,var(--success),#86efac)}.gatepass-card:before,.ssr-card:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.ssr-card:before{background:linear-gradient(180deg,#ff6b35,#fdba74);background:linear-gradient(to bottom,var(--accent),#fdba74)}.gatepass-card:hover,.ssr-card:hover{box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;box-shadow:var(--shadow-md);transform:translateY(-3px)}.gatepass-id,.ssr-id{align-items:center;color:#334e68;color:var(--neutral-800);display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:12px}.gatepass-id:before{content:"🔑";font-size:18px}.ssr-id:before{content:"📝";font-size:18px}.gatepass-details,.ssr-details{background-color:#f9fafb;background-color:var(--neutral-50);border:1px solid #d9e2ec;border:1px solid var(--neutral-200);border-radius:.25rem;border-radius:var(--radius-sm);color:#627d98;color:var(--neutral-600);font-size:15px;line-height:1.5;padding:12px 15px}.highlight-query{animation:pulse 2s}@keyframes pulse{0%{box-shadow:0 0 0 0 #3b82f6b3}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 0 0 #3b82f600}}.notification{animation:slideIn .3s ease-out forwards;background:#fff;border-radius:8px;bottom:24px;box-shadow:0 4px 12px #00000026;max-width:350px;padding:16px;position:fixed;right:24px;z-index:1000}.notification-success{border-left:5px solid #22c55e}.notification-info{border-left:5px solid #3b82f6}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.last-update{display:none}}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.container-details{grid-template-columns:1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.header h1{font-size:24px}.phone-number{font-size:20px}}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;position:relative}.section-header:after{background:linear-gradient(90deg,#3182ce,#63b3ed,#f0f9ff);border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.section-title{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;letter-spacing:.3px}.section-title:before{background:linear-gradient(180deg,#3182ce,#63b3ed);border-radius:3px;content:"";display:inline-block;height:18px;margin-right:10px;width:5px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .6s ease-out}@keyframes loadingPulse{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.loading-pulse{overflow:hidden;position:relative}.loading-pulse:after{animation:loadingPulse 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}.empty-state{animation:fadeIn .6s ease-out;background-color:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;margin:20px 0;padding:24px;text-align:center}.empty-state p{color:#64748b;margin-top:8px}@keyframes highlight{0%{box-shadow:0 0 0 #3182ce00}50%{box-shadow:0 0 20px #3182ce99}to{box-shadow:0 0 0 #3182ce00}}.highlight-container{animation:highlight 1.5s ease-in-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.slide-in-right{animation:slideInRight .4s forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.notification{animation:slideInRight .5s forwards;background-color:#ebf8ff;border-left:4px solid #3182ce;border-radius:4px;color:#2c5282;margin-bottom:16px;overflow:hidden;padding:12px 16px;position:relative}.notification:after{background:linear-gradient(90deg,#3182ce,#0000);content:"";height:2px;left:0;position:absolute;top:0;width:100%}.notification-warning{background-color:#fffbeb;border-left-color:#d97706;color:#92400e}.notification-warning:after{background:linear-gradient(90deg,#d97706,#0000)}.notification-success{background-color:#f0fdf4;border-left-color:#16a34a;color:#166534}.notification-success:after{background:linear-gradient(90deg,#16a34a,#0000)}
/*# sourceMappingURL=main.30686bff.css.map*/