*,: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:rgba(59,130,246,.5);--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:rgba(59,130,246,.5);--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{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}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{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.table{display:table}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.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)}@font-face{font-family:Inter;src:url(/public/fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/public/fonts/inter-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url(/public/fonts/inter-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Jakarta;src:url(/public/fonts/plus-jakarta-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Jakarta;src:url(/public/fonts/plus-jakarta-sans-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}:root{--teal:#28a392;--blue:#308bcd;--ink:#333;--muted:#6b7280;--canvas:#f5f7f9;--border:#e5e7eb;--gradient:linear-gradient(135deg,#28a392,#308bcd)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.55 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Jakarta,Arial,sans-serif;letter-spacing:-.035em;margin:0;font-weight:700}h1{font-size:28px;line-height:1.3}h2{font-size:18px}h3{font-size:16px}p{margin:6px 0 14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a:focus-visible,button:focus-visible{outline:3px solid #308bcd;outline-offset:4px}input,select,textarea{display:block;width:100%;background:#fff;border:1px solid var(--border);border-radius:12px;min-height:46px;padding:11px 13px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #28a39220}input[type=checkbox]{display:inline;width:18px;min-height:18px;accent-color:var(--teal)}textarea{resize:vertical}label{display:block;font-weight:600;font-size:12px}label>input,label>select,label>textarea{margin-top:7px;font-weight:400;font-size:14px}select{width:auto;max-width:100%}.help,.muted{color:var(--muted)}.help{font-size:12px}.eyebrow{color:#218879;font-size:10px;letter-spacing:.14em;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;min-height:44px;border:1px solid var(--border);border-radius:12px;background:#fff;font-weight:600;white-space:nowrap;transition:transform .15s,box-shadow .15s}.btn:hover{box-shadow:0 4px 12px #3333330c}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--gradient);color:#fff;box-shadow:0 5px 12px #28a39218}.btn.ghost,.btn.primary{border-color:transparent}.btn.ghost{background:transparent;color:var(--muted)}.btn.danger{color:#c93535;background:#fff7f7;border-color:#fee2e2}.wide{width:100%}.icon-btn{height:36px;min-width:36px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:20px}.card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 3px #00000004,0 4px 12px #33333305}.chip{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:600;background:#28a39212;color:#17786a;border:1px solid #28a39220}.chip.blue{color:#2273a8;background:#308bcd12;border-color:#308bcd20}.chip.gray{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--gradient);font-family:Jakarta,sans-serif;font-weight:700;color:#fff}.avatar.large{width:64px;height:64px;font-size:24px}.stack{display:flex;flex-direction:column;gap:18px}.notice{border-radius:12px;padding:12px 14px;font-size:13px}.notice.error{color:#a22d2d;background:#fff0f0;border:1px solid #fecaca}.notice.warning{color:#896011;background:#fffbeb;border:1px solid #fde5a5}.empty{padding:48px 24px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-size:17px;margin-bottom:8px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.text-link{font-size:12px;color:#238578;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.section-header{padding:23px 24px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.section-header p{font-size:12px;margin:5px 0 0}[hidden]{display:none!important}.login-page{min-height:100dvh;display:grid;place-items:center;padding:40px}.login-shell{width:min(100%,960px);display:grid;grid-template-columns:1.08fr 1fr;min-height:610px;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 20px 80px #213f5414}.login-hero{background:radial-gradient(#ffffff25 1px,transparent 1px),var(--gradient);background-size:18px 18px,100%;position:relative;padding:60px 36px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.app-badge{width:72px;height:72px;border-radius:20px;background:#ffffff20;border:1px solid #ffffff50;box-shadow:0 0 40px #ffffff20;margin:0 auto 25px;display:grid;place-items:center}.app-badge svg{height:46px;width:46px}.login-hero h1{font-size:21px;letter-spacing:.12em}.hero-chip{display:inline-block;border:1px solid #ffffff40;border-radius:30px;background:#ffffff16;margin-top:15px;padding:7px 12px;font-size:10px}.desktop-tagline{font-family:Jakarta,sans-serif;font-size:32px;line-height:1.4;font-weight:600;letter-spacing:-1px;margin-top:55px}.hero-caption{position:absolute;bottom:36px;font-size:9px;letter-spacing:.23em;opacity:.7}.login-form{padding:60px 42px 24px;display:flex;flex-direction:column;gap:28px}.login-form h2{font-size:29px;margin-top:5px}.login-form .wide{height:56px;justify-content:space-between;font-size:15px}.login-form footer{text-align:center;color:#9298a1;font-size:10px;margin-top:auto}.password-wrap{display:block;position:relative;margin-top:7px}.password-wrap input{padding-right:54px}.password-toggle{position:absolute;right:12px;top:12px;font-size:12px;color:var(--muted)}.access-badge{text-align:center;font-size:10px;color:var(--muted);background:var(--canvas);border:1px solid var(--border);border-radius:30px;padding:7px;align-self:center}.sidebar{width:260px;position:fixed;inset:0 auto 0 0;background:#303433;color:#c1c8c5;padding:27px 18px 20px;display:flex;flex-direction:column;z-index:30}.brand{display:block;padding:0 4px 27px;border-bottom:1px solid #ffffff12}.brand img{width:200px;display:block}.brand>span{display:block;color:#9eaaa5;font-size:10px;letter-spacing:.08em;margin:12px 0 0;text-align:center}.nav-label{font-size:9px;letter-spacing:.12em;color:#909c96;margin:32px 17px 15px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav a{display:flex;gap:14px;align-items:center;padding:13px 16px;border-radius:8px;font-size:13px}.sidebar nav a:hover{background:#ffffff08}.sidebar nav a.active{background:#28a39220;color:#fff;position:relative}.sidebar nav a.active:before{content:"";position:absolute;left:-18px;height:26px;width:3px;border-radius:3px;background:#42c5b1}.nav-icon{font-size:21px;line-height:20px;color:#9aa9a2}.active .nav-icon{color:#5ad3bd}.sidebar-scan{margin-top:35px;padding:13px 16px;border:1px solid #ffffff18;border-radius:10px;font-size:12px}.sidebar-scan span{float:right}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;border-top:1px solid #ffffff12;padding-top:20px}.sidebar-bottom strong{font-size:11px;color:#fff;display:block;max-width:134px;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom small{font-size:10px;color:#9caaa3}.sidebar-bottom form{margin-left:auto}.logout-icon{font-size:22px;background:transparent}.admin-main{margin-left:260px;padding:30px 32px 24px;max-width:1920px}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.breadcrumb{font-size:10px;color:#98a09d;margin-bottom:14px}.breadcrumb span{padding:0 10px}.page-header h1{font-size:28px}.page-header p{font-size:12px;margin-top:6px;margin-bottom:0}.header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.header-actions select{font-size:12px;max-width:190px}.header-actions .btn{font-size:12px}.mobile-admin-header{display:none}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:24px}.kpi{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;min-height:153px}.kpi.featured{background:var(--gradient);color:#fff;border-color:transparent;position:relative;overflow:hidden}.kpi.featured:after{content:"";width:160px;height:160px;border:28px solid #ffffff0a;position:absolute;right:-55px;bottom:-75px;border-radius:50%}.kpi-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}.kpi-label>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#28a39210;font-size:18px;color:#269784}.featured .kpi-label>span{background:#ffffff20;color:#fff}.kpi strong{font-size:35px;font-family:Jakarta,sans-serif;letter-spacing:-1.8px;line-height:1.5}.kpi small{display:block;font-size:10px;color:#86918a}.kpi.featured small{color:#ffffffbd}.dashboard-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:24px;margin-bottom:24px}.chart-wrap{height:225px;margin:0 22px 5px}.chart-card>.help{margin:8px 24px 18px}.ranking-card{min-width:0}#agent-ranking{padding:0 24px 18px}.ranking-row{display:flex;gap:10px;align-items:center;margin:15px 0}.ranking-position{font-size:10px;color:#919a95;min-width:8px}.ranking-row .avatar{width:31px;height:31px;font-size:11px}.ranking-content{flex:1;min-width:0}.ranking-content strong{font-size:11px;display:block;margin-bottom:7px}.ranking-bar{height:4px;border-radius:5px;background:#eef3f1;overflow:hidden}.ranking-bar>i{display:block;height:100%;background:var(--gradient);border-radius:5px}.ranking-total{font-size:12px;font-weight:700}.dashboard-footer{display:flex;justify-content:space-between;font-size:9px;color:#a1aaa5;letter-spacing:.1em;margin-top:22px}.dashboard-footer span{letter-spacing:0}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{background:#f7f9f8;color:#8b9590;text-transform:uppercase;text-align:left;font-size:9px;letter-spacing:.05em;font-weight:600}td,th{padding:14px 20px}td{border-top:1px solid #f0f2f1;height:64px}tr:hover td{background:#fbfcfc}.table-person{display:flex;align-items:center;gap:10px}.table-person .avatar{width:30px;height:30px;font-size:11px}.table-person strong{font-size:12px;font-weight:600}.table-person small{display:block;color:#9ca3af;font-size:10px}.email-link{color:#308bcd}.table-action{border:1px solid var(--border);border-radius:8px;background:#fff;width:32px;height:32px;color:#6b7280}.filters{padding:18px;margin-bottom:18px}.search-field{flex:1;min-width:200px}.search-field input{padding-left:16px;background:#f9fbfa}.filter-fields{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:14px}.filter-fields select{font-size:12px;flex:1;min-width:140px}.filter-fields label{font-size:10px}.filter-fields input{font-size:11px}.pagination{justify-content:space-between;gap:10px;padding:18px 20px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.pagination,.pagination>div{display:flex;align-items:center}.pagination>div{gap:8px}.pagination select{min-height:32px;padding:5px 8px;font-size:11px}.pagination .icon-btn{height:30px;min-width:30px}.column-options{padding:15px;display:flex;gap:18px;flex-wrap:wrap;margin-bottom:15px}.column-options label{display:flex;gap:8px;align-items:center}.events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.event-card{padding:24px}.event-illustration{height:90px;background:radial-gradient(#28a39230 1px,transparent 0),linear-gradient(135deg,#e8f7f3,#eaf3fb);background-size:12px 12px,100%;border-radius:10px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#2c9d96}.event-card h2{margin:12px 0 8px}.event-card p,.event-count{font-size:12px}.event-count{padding:16px 0;border-top:1px solid var(--border);margin-top:18px;color:var(--muted)}.event-count strong{color:var(--ink);font-size:21px;margin-right:7px}.event-actions{display:flex;gap:8px;flex-wrap:wrap}.event-actions .btn{font-size:11px;padding:8px 10px;min-height:34px}.agent-page{padding-bottom:94px}.agent-header{max-width:520px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:20px 20px 15px;background:#fff;border-bottom:1px solid #edf0ee}.header-logo{display:block;height:52px;width:auto}.brand-inline{display:inline-flex;align-items:center;gap:10px;font-family:Jakarta,sans-serif;font-weight:800;font-size:17px;letter-spacing:.04em;color:var(--ink);text-decoration:none}.brand-inline img{width:36px;height:36px}.agent-header .avatar{width:34px;height:34px;font-size:12px}.agent-main{max-width:520px;margin:auto;padding:24px 20px}.agent-main>h1{font-size:26px}.scan-heading{text-align:center;margin-bottom:23px}.scan-heading h1{font-size:26px;margin-top:16px}.scan-heading p{font-size:13px;margin:8px 0 0}.scanner-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--border);margin-bottom:18px;box-shadow:0 8px 26px #33333308}.scanner-viewport{height:310px;position:relative;background:radial-gradient(ellipse at top,#203e3a,#101d20);overflow:hidden}#reader{height:100%;width:100%;position:absolute;inset:0}#reader video{height:100%!important;width:100%!important;-o-object-fit:cover;object-fit:cover}.viewfinder{width:248px;height:248px;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);border-radius:18px;box-shadow:0 0 0 120px #00000018;pointer-events:none}.viewfinder i{position:absolute;width:35px;height:35px;border-color:#52d4bc;border-style:solid}.viewfinder i:first-child{top:0;left:0;border-width:4px 0 0 4px;border-radius:16px 0 0 0}.viewfinder i:nth-child(2){top:0;right:0;border-width:4px 4px 0 0;border-radius:0 16px 0 0}.viewfinder i:nth-child(3){bottom:0;left:0;border-width:0 0 4px 4px;border-radius:0 0 0 16px}.viewfinder i:nth-child(4){bottom:0;right:0;border-width:0 4px 4px 0;border-radius:0 0 16px 0}.laser{position:absolute;left:8px;right:8px;top:30%;height:2px;background:#4edbbd;box-shadow:0 0 12px #4edbbd;animation:scan 3s ease-in-out infinite}.scanner-status{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#d9ede6;font-size:10px;letter-spacing:.03em;background:#ffffff10;padding:5px 12px;border-radius:30px}.scanner-instruction{display:flex;align-items:center;gap:12px;padding:17px 20px}.scan-symbol{font-size:30px;color:#249b86}.scanner-instruction strong{font-size:12px}.scanner-instruction p{font-size:10px;margin:2px 0 0;color:var(--muted)}.torch{position:absolute;right:14px;top:14px;border-radius:50%;background:#ffffff25;color:#fff;width:36px;height:36px;font-size:25px}.scan-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.scan-stats>div{padding:17px 20px;border:1px solid var(--border);background:#fff;border-radius:14px}.scan-stats span{display:block;font-size:9px;font-weight:600;letter-spacing:.07em;color:#85918b}.scan-stats strong{display:block;font-family:Jakarta,sans-serif;color:#228e7d;font-size:29px;line-height:1.6}.scan-stats small{font-size:10px;color:#969e99}.scan-footer{font-size:10px;color:#909a94;text-align:center;margin-top:22px}.paste-code{margin-top:18px;font-size:12px;color:var(--muted)}.paste-code summary{cursor:pointer;text-align:center}.paste-code form{display:grid;gap:10px;margin-top:15px}.agent-main .btn{min-height:52px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);padding:10px 14px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border);display:flex;justify-content:space-around;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#959d99;font-size:10px;min-width:86px;padding:3px 8px}.bottom-nav a>span{font-size:25px;line-height:1.2}.bottom-nav a.active{color:#208b78}.bottom-nav a.active>span{background:#28a39213;padding:0 20px;border-radius:20px}.segmented{display:flex;border-radius:30px;padding:5px;background:#eaf0ed;margin:22px 0 18px}.segmented button{flex:1;padding:9px;border-radius:30px;font-size:12px;color:var(--muted)}.segmented button.active{background:#fff;color:#208b78;box-shadow:0 1px 4px #33333309}.agent-main .filters{padding:0}.contact-card{display:flex;width:100%;gap:13px;align-items:center;text-align:left;background:#fff;border:1px solid var(--border);border-radius:16px;margin:12px 0;padding:17px 15px;box-shadow:0 3px 10px #33333304}.contact-card-info{flex:1;min-width:0}.contact-card-info strong{display:block;font-size:14px}.contact-card-info p{margin:2px 0 6px;font-size:12px;color:var(--muted)}.contact-card-time{font-size:10px;color:#9ca3af;text-align:right}.contact-card-time span{display:block;font-size:22px;margin-top:8px}.agent-main .pagination{padding:18px 0;font-size:10px}.profile-card{max-width:580px;text-align:center;padding:30px;margin:0 auto 24px}.profile-card h1{font-size:24px;margin:16px 0 10px}.profile-card .muted{margin:12px 0 24px}.profile-detail{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--border);padding:18px 0;font-size:12px;text-align:left}.profile-detail span{color:var(--muted)}.profile-card .btn{margin-top:15px}.password-card{padding:25px;max-width:580px;margin:auto}.password-card h2{margin-bottom:20px}dialog{border:0;border-radius:20px;padding:28px;max-width:calc(100% - 32px);width:460px;max-height:90dvh;overflow:auto;box-shadow:0 24px 100px #0003;color:var(--ink)}dialog::backdrop{background:#3336;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.dialog-header h2{font-size:22px;margin-top:3px}.contact-dialog{padding:25px 28px 20px;width:470px}.sheet-handle{height:4px;width:36px;border-radius:4px;background:var(--border);margin:-10px auto 20px}.preview-identity{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:20px}.preview-identity h3{font-size:19px;margin-bottom:6px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-fields label:first-child,.contact-fields label:last-child{grid-column:1/-1}.contact-fields select{width:100%}.sheet-actions{display:flex;flex-direction:column;gap:8px;padding-top:24px}.sheet-actions .primary{min-height:52px}.admin-page .contact-dialog{position:fixed;left:auto;right:0;top:0;bottom:0;margin:0;width:440px;max-width:100%;max-height:100dvh;height:100dvh;border-radius:20px 0 0 20px}.admin-page .sheet-handle{display:none}.success-overlay{position:fixed;inset:0;background:#fff;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.success-mark{width:100px;height:100px;background:var(--gradient);color:#fff;border-radius:50%;font-size:53px;display:grid;place-items:center;box-shadow:0 0 0 20px #28a3920d;margin-bottom:48px;animation:pop .3s ease-out}.success-overlay h2{font-size:26px}.success-overlay p{max-width:360px;margin:15px 0}.success-overlay .btn{max-width:360px;margin:65px 0 20px}.success-overlay>a{color:#258e7d;font-size:13px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#293d36;color:#fff;padding:13px 22px;border-radius:12px;box-shadow:0 6px 25px #0002;z-index:100;max-width:calc(100% - 30px);font-size:13px}.error-page{max-width:560px;margin:15vh auto;padding:35px}.error-page p{margin:15px 0 25px}@keyframes scan{0%,to{top:20%;opacity:.4}50%{top:80%;opacity:1}}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media(min-width:1600px){.admin-main{padding:42px 48px}.chart-wrap{height:290px}.kpi{min-height:170px}.kpi strong{font-size:40px}}@media(max-width:1200px){.kpi-grid{gap:12px}.kpi{padding:16px}.kpi small{font-size:9px}.admin-main{padding:24px}.events-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1.5fr 1fr}.header-actions{justify-content:flex-end}}@media(max-width:1023px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 90px #0003}.admin-main{margin-left:0;padding:24px}.mobile-admin-header{display:flex;gap:18px;align-items:center;padding:12px 24px;background:#fff;border-bottom:1px solid var(--border)}.mobile-admin-header .header-logo{height:46px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.page-header{align-items:flex-start}.page-header h1{font-size:25px}.page-header .header-actions{max-width:50%}.breadcrumb{display:none}.chart-wrap{height:240px}.events-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.login-page{padding:0;background:#fff;display:block}.login-shell{display:block;min-height:100dvh;width:100%;border-radius:0;box-shadow:none}.login-hero{height:300px;padding:28px 20px 48px}.app-badge{width:62px;height:62px;margin-bottom:18px}.login-hero h1{font-size:20px}.desktop-tagline,.hero-caption{display:none}.login-form{position:relative;margin-top:-28px;border-radius:28px 28px 0 0;background:#fff;padding:28px 25px 25px;gap:23px;min-height:calc(100dvh - 272px);box-shadow:0 -8px 30px #33333305}.login-form .eyebrow{display:none}.login-form h2{font-size:27px}.login-form .muted{font-size:13px}.login-form footer{padding-top:10px}.agent-main{padding:23px 17px}.agent-header{padding:16px 17px}.header-logo{height:48px}.agent-main .contact-dialog{max-width:100%}.contact-dialog{position:fixed;bottom:0;top:auto;margin:0;left:0;right:0;width:100%;max-width:100%;border-radius:28px 28px 0 0;max-height:94dvh;padding:24px 22px}.contact-fields{gap:13px}.contact-fields input,.contact-fields select{min-height:48px}.dialog-header h2{font-size:21px}.admin-main{padding:22px 16px}.page-header{display:block;margin-bottom:22px}.page-header .header-actions{max-width:100%;justify-content:flex-start;margin-top:18px}.header-actions select{max-width:170px}.kpi{padding:16px;min-height:145px}.kpi-label{font-size:10px}.kpi strong{font-size:32px}.kpi small{line-height:1.5}.kpi-label>span{width:24px;height:24px;font-size:14px}.section-header{padding:19px 17px}.section-header h2{font-size:16px}.section-header p{font-size:10px}.chart-wrap{margin:0 12px;height:210px}.dashboard-footer span{max-width:180px;text-align:right}.events-grid{grid-template-columns:1fr}.filter-fields{display:grid;grid-template-columns:1fr 1fr}.filter-fields select{min-width:0;width:100%}.filters{padding:13px}.pagination{padding:13px 10px;font-size:10px}.profile-card{padding:25px 20px}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody{display:block}.responsive-table tr{display:grid;grid-template-columns:1fr 1fr;padding:12px 15px;border-top:1px solid var(--border);gap:6px}.responsive-table td{display:block;border:0;height:auto;padding:2px 0;white-space:normal;overflow-wrap:anywhere;font-size:11px}.responsive-table td:first-child{grid-column:1/-1}.responsive-table td[data-label]:before{content:attr(data-label) ": ";color:#969e99;font-size:10px}.admin-page .contact-dialog{border-radius:28px 28px 0 0;width:100%;height:auto;top:auto;max-height:94dvh}.admin-page .sheet-handle{display:block}.error-page{margin:10vh 16px}.agent-main .pagination>span{max-width:125px}.scanner-viewport{height:300px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.contact-fields label:nth-child(4){grid-column:1/-1}@media(max-width:600px){.responsive-table td[data-label=""]:before{content:none}.agent-header{padding-top:12px;padding-bottom:12px}.agent-main{padding-top:18px}.scan-heading{margin-bottom:16px}.scan-heading h1{margin-top:10px}.scan-heading p{font-size:12px}.scanner-viewport{height:240px}.viewfinder{width:200px;height:200px}.scanner-instruction{padding:13px 17px}.scan-stats{margin:16px 0}.scan-stats>div{padding:12px 16px}.scan-stats strong{font-size:26px}.scan-stats small{font-size:9px}}.chip-group{border:0;padding:0;margin:0;min-width:0;grid-column:1/-1}.chip-group legend{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}.chip-group label{display:inline-flex;margin:0 8px 8px 0}.chip-group input{position:absolute;opacity:0;width:0;height:0}.chip-group span{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:9999px;border:1px solid var(--border);background:#fff;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.chip-group input:checked+span{background:#28a3921f;border-color:#28a392;color:#28a392}.chip-group input:focus-visible+span{box-shadow:0 0 0 3px #28a39226}.chip-group input:disabled+span{opacity:.6;cursor:default}.register-page .login-shell{grid-template-columns:1fr 1.1fr}.hero-copy{margin-top:18px;font-size:14px;line-height:1.6;opacity:.9;max-width:300px;margin-inline:auto}.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.register-success{text-align:center;padding:30px 10px;display:flex;flex-direction:column;align-items:center;gap:14px}.register-success .success-mark{margin:0;width:88px;height:88px;border-radius:50%;background:#28a3921f;color:var(--teal);display:grid;place-items:center;font-size:44px;box-shadow:0 0 0 14px #28a39210}.register-success h2{font-size:26px}@media(max-width:600px){.register-page .login-hero{height:auto;padding:36px 22px 52px}.register-page .desktop-tagline{display:block;font-size:26px;margin-top:22px}.hero-copy{font-size:13px;max-width:100%}.field-row{grid-template-columns:1fr}.register-page .login-form{min-height:auto}}.brand-logo{display:block;width:min(300px,78%);margin:0 auto 22px;filter:drop-shadow(0 8px 24px #00000026)}@media(max-width:600px){.brand-logo{width:220px;margin-bottom:14px}}