@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-border-style:solid;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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);--color-primary:#00d97e}}@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;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{.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.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}}.m-0{margin:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.ms-12{margin-inline-start:calc(var(--spacing) * 12)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-32{margin-top:calc(var(--spacing) * 32)}.mt-auto{margin-top:auto}.mr-12{margin-right:calc(var(--spacing) * 12)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.mb-20{margin-bottom:calc(var(--spacing) * 20)}.mb-24{margin-bottom:calc(var(--spacing) * 24)}.mb-32{margin-bottom:calc(var(--spacing) * 32)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-16{margin-left:calc(var(--spacing) * 16)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-52{height:calc(var(--spacing) * 52)}.h-full{height:100%}.w-100{width:calc(var(--spacing) * 100)}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-20{gap:calc(var(--spacing) * 20)}.gap-24{gap:calc(var(--spacing) * 24)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-primary{border-color:var(--color-primary)}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing) * 0)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.p-16{padding:calc(var(--spacing) * 16)}.p-24{padding:calc(var(--spacing) * 24)}.p-32{padding:calc(var(--spacing) * 32)}.px-24{padding-inline:calc(var(--spacing) * 24)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-32{padding-block:calc(var(--spacing) * 32)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pr-32{padding-right:calc(var(--spacing) * 32)}.pl-32{padding-left:calc(var(--spacing) * 32)}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-primary{color:var(--color-primary)}.text-white{color:var(--color-white)}.italic{font-style:italic}.opacity-8{opacity:.08}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[program\:laravel-scheduler\]{program:laravel-scheduler}.\[program\:laravel-worker\]{program:laravel-worker}.\[program\:php-fpm\]{program:php-fpm}}:root{--primary:#10b981;--primary-dark:#059669;--primary-light:#d1fae5;--primary-hover:#34d399;--primary-glow:#10b98140;--bg-dark:#030712;--bg-card:#111827b3;--bg-sidebar:#030712;--bg-surface:#1f293780;--bg-hover:#37415166;--bg-input:#111827;--bg-glass:#030712d9;--border:#ffffff0d;--border-light:#ffffff14;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-dark:#030712;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:8px;--radius:12px;--radius-lg:20px;--radius-xl:30px;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 20px 25px -5px #0003, 0 10px 10px -5px #0000001a;--shadow-xl:0 25px 50px -12px #00000080;--shadow-glow:0 0 20px #10b98126;--sidebar-width:280px;--header-height:80px;--bottom-nav-height:72px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#10b9810d 0,#0000 50%),radial-gradient(at 100% 100%,#10b98105 0,#0000 50%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:none;position:fixed;inset:0;overflow:hidden!important}@media(max-width:1024px){.modal-overlay{padding:10px}}.modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl);animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;flex-direction:column!important;min-height:0!important;max-height:360px!important;display:flex!important;overflow:hidden!important}.modal>form{grid-template-rows:auto 1fr auto!important;height:100%!important;min-height:0!important;max-height:360px!important;display:grid!important;overflow:hidden!important}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.modal-header h3{margin:0;font-size:16px;font-weight:800}.modal-body{flex:1;min-height:0;padding:16px 20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:#ffffff05;flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.pwa-banner{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-xl);z-index:9999;box-shadow:var(--shadow-lg);border:1px solid #ffffff1a;align-items:center;gap:12px;padding:12px 16px;animation:.4s cubic-bezier(.34,1.56,.64,1) slideDown;display:none;position:fixed;top:12px;left:12px;right:12px}.pwa-banner .app-icon{object-fit:cover;border-radius:10px;width:44px;height:44px}.pwa-banner .app-info{flex:1}.pwa-banner .app-name{font-size:14px;font-weight:800;display:block}.pwa-banner .app-url{color:var(--text-secondary);font-size:11px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.btn{font-weight:700;font-family:var(--font-heading);transition:var(--transition);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:100px;justify-content:center;align-items:center;gap:10px;min-height:38px;padding:6px 16px;font-size:13px;line-height:1;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--bg-dark);box-shadow:0 4px 15px #10b98133}.btn-primary:hover{box-shadow:0 8px 25px #10b9814d,var(--shadow-glow);transform:translateY(-2px)scale(1.02)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid #ffffff1a}.btn-secondary:hover{background:var(--bg-surface);border-color:#fff3}.btn-lg{padding:16px 32px;font-size:16px}.btn-sm{padding:8px 16px;font-size:12px}.btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 0 20px #ef444433}.btn-success{color:var(--bg-dark);background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98133}.btn-success:hover{box-shadow:0 8px 25px #10b9814d,var(--shadow-glow);transform:translateY(-2px)scale(1.02)}.empty-state{text-align:center;max-width:400px;margin:0 auto;padding:80px 40px}.empty-state .icon{opacity:.5;margin-bottom:24px;font-size:64px}.empty-state h3{margin-bottom:12px;font-size:24px;font-weight:800}.empty-state p{color:var(--text-secondary);line-height:1.6}@media(max-width:1024px){.empty-state{padding:40px 24px}.empty-state .icon{margin-bottom:16px;font-size:48px}.empty-state h3{font-size:20px}}.status-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.status-dot.connected,.status-dot.active{background:var(--primary);box-shadow:0 0 10px var(--primary)}.status-dot.connecting,.status-dot.pending{background:#eab308;animation:1.5s infinite pulse}.status-dot.disconnected,.status-dot.inactive{background:#ef4444}@keyframes pulse{50%{opacity:.5}}.avatar{background:var(--bg-surface);border-radius:var(--radius);width:48px;height:48px;color:var(--primary);border:1px solid #ffffff0d;justify-content:center;align-items:center;font-weight:800;display:flex}.form-group{margin-bottom:12px}.form-label{color:var(--text-secondary);font-size:12px;font-weight:700;font-family:var(--font-heading);letter-spacing:.02em;margin-bottom:4px;display:block}.form-control{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);transition:var(--transition);font-size:13px;font-family:var(--font-body);border-radius:12px;padding:8px 14px}.form-control:focus{border-color:var(--primary);background:var(--bg-dark);outline:none;box-shadow:0 0 0 4px #10b9811a}.form-control::-webkit-calendar-picker-indicator{filter:invert();opacity:.6;cursor:pointer;transition:var(--transition)}.form-control::-webkit-calendar-picker-indicator:hover{opacity:1}.auth-page{background:radial-gradient(circle at 100% 0,#00d97e0d,#0000),radial-gradient(circle at 0 100%,#38bdf80d,#0000);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border:1px solid #ffffff0d;padding:48px}.auth-card .logo{align-items:center;gap:12px;margin-bottom:32px;display:flex}.auth-card h2{margin-bottom:8px;font-size:28px;font-weight:800}.auth-card .subtitle{color:var(--text-secondary);margin-bottom:32px}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:32px;font-size:14px}.auth-footer a{color:var(--primary);font-weight:700}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:2500;transition:var(--transition);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar:after{content:"";background:linear-gradient(to bottom,transparent,var(--primary),transparent);opacity:.1;width:1px;position:absolute;top:0;bottom:0;right:-1px}.sidebar-nav{flex:1;padding:12px 16px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:#ffffff1a}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:48px}.sidebar-brand{align-items:center;gap:16px;padding:32px 24px;display:flex}.sidebar-brand h1{font-size:20px;font-family:var(--font-heading);background:linear-gradient(135deg,#fff 0%,var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-footer{border-top:1px solid var(--border);background:#0003;padding:24px}.user-info{align-items:center;gap:16px;margin-bottom:20px;display:flex}.user-avatar{background:linear-gradient(135deg,var(--bg-hover) 0%,var(--bg-surface) 100%);border:1px solid var(--border-light);width:44px;height:44px;color:var(--primary);box-shadow:var(--shadow);border-radius:12px;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.user-details{flex:1;min-width:0}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.user-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.nav-link{color:var(--text-secondary);transition:var(--transition);align-items:center;gap:12px;padding:12px 32px;font-weight:600;display:flex}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active{border-right:3px solid var(--primary)}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:48px;display:flex}.page-title{margin-bottom:8px;font-size:28px;font-weight:800}.page-subtitle{color:var(--text-secondary);font-size:14px}.page-actions{align-items:center;gap:12px;display:flex}.mobile-header,.bottom-nav{display:none}.d-mobile-only{display:none!important}@media(max-width:1024px){.d-mobile-none{display:none!important}.d-mobile-only{display:flex!important}.sidebar{pointer-events:none;transform:translate(-100%)}.sidebar.open{pointer-events:auto;transform:translate(0)}.main-content{margin-left:0;padding:100px 20px 120px}.mobile-header{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:2000;height:70px;padding:0 24px;padding-top:env(safe-area-inset-top);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.menu-toggle{color:var(--text-primary);cursor:pointer;width:40px;height:40px;transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;font-size:20px;display:flex}.menu-toggle:active{background:#ffffff1a;transform:scale(.9)}.bottom-nav{height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:1500;padding:0 10px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #ffffff0d;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0000004d}.bottom-nav-link{color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.bottom-nav-link.active{color:var(--primary)}.bottom-nav-link .icon{font-size:20px}.mobile-stack{flex-direction:column!important}.mobile-w-full{width:100%!important}.mobile-gap-8{gap:8px!important}.mobile-p-0{padding:0!important}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-actions{flex-wrap:wrap;gap:8px;width:100%}.page-actions .btn{flex:1;min-width:120px}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);justify-content:space-between;align-items:center;padding:32px;display:flex}.stat-card:hover{border-color:var(--primary-glow);box-shadow:0 10px 30px #0000004d,var(--shadow-glow);transform:translateY(-5px)}.stat-value{margin-bottom:4px;font-size:32px;font-weight:800}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.stat-icon.green{color:var(--primary);background:#00d97e1a}.stat-icon.blue{color:#38bdf8;background:#38bdf81a}.stat-icon.purple{color:#a855f7;background:#a855f71a}.stat-icon.orange{color:#fb923c;background:#fb923c1a}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;display:grid}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-xl);transition:var(--transition);margin-bottom:24px;overflow:hidden}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow-xl),0 0 40px #10b9810d;transform:translateY(-5px)}.standard-card-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:32px;display:grid}@media(max-width:1200px){.standard-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.standard-card-grid{grid-template-columns:1fr;gap:24px}}.card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.card-header h3{margin:0;font-size:18px;font-weight:800}.card-body{padding:32px}.text-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text}.badge{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800;font-family:var(--font-heading);border-radius:100px;padding:6px 14px}.badge-success{color:var(--primary);background:#10b9811a;border:1px solid #10b98133}.badge-info{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.badge-primary{color:var(--primary);background:#10b9811a;border:1px solid #10b98133}.badge-danger{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.badge-status{text-transform:uppercase;letter-spacing:.5px;transition:var(--transition);border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:800;display:inline-flex}.badge-status-sent{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b833}.badge-status-delivered{color:var(--primary);background:#00d97e1a;border:1px solid #00d97e33}.badge-status-read{color:#34b7f1;background:#34b7f11a;border:1px solid #34b7f133;box-shadow:0 0 15px #34b7f11a}.badge-status-failed{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.tick-sent{color:var(--text-muted);opacity:.6}.tick-delivered{color:var(--text-muted);opacity:.9}.tick-read{color:#34b7f1;text-shadow:0 0 10px #34b7f166}table{border-collapse:separate;border-spacing:0;width:100%}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800;font-family:var(--font-heading);border-bottom:1px solid var(--border);background:#0000001a;padding:18px 24px}td{border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle;transition:var(--transition);padding:24px;font-size:14px}tr:hover td{background:#ffffff03}tr:last-child td{border-bottom:none}.chat-layout{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid #ffffff0d;display:flex;overflow:hidden}.chat-list{border-right:1px solid #ffffff0d;flex-direction:column;width:320px;display:flex}.chat-item{cursor:pointer;transition:var(--transition);border-bottom:1px solid #ffffff05;gap:12px;padding:16px 20px;text-decoration:none;display:flex}.chat-item:hover{background:var(--bg-hover)}.chat-item.active{background:var(--bg-surface);border-left:3px solid var(--primary)}.chat-info{flex:1;min-width:0}.chat-name{color:var(--text-primary);margin-bottom:2px;font-weight:700;display:block}.chat-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.chat-time{color:var(--text-muted);font-size:11px}.message-bubble{border-radius:18px;max-width:80%;margin-bottom:4px;padding:12px 18px;font-size:14px;line-height:1.5;position:relative}.message-bubble.incoming{background:var(--bg-surface);color:var(--text-primary);border-bottom-left-radius:4px;align-self:flex-start}.message-bubble.outgoing{background:var(--primary);color:var(--bg-dark);border-bottom-right-radius:4px;align-self:flex-end;font-weight:500}.message-time{opacity:.6;text-align:right;margin-top:4px;font-size:10px}.chat-input-area{align-items:center;gap:12px;padding:16px 24px;display:flex}.chat-input-area input{background:var(--bg-input);color:var(--text-primary);border:1px solid #ffffff0d;border-radius:100px;flex:1;padding:12px 24px}.chat-input-area button[type=submit]{background:var(--primary);cursor:pointer;width:48px;height:48px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.chat-input-area button[type=submit]:hover{box-shadow:var(--shadow-glow);transform:scale(1.1)}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.flex-column{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.flex-1{flex:1!important}.flex-wrap{flex-wrap:wrap!important}.gap-4{gap:4px!important}.gap-8{gap:8px!important}.gap-12{gap:12px!important}.gap-16{gap:16px!important}.gap-24{gap:24px!important}.gap-32{gap:32px!important}.m-0{margin:0!important}.mt-4{margin-top:4px!important}.mt-8{margin-top:8px!important}.mt-12{margin-top:12px!important}.mt-16{margin-top:16px!important}.mt-24{margin-top:24px!important}.mt-32{margin-top:32px!important}.mt-48{margin-top:48px!important}.mb-4{margin-bottom:4px!important}.mb-8{margin-bottom:8px!important}.mb-12{margin-bottom:12px!important}.mb-16{margin-bottom:16px!important}.mb-24{margin-bottom:24px!important}.mb-32{margin-bottom:32px!important}.mb-48{margin-bottom:48px!important}.p-0{padding:0!important}.p-16{padding:16px!important}.p-24{padding:24px!important}.p-32{padding:32px!important}.pl-32{padding-left:32px!important}.pr-32{padding-right:32px!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-muted{color:var(--text-muted)!important}.text-secondary{color:var(--text-secondary)!important}.text-primary{color:var(--text-primary)!important}.text-success{color:var(--primary)!important}.text-danger{color:#ef4444!important}.text-info{color:#38bdf8!important}.font-bold{font-weight:700!important}.font-extrabold{font-weight:800!important}.font-medium{font-weight:500!important}.text-sm{font-size:13px!important}.text-xs{font-size:11px!important}.text-lg{font-size:18px!important}.text-xl{font-size:24px!important}.text-2xl{font-size:28px!important}.text-upper{text-transform:uppercase!important}.letter-spacing-1{letter-spacing:1px!important}.h-full{height:100%!important}.table-wrap{width:100%;overflow-x:auto}.plan-price{color:var(--text-primary);font-size:48px;font-weight:800}.plan-card{transition:var(--transition)}.plan-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.feature-list{margin:0;padding:0;list-style:none}.feature-item{gap:12px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.qr-card{transition:transform .2s}.qr-card:hover{transform:translateY(-4px)}.qr-image-wrap{background:#fff;border-radius:12px;margin-bottom:16px;padding:12px;display:inline-block;box-shadow:0 4px 12px #0000001a}.qr-stats{border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;justify-content:space-around;margin:16px 0;padding:12px 0;display:flex}.qr-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.grid-column-all{grid-column:1/-1!important}.min-width-200{min-width:200px!important}.ml-8{margin-left:8px!important}.ml-12{margin-left:12px!important}.mr-12{margin-right:12px!important}.py-4{padding-top:4px!important;padding-bottom:4px!important}.pt-16{padding-top:16px!important}.border-top{border-top:1px solid #ffffff0d!important}.w-full{width:100%!important}.h-52{height:52px!important}.h-64{height:64px!important}.radius-16{border-radius:16px!important}.min-width-120{min-width:120px!important}.max-height-120{max-height:120px!important}.overflow-hidden{overflow:hidden!important}.white-space-pre{white-space:pre-line!important}.line-height-1-6{line-height:1.6!important}.border-primary{border-color:var(--primary)!important}.border-2{border-width:2px!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.opacity-8{opacity:.8!important}.mobile-header,.bottom-nav{z-index:2000!important}.modal-overlay{z-index:3000!important}.pwa-banner{z-index:4000!important}@media(min-width:1025px){.flex-md-row{flex-direction:row!important}}@media(max-width:1024px){.flex-md-row{flex-direction:column!important}.w-md-full{width:100%!important}}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:0;list-style:none;display:flex}.page-item{display:inline-flex}.page-item:not(.disabled){display:inline-flex!important}.page-link{background:var(--bg-surface);min-width:38px;height:38px;color:var(--text-secondary);transition:var(--transition);border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.page-link:hover{background:var(--bg-hover);color:var(--primary);border-color:var(--primary)}.page-item.active .page-link{background:var(--primary);color:var(--bg-dark);border-color:var(--primary);box-shadow:var(--shadow-glow)}.page-item.disabled .page-link{opacity:.3;cursor:not-allowed;background:#ffffff05}nav .flex.justify-between.flex-1{display:none!important}nav .hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between{justify-content:center!important;display:flex!important}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}