html{overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f2f2f2;color:#111827;min-width:320px;min-height:100vh;overflow-x:hidden;overflow-anchor:none}:root{--app-page-bg: #f2f2f2;--content-max-width: 90%}.page{max-width:var(--content-max-width);margin:0 auto;padding:24px;display:grid;gap:16px;width:100%;box-sizing:border-box;overflow-x:hidden}.dashboardPage{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--app-page-bg);width:100%;overflow-x:hidden}.dashboardCanvas{padding:6px 0 12px;width:100%;box-sizing:border-box;overflow-x:hidden}.dashboardCanvas .page{padding-top:12px;padding-left:24px;padding-right:24px;width:100%;box-sizing:border-box}.loginPage{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--app-page-bg);overflow-anchor:none;width:100%;overflow-x:hidden}.loginTopBar{background:linear-gradient(90deg,#fff,#f8fbff);border-bottom:1px solid #dbe3f0;padding:10px 0;box-shadow:0 2px 10px #0f172a0a}.topBarInner{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box}.topBarActions{display:flex;align-items:center;gap:12px}.homeBtn{background:#000!important;color:#fff!important;border:2px solid #000000!important;padding:8px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.homeBtn:hover{background:#000!important;transform:translateY(-1px);box-shadow:0 6px 16px #0000004d}.homeBtn:active{transform:translateY(0)}.loginCanvas{padding:28px 24px;display:grid;place-items:center}.brandWrap{display:flex;align-items:center;gap:10px}.brandBlock{display:grid;justify-items:center;gap:2px;text-decoration:none}.brandLogo{width:140px;height:auto;object-fit:contain}.loginTagline{color:#475569;font-size:11px;line-height:1;text-align:center}.languageWrap{display:flex;align-items:center;gap:8px;color:#374151;font-size:12px}.languageSelect{min-width:125px;border:1px solid #d1d5db;border-radius:6px;padding:4px 8px;background:#f8fafc}.loginShell{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 64px))}.loginCard{width:100%;margin:0 auto;display:grid;gap:14px;border-radius:14px;border:1px solid #d6dce5;background:linear-gradient(180deg,#f7f9fc,#f0f3f8);padding:36px 48px;box-shadow:0 14px 26px #11182729}.loginCard h1{margin:0;color:#111827;font-size:22px}.loginForm{display:grid;gap:14px}.loginForm label{display:grid;gap:6px;font-size:13px;color:#1f2937;font-weight:600}.loginForm input:not([type=checkbox]):not([type=radio]),.loginForm select{height:38px;border-radius:8px;border:1px solid #cfd8e3;padding:0 44px 0 12px;background:#fff;color:#111827;box-sizing:border-box;-webkit-appearance:none;appearance:none}.loginForm input[type=password]{padding-right:60px}.loginForm input::-ms-reveal,.loginForm input::-ms-clear{display:none}.loginForm input::-webkit-credentials-auto-fill-button,.loginForm input::-webkit-contacts-auto-fill-button,.loginForm input::-webkit-caps-lock-indicator{visibility:hidden;display:none!important;pointer-events:none}.loginForm input:not([type=checkbox]):not([type=radio]):focus,.loginForm select:focus{outline:none;border:1px solid #cfd8e3;box-shadow:none}.loginForm label.rememberCheck{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#374151}.loginForm label.rememberCheck input{width:14px;height:14px;margin:0}.loginPrimaryButton{width:100%;border:2px solid #000000;border-radius:8px;background:#000;color:#fff;height:46px;font-weight:600}.loginPrimaryButton:hover:not(:disabled){background:#000;border-color:#000;box-shadow:0 4px 12px #0000004d}.loginInlineRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.rememberCheck{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#374151}.rememberCheck input{width:14px;height:14px;margin:0}.forgotLink{border:0;background:transparent;color:#4b5563;font-size:13px;padding:0}.divider,.socialDivider{position:relative;text-align:center;color:#6b7280;font-size:12px}.divider:before,.socialDivider:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid #d6dce5}.divider span,.socialDivider span{position:relative;padding:0 8px;background:#f2f3f5}.loginSecondaryRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secondaryButton{border:1px solid #c9d2de;background:linear-gradient(180deg,#fff,#eef2f7);color:#1f2937;border-radius:8px;height:40px;transition:all .3s ease}.secondaryButton:hover{background:#000!important;color:#fff!important;border-color:#000!important;box-shadow:0 4px 12px #0000004d}.socialRow{display:flex;justify-content:center;gap:12px}.socialButton{width:34px;height:30px;border-radius:999px;border:1px solid #c6cfdb;background:#fff;color:#1d4ed8;font-weight:700;padding:0}.roleHint{margin:0;color:#6b7280;font-size:12px}.loginFooter{display:flex;justify-content:center;align-items:center;gap:12px;padding:8px 24px 10px;border-top:none;color:#6b7280;font-size:12px;background:#f2f2f2;text-align:center}.appBadges{display:flex;gap:8px}.badgeButton{border:1px solid #d0d5dd;border-radius:999px;padding:6px 12px;background:linear-gradient(180deg,#fff,#edf2f9);color:#1f2937;font-size:11px}.page{background:transparent}.header{background:transparent;border-radius:16px;padding:18px 20px;color:#111827;box-shadow:none;border:none}.header h1{margin:0;font-size:38px;line-height:1.08}.header p{margin:6px 0 0;color:#1f2937;font-size:18px}.panel{background:#fff;border:1px solid #dfe6f2;border-radius:14px;padding:16px;box-shadow:0 8px 20px #0f172a0f}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:linear-gradient(90deg,#fff,#f6f9ff)}.toolbarText{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;color:#334155;font-size:14px;width:100%}.captionItem{display:grid;gap:2px;padding:8px 10px;border-radius:10px;border:1px solid #dbe3f1;background:#f8fbff;min-width:0}.captionLabel{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px}.captionItem strong,.captionValue{color:#0f172a;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orgIdValue{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabsPanel{padding-top:10px}.dashboardLayout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.dashboardSidebar{background:#f8fbff;border:1px solid #dbe3f1;border-radius:18px;padding:16px;box-shadow:0 8px 18px #0f172a14;position:sticky;top:16px;height:fit-content}.sidebarHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sidebarTitle{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#64748b;font-weight:700}.dashboardMenu{display:grid;gap:8px}.menuItem{border:1px solid transparent;border-radius:999px;padding:10px 14px;background:#fff;color:#1f2937;font-weight:600;cursor:pointer;text-align:left;white-space:nowrap;transition:all .2s ease;box-shadow:0 1px 2px #0f172a0f}.menuItem:hover{border-color:#c7d2e5;background:#eef4ff}.menuItem:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}.menuItem.active{background:linear-gradient(180deg,#0f1f46,#08122b);color:#fff;border-color:#08122b;box-shadow:0 8px 16px #08122b3d}.dashboardContent{min-width:0}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;width:100%;box-sizing:border-box}.tab{border:1px solid #d2d9e6;border-radius:20px;padding:7px 14px;background:#f8faff;color:#334155;font-weight:600;cursor:pointer;flex:1 1 auto;min-width:90px;text-align:center;white-space:normal;word-wrap:break-word}.tab:hover{background:#eef4ff;color:#0f172a;border-color:#bac8e0}.tab:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}.tab.active{background:linear-gradient(180deg,#0f1f46,#08122b);color:#fff;border-color:#08122b;box-shadow:0 6px 12px #08122b47}.tab.active:hover{background:linear-gradient(180deg,#163061,#0a1734);color:#fff;border-color:#08122b}.tabContent{display:grid;gap:16px;width:100%;box-sizing:border-box;overflow-x:hidden}.tabContent h2{margin:0;color:#0f172a;font-size:24px;word-break:break-word;max-width:100%}.accountGrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.accountCard{border:1px solid #dfe6f2;border-radius:12px;padding:16px;background:#f9fbff;box-shadow:0 6px 16px #0f172a0f;display:grid;gap:12px}.accountCard h3{margin:0;font-size:16px;color:#0f172a}.accountMeta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:10px}.accountMeta div{display:grid;gap:4px;padding:8px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.accountMeta span{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#64748b;font-weight:600}.accountMeta strong{color:#0f172a;font-size:14px;font-weight:600;word-break:break-word}.accountForm{display:grid;gap:10px}.controls .row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}label{display:grid;gap:6px;font-size:13px;color:#374151}input,select,button{font:inherit}input,select{border:1px solid #d1d5db;border-radius:6px;padding:8px}.agentMessageBox{min-height:88px;width:100%;max-width:100%;border:1px solid #d1d5db;border-radius:6px;padding:10px;resize:vertical;font:inherit;direction:ltr;text-align:left;box-sizing:border-box}.agentToggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#334155}.agentToggle input{width:14px;height:14px}.actions{display:flex;gap:8px}.downloadFteButton{border:2px solid #000000;border-radius:8px;padding:10px 20px;background:#000;color:#fff;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #00000026;white-space:nowrap}.downloadFteButton:hover{background:#000!important;border-color:#000!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.downloadFteButton:active{transform:translateY(0)}button{border:1px solid #c8d1de;border-radius:6px;padding:8px 12px;background:linear-gradient(180deg,#fff,#eef3f9);color:#1f2937;font-weight:500;cursor:pointer}button:hover:not(:disabled){background:#000!important;color:#fff!important;border-color:#000!important;box-shadow:0 4px 12px #0000004d}.toolbar .actions button:last-child{border-color:#ef9fb0;color:#9f1239;background:linear-gradient(180deg,#fff1f4,#ffe7ee)}.headerLogoutButton{border-color:#ef9fb0;color:#9f1239;background:linear-gradient(180deg,#fff1f4,#ffe7ee)}button:disabled{cursor:not-allowed;opacity:.6}.agentActionButton{border:1px solid #000000!important;background:#000!important;color:#fff!important;font-weight:500;cursor:pointer}.agentActionButton:hover:not(:disabled){background:#333!important;border-color:#333!important}.error{color:#dc2626;margin:8px 0 0}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.metric{background:linear-gradient(140deg,#fff,#eef4ff);border:1px solid #d7e2f3;border-radius:12px;padding:14px;box-shadow:0 8px 16px #0f172a12}.metric:nth-child(2){background:linear-gradient(140deg,#f5fbff,#e4f5ff)}.metric:nth-child(3){background:linear-gradient(140deg,#fff9f5,#ffefe3)}.metric:nth-child(4){background:linear-gradient(140deg,#f7fff8,#e8faee)}.metric:nth-child(5){background:linear-gradient(140deg,#fff6fb,#fbe7f6)}.metric h2{margin:0;font-size:13px;font-weight:600;color:#334155}.metric strong{display:block;margin-top:8px;font-size:32px;color:#0f172a}.metricActionButton{margin-top:10px;padding:6px 10px;font-size:12px}table{width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden}.tableScroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.deviceRegistryScroll{overflow-x:hidden}.deviceRegistryFilters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:6px 0 10px}.deviceRegistryFilters label{min-width:180px}.deviceRegistryFilters input,.deviceRegistryFilters select{height:36px}.tableScroll table{width:100%;max-width:100%}.deviceRegistryTable{table-layout:fixed;width:100%;border-collapse:collapse;box-sizing:border-box}.deviceRegistryTable td,.deviceRegistryTable th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deviceRegistryTable th:nth-child(1),.deviceRegistryTable td:nth-child(1){width:26%}.deviceRegistryTable th:nth-child(2),.deviceRegistryTable td:nth-child(2){width:17%}.deviceRegistryTable th:nth-child(3),.deviceRegistryTable td:nth-child(3){width:14%}.deviceRegistryTable th:nth-child(4),.deviceRegistryTable td:nth-child(4){width:9%}.deviceRegistryTable th:nth-child(5),.deviceRegistryTable td:nth-child(5){width:8%}.deviceRegistryTable th:nth-child(6),.deviceRegistryTable td:nth-child(6){width:16%}.deviceRegistryTable th:nth-child(7),.deviceRegistryTable td:nth-child(7){width:180px}.deviceRegistryTable td:nth-child(2){white-space:normal;word-wrap:break-word}.deviceRegistryTable td:nth-child(1){white-space:normal;word-wrap:break-word}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #e8eef8;font-size:14px}th{font-weight:600;color:#475569;background:#f6f9ff}.sortHeaderButton{border:none;background:transparent;padding:0;color:inherit;font-weight:inherit;cursor:pointer}.sortHeaderButton:hover{text-decoration:underline}tbody tr:hover{background:#f8fbff}td button{border-radius:8px;padding:6px 12px;font-weight:600}.viewDetailsButton{white-space:nowrap;min-width:110px}.executionActions{display:flex;gap:6px;flex-wrap:wrap}.deviceActions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.deviceTags{display:flex;gap:6px;flex-wrap:wrap}.tagBadge{display:inline-block;padding:4px 10px;border-radius:12px;background:#e0e7ff;color:#4338ca;font-size:12px;font-weight:600;white-space:nowrap}.noTags{color:#cbd5e1;font-size:14px}.deviceAliasInput,.deviceTagsInput{width:100%;max-width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:8px}.executionActions button{min-width:78px}.paginationBar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.paginationControls{display:flex;align-items:center;gap:10px}.paginationMeta{color:#475569;font-size:13px}.auditFilters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:10px}.muted{margin:0 0 10px;color:#6b7280;font-size:13px}.setup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px;margin-top:8px}.department-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:8px}.setup-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 4px 12px #0000000a;display:grid;gap:12px}.setup-readonly{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:8px;background:#f9fafb;border:1px dashed #d1d5db;padding:10px;border-radius:8px;font-size:13px}.setup-readonly div{display:flex;justify-content:space-between;gap:8px}.setup-fieldset{border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#f8fafc;display:grid;gap:8px}.setup-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:end}.setup-row label{display:grid;gap:4px;font-size:13px;min-width:0}.setup-row input,.setup-row select{height:36px;width:100%;min-width:0;box-sizing:border-box;padding:0 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.ghost-btn{border:1px dashed #9ca3af;background:transparent;color:#1f2937;padding:8px 10px;border-radius:8px;cursor:pointer;width:fit-content}.link-btn{background:none;border:none;color:#b91c1c;cursor:pointer;padding:6px 8px;justify-self:flex-start}.setup-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.setup-actions>span{flex-basis:100%;margin-top:2px;line-height:1.3}.employee-list-filter-row{margin:6px 0 12px}.employee-list-filter-label{display:grid;gap:4px;font-size:13px;width:fit-content}.employee-list-filter-select{width:min(420px,calc(100vw - 96px));min-width:260px;height:36px;padding:0 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.employee-details-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.employee-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px}.employee-details-grid .setup-card{align-content:start}.employee-details-section-tabs{display:flex;flex-wrap:wrap;gap:8px}.employee-details-section-tabs .tab{flex:0 0 auto;min-width:180px}.employee-details-actions{display:flex;flex-wrap:wrap;gap:10px}.employee-details-actions button{border:1px solid #d2d9e6;border-radius:16px;padding:8px 12px;background:#f8faff;color:#334155;font-weight:600;cursor:pointer}.employee-details-actions button:hover{background:#eef4ff;border-color:#bac8e0}.employee-details-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px}.employee-details-kv div{display:grid;gap:4px;padding:10px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.employee-details-kv span{font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:#64748b;font-weight:600}.employee-details-kv strong{color:#0f172a;font-size:14px;word-break:break-word}@media(max-width:900px){.page{padding:14px}.dashboardLayout{grid-template-columns:1fr}.dashboardSidebar{position:static;border-radius:14px}.dashboardMenu{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.menuItem{text-align:center;border-radius:18px}.topBarInner{flex-wrap:wrap;justify-content:center;text-align:center}.header{padding:14px}.header h1{font-size:28px}.header p{font-size:15px}.panel.toolbar{flex-direction:column;gap:12px}.toolbar .actions{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:10px}.tabs{flex-wrap:wrap;gap:8px}.tabs .tab{flex:1 1 150px;text-align:center}.deviceRegistryTable th,.deviceRegistryTable td{white-space:nowrap}.tableScroll{overflow-x:auto}.setup-grid,.setup-row{grid-template-columns:1fr}.setup-actions{flex-direction:column;align-items:flex-start}.employee-list-filter-select{width:100%;min-width:0}.employee-details-header{align-items:flex-start}}@media(max-width:600px){.topBarInner{padding:0 12px}.languageWrap{width:100%;justify-content:center}.loginShell{width:min(520px,calc(100vw - 28px));left:50%;transform:translate(-50%,-50%)}.loginCard{padding:22px}.loginSecondaryRow{grid-template-columns:1fr}.accountGrid,.accountCard,.panel.toolbar,.tabsPanel,.panel{padding:12px}.metric strong{font-size:24px}.tableScroll table{min-width:100%}.deviceRegistryTable th,.deviceRegistryTable td{white-space:normal}.deviceRegistryTable th:nth-child(n),.deviceRegistryTable td:nth-child(n){width:auto}}.loginCard .muted{margin-bottom:0}.quickTestGrid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:10px;margin-bottom:10px}.quickTestGrid label{min-width:0}.quickTestGrid select,.quickTestGrid input{width:100%;min-width:0}.resultBox{margin:8px 0 0;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb;padding:10px;white-space:pre-wrap;word-break:break-word;font-size:12px}@media(max-width:980px){.toolbar{flex-direction:column;align-items:stretch}.metrics{grid-template-columns:1fr 1fr}.controls .row,.auditFilters,.quickTestGrid{grid-template-columns:1fr}.topBarInner{padding:0 16px;gap:12px}.loginFooter{flex-direction:column;align-items:center;padding:0 12px;gap:12px}.brandLogo{width:140px}.loginTagline{font-size:10px}.toolbarText{grid-template-columns:1fr}.toolbar .actions{width:100%;justify-content:center}.topBarActions{gap:8px}.homeBtn{padding:6px 16px;font-size:13px}.languageWrap{gap:6px}.languageWrap>span{display:none}.languageSelect{min-width:100px;font-size:11px}.loginSecondaryRow{grid-template-columns:1fr}.dashboardCanvas{padding:8px 0}.dashboardCanvas .page{padding-left:12px;padding-right:12px}.header h1{font-size:30px}.header p{font-size:16px}}@media(max-width:640px){.topBarInner{padding:0 12px;gap:8px}.brandLogo{width:120px}.topBarActions{gap:6px}.languageSelect{min-width:90px;font-size:11px;padding:3px 6px}.page{padding:12px;width:100%;box-sizing:border-box}.panel{padding:12px;width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}input[type=text],input[type=password],input[type=email],textarea,select{width:100%!important;max-width:100%;box-sizing:border-box}textarea{resize:vertical;min-height:100px}.metrics{grid-template-columns:1fr}.tabs{gap:6px;display:flex;flex-wrap:wrap;width:100%}.tab{padding:6px 12px;font-size:14px;flex:1 1 120px;min-width:100px;text-align:center}.header{padding:8px 2px}.header h1{font-size:28px}.actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.toolbar{display:grid;gap:10px}.toolbarText{width:100%;grid-template-columns:1fr}.toolbar .actions{width:100%;justify-content:center}.toolbar .actions button{width:100%}.downloadFteButton{padding:8px 16px;font-size:13px}.metric strong{font-size:26px}.loginShell{width:min(420px,calc(100vw - 32px))}.loginCard{padding:24px 32px}.tableScroll table{min-width:auto}.tabContent{gap:12px}.panel{border-radius:12px}.toolbar .actions{display:flex;flex-wrap:wrap;gap:8px}.toolbar .actions button{flex:1 1 auto;min-width:120px}.quickTestGrid{grid-template-columns:1fr;gap:10px}.tabContent>div[style*=gridTemplateColumns]{display:grid!important;grid-template-columns:1fr!important}.quickTestGrid label{width:100%}.quickTestGrid select,.quickTestGrid input{width:100%!important;box-sizing:border-box}.tabContent button[style*="cursor: pointer"]{width:100%!important;box-sizing:border-box!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;text-align:left!important}.quickTestGrid+div,.tabContent>div[style*=margin]{overflow:hidden!important;max-width:100%!important}.tabContent p[style*=fontSize],.tabContent pre{white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;max-width:100%!important}}@media(max-width:480px){.topBarInner{padding:0 8px;gap:6px}.brandLogo{width:100px}.loginTagline{font-size:9px}.homeBtn{padding:6px 12px;font-size:12px}.languageSelect{min-width:80px;font-size:10px}.downloadFteButton{padding:7px 14px;font-size:12px}.loginShell{width:calc(100vw - 24px)}.loginCard{padding:20px 24px}.loginCard h1{font-size:20px}.tabs{display:flex;flex-wrap:wrap;gap:6px;width:100%;box-sizing:border-box}.tabs .tab{flex:1 1 auto;min-width:90px;text-align:center;word-wrap:break-word;padding:6px 8px!important;font-size:12px!important}.tableScroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;box-sizing:border-box}.header{width:100%;box-sizing:border-box}.header h1{font-size:24px;line-height:1.2;word-break:break-word}.header p{font-size:13px;word-break:break-word}.panel.toolbar{padding:8px;width:100%;box-sizing:border-box}.toolbar .actions{width:100%;justify-content:space-between;gap:6px}.toolbar .actions button{padding:8px!important;font-size:12px!important;min-width:70px;flex:1}.panel{padding:8px;overflow-x:hidden;width:100%;box-sizing:border-box;word-wrap:break-word}.tab{font-size:12px;padding:6px 8px}.orgIdValue,.captionValue{word-break:break-all;max-width:100%}button{width:100%;max-width:100%;box-sizing:border-box}.tabContent{padding:8px;width:100%;box-sizing:border-box;overflow-x:hidden}.accountGrid{grid-template-columns:1fr}.accountCard{width:100%}label{display:block;width:100%;box-sizing:border-box}}@media(max-width:380px){.topBarInner{padding:0 6px;gap:4px}.brandLogo{width:90px}.loginTagline{font-size:8px}.homeBtn{padding:5px 10px;font-size:11px}.topBarActions{gap:4px}.languageSelect{min-width:70px;font-size:9px;padding:2px 4px}.downloadFteButton{padding:6px 12px;font-size:11px}.quickTestGrid,.tabContent>div[style*="display: grid"]{grid-template-columns:1fr!important}.tabContent .tableScroll th,.tabContent .tableScroll td{padding:4px 2px;font-size:9px}.tabContent button{font-size:11px!important;padding:8px 6px!important}}.uploadSection,.downloadSection{margin:24px 0;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e2e8f0}.uploadSection h3,.downloadSection h3{margin-top:0;margin-bottom:16px;font-size:18px;color:#1e293b}.uploadControls{display:flex;flex-direction:column;gap:12px}.uploadControls input[type=file]{padding:8px;background:#fff;border:2px solid #cbd5e1;border-radius:6px;cursor:pointer}.fileInfo{display:flex;flex-direction:column;gap:10px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.fileInfo p{margin:0;font-size:14px;color:#475569}.fileInfo button{align-self:flex-start}.agentInfo{padding:16px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.agentInfo p{margin:8px 0;font-size:14px;color:#475569}.agentInfo button{margin-top:12px}.infoPage{min-height:100vh;background:#f2f2f2;color:#0f172a;padding:0 0 60px}.infoTopBar{background:linear-gradient(90deg,#fff,#f8fbff);border-bottom:1px solid #dbe3f0;padding:10px 0;box-shadow:0 2px 10px #0f172a0a;position:sticky;top:0;z-index:100}.infoTopBarInner{width:100%;max-width:1400px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.infoBrand{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-decoration:none;color:inherit}.infoBrandLogo{height:40px;width:auto}.infoTagline{font-size:12px;font-weight:600;color:#000;white-space:nowrap}.infoTopActions{display:flex;gap:16px;align-items:center}.infoLanguageWrap{display:flex;align-items:center;gap:8px;font-size:14px;color:#0f172a}.infoLanguageSelect{padding:6px 12px;border:1px solid #dbe3f0;border-radius:6px;background:#fff;font-size:14px;cursor:pointer}.infoNavLink{text-decoration:none;color:#fff;font-weight:600;font-size:14px;border:none;padding:8px 24px;border-radius:8px;background:#000;box-shadow:0 2px 8px #0003;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.infoNavLink:hover{background:#333;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.infoHeader{max-width:900px;margin:32px auto 24px;text-align:center}.infoHeader h1{margin:0 0 12px;font-size:34px}.infoHeader p{margin:0;color:#475569;font-size:16px}.infoSections{max-width:900px;margin:0 auto;display:grid;gap:20px}.infoSection{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 24px;box-shadow:0 6px 16px #0f172a0f}.infoSection h2{margin:0 0 10px;font-size:18px;color:#0f172a}.infoSection p{margin:8px 0 0;color:#475569;font-size:14px}.infoSection ul{margin:8px 0 0 18px;color:#475569;font-size:14px}.infoFooter{margin:32px auto 0;padding:0 24px}.infoFooterContainer{display:flex;gap:32px;align-items:flex-start;margin-bottom:16px}.infoFooterLogo{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-width:100px;padding:18px 20px;background:#111827;border-radius:14px;box-shadow:0 12px 24px #0f172a33}.infoLogoImage{width:80px;height:80px;object-fit:contain;filter:brightness(.95)}.infoFooterSocialLinks{display:flex;align-items:center;justify-content:center}.infoFooterSocialLink{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#f8fafc;text-decoration:none;opacity:1;border:1px solid rgba(248,250,252,.18)}.infoFooterSocialLink:hover{opacity:1}.infoFooterSocialIcon{width:24px;height:24px}.infoFooterColumns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;flex:1;padding:20px 24px;background:#111827;border-radius:16px;box-shadow:0 12px 24px #0f172a33}.infoFooterColumn{display:flex;flex-direction:column;gap:8px}.infoFooterTitle{font-size:14px;font-weight:700;color:#f8fafc;text-decoration:none}.infoFooterTitle:hover{color:#fff}.infoFooterItem{font-size:13px;color:#cbd5f5}.infoFooterLink{text-decoration:none;font-size:13px;color:#cbd5f5}.infoFooterLink:hover{color:#fff}.infoFooterCopyright{margin-top:12px;text-align:center;font-size:11px;color:#6b7280}.infoBackLink{text-decoration:none;color:#111827;background:#fff;border:1px solid #dbe3f0;border-radius:999px;padding:8px 18px;font-weight:600;font-size:13px;box-shadow:0 4px 10px #0f172a14}.infoBackLink:hover{background:#000;color:#fff;border-color:#000}@media(max-width:900px){.infoTopBarInner{flex-direction:column;align-items:flex-start}.infoTopActions{width:100%;justify-content:flex-start;flex-wrap:wrap}.infoHeader{margin:24px auto 20px;padding:0 16px}.infoHeader h1{font-size:28px}.infoSections{padding:0 16px}.infoFooterContainer{flex-direction:column;gap:20px;align-items:stretch}.infoFooterColumns{grid-template-columns:repeat(2,1fr);flex:1}.infoFooterLogo{align-items:center;flex-direction:column;width:100%;min-width:unset}}@media(max-width:600px){.infoTopBarInner{padding:0 16px}.infoTopActions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:10px}.infoLanguageWrap{width:auto}.infoTopActions>.infoNavLink:nth-child(2){display:none}.infoTagline{font-size:10px}.infoNavLink{padding:6px 16px;font-size:13px}.infoHeader h1{font-size:24px}.infoHeader p{font-size:14px}.infoSection{padding:16px}.infoSection h2{font-size:16px}.infoFooter{padding:0 16px}.infoFooterContainer{flex-direction:column;gap:16px}.infoFooterColumns{grid-template-columns:1fr;padding:16px}.infoLogoImage{width:50px;height:50px}}@media(max-width:768px){.tableScroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.tableScroll table{min-width:100%}.deviceRegistryTable{font-size:13px;table-layout:fixed;border-collapse:collapse}.deviceRegistryTable td,.deviceRegistryTable th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deviceRegistryTable th:nth-child(1),.deviceRegistryTable td:nth-child(1){width:250px}.deviceRegistryTable th:nth-child(2),.deviceRegistryTable td:nth-child(2){width:180px}.deviceRegistryTable th:nth-child(3),.deviceRegistryTable td:nth-child(3){width:120px}.deviceRegistryTable th:nth-child(4),.deviceRegistryTable td:nth-child(4){width:75px}.deviceRegistryTable th:nth-child(5),.deviceRegistryTable td:nth-child(5){width:75px}.deviceRegistryTable th:nth-child(6),.deviceRegistryTable td:nth-child(6){width:130px}.deviceRegistryTable th:nth-child(7),.deviceRegistryTable td:nth-child(7){width:150px}th,td{padding:8px 6px;font-size:12px}.deviceActions{flex-direction:row;gap:4px;flex-wrap:wrap}.deviceActions button{padding:5px 8px;font-size:11px}.deviceTags{gap:4px}.tagBadge{font-size:10px;padding:2px 6px}.deviceTagsInput{font-size:12px;padding:4px 6px}}@media(max-width:640px){.tableScroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.tableScroll table{min-width:100%}.deviceRegistryTable{font-size:12px;table-layout:fixed;border-collapse:collapse}.deviceRegistryTable td,.deviceRegistryTable th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deviceRegistryTable th:nth-child(1),.deviceRegistryTable td:nth-child(1){width:220px}.deviceRegistryTable th:nth-child(2),.deviceRegistryTable td:nth-child(2){width:170px}.deviceRegistryTable th:nth-child(3),.deviceRegistryTable td:nth-child(3){width:110px}.deviceRegistryTable th:nth-child(4),.deviceRegistryTable td:nth-child(4){width:70px}.deviceRegistryTable th:nth-child(5),.deviceRegistryTable td:nth-child(5){width:70px}.deviceRegistryTable th:nth-child(6),.deviceRegistryTable td:nth-child(6){width:120px}.deviceRegistryTable th:nth-child(7),.deviceRegistryTable td:nth-child(7){width:150px}th,td{padding:6px 5px;font-size:11px}.deviceActions{flex-direction:row;gap:3px;flex-wrap:wrap}.deviceActions button{padding:4px 6px;font-size:10px}.deviceTags{gap:3px}.tagBadge{font-size:9px;padding:2px 5px}.deviceTagsInput{font-size:11px;padding:3px 5px}}@media(max-width:480px){.tableScroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.tableScroll table{min-width:100%}.deviceRegistryTable{font-size:11px;table-layout:fixed;border-collapse:collapse}.deviceRegistryTable td,.deviceRegistryTable th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deviceRegistryTable th:nth-child(1),.deviceRegistryTable td:nth-child(1){width:105px}.deviceRegistryTable th:nth-child(2),.deviceRegistryTable td:nth-child(2){width:270px}.deviceRegistryTable th:nth-child(3),.deviceRegistryTable td:nth-child(3){width:95px}.deviceRegistryTable th:nth-child(4),.deviceRegistryTable td:nth-child(4){width:65px}.deviceRegistryTable th:nth-child(5),.deviceRegistryTable td:nth-child(5){width:130px}.deviceRegistryTable th:nth-child(6),.deviceRegistryTable td:nth-child(6){width:85px}.deviceRegistryTable th:nth-child(7),.deviceRegistryTable td:nth-child(7){width:140px}th,td{padding:5px 4px;font-size:10px}.deviceActions{flex-direction:row;gap:2px;flex-wrap:wrap}.deviceActions button{padding:3px 5px;font-size:9px}.deviceTags{gap:2px}.tagBadge{font-size:8px;padding:1px 4px}.deviceTagsInput{font-size:10px;padding:3px 4px}}@media(max-width:380px){.tableScroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.tableScroll table{min-width:100%}.deviceRegistryTable{font-size:10px;table-layout:fixed;border-collapse:collapse}.deviceRegistryTable td,.deviceRegistryTable th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deviceRegistryTable th:nth-child(1),.deviceRegistryTable td:nth-child(1){width:100px}.deviceRegistryTable th:nth-child(2),.deviceRegistryTable td:nth-child(2){width:250px}.deviceRegistryTable th:nth-child(3),.deviceRegistryTable td:nth-child(3){width:90px}.deviceRegistryTable th:nth-child(4),.deviceRegistryTable td:nth-child(4){width:60px}.deviceRegistryTable th:nth-child(5),.deviceRegistryTable td:nth-child(5){width:120px}.deviceRegistryTable th:nth-child(6),.deviceRegistryTable td:nth-child(6){width:80px}.deviceRegistryTable th:nth-child(7),.deviceRegistryTable td:nth-child(7){width:130px}th,td{padding:4px 3px;font-size:9px}.deviceActions{flex-direction:row;gap:2px;flex-wrap:wrap}.deviceActions button{padding:2px 3px;font-size:8px}.deviceTags{gap:2px}.tagBadge{font-size:7px;padding:1px 3px}.deviceTagsInput{font-size:9px;padding:2px 3px}}.successMsg{color:#059669;font-weight:600;padding:8px 12px;background:#d1fae5;border-radius:6px;border:1px solid #059669}.errorMsg{color:#dc2626;font-weight:600;padding:8px 12px;background:#fee2e2;border-radius:6px;border:1px solid #dc2626}@media(max-width:768px){.dashboardPage,.loginPage{overflow-x:hidden;width:100%}.page,.panel,.tabContent,.accountCard,.setup-card,form,.accountForm,.loginForm{overflow-x:hidden;max-width:100%}input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%;width:100%}.deviceRegistryTable{table-layout:auto!important}.deviceRegistryTable th,.deviceRegistryTable td{white-space:normal;word-wrap:break-word;min-width:80px}.tabContent>div[style*=gridTemplateColumns]>button,.tabContent div[style*="repeat(auto-fit"]{display:grid!important;grid-template-columns:1fr!important}.tabContent>div[style]{max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.tabContent p[style],.tabContent span[style]{max-width:100%!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.tabContent button[style]{max-width:100%!important;box-sizing:border-box!important}}@media(max-width:480px){.quickTestGrid,.auditFilters{grid-template-columns:1fr;gap:8px}.metrics{grid-template-columns:1fr;gap:12px}.paginationBar{flex-direction:column;align-items:stretch;gap:8px}.paginationControls{justify-content:center}.executionActions{flex-direction:column;width:100%}.executionActions button{width:100%}.deviceActions{flex-direction:column;align-items:stretch}.deviceActions button{width:100%}.controls .row{grid-template-columns:1fr;gap:10px}.tabContent>div[style*=gridTemplateColumns]{display:grid!important;grid-template-columns:1fr!important}.tabContent>div>div[style*=gridColumn]{grid-column:1!important}.tabContent .tableScroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.tabContent .tableScroll table{min-width:100%;font-size:11px;width:100%}.tabContent .tableScroll th,.tabContent .tableScroll td{padding:6px 4px;font-size:10px}.tabContent .tableScroll th:first-child,.tabContent .tableScroll td:first-child{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word}.tabContent .tableScroll th:nth-child(2),.tabContent .tableScroll td:nth-child(2){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word}.tabContent .executionActions{flex-direction:column;gap:4px;width:100%}.tabContent .executionActions button{width:100%;font-size:10px;padding:6px 4px}.tabContent button[style*=minWidth]{min-width:100px!important;white-space:nowrap!important;padding:10px!important}}.landingPage{min-height:100vh;background:#f2f2f2;color:#111827;overflow-x:hidden}.landingTopBar{background:linear-gradient(90deg,#fff,#f8fbff);border-bottom:1px solid #dbe3f0;padding:10px 0;box-shadow:0 2px 10px #0f172a0a;position:sticky;top:0;z-index:100}.landingTopBarInner{width:100%;max-width:1400px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brandBlock{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:inherit;text-align:center}.brandLogo{height:32px;width:auto}.loginTagline{font-size:12px;color:#000;font-weight:600;white-space:nowrap;text-align:center}.topBarActions{display:flex;align-items:center;gap:16px}.languageWrap{display:flex;align-items:center;gap:8px;font-size:14px}.languageSelect{padding:6px 12px;border:1px solid #dbe3f0;border-radius:6px;background:#fff;font-size:14px;cursor:pointer}.landingSignInBtn{padding:8px 24px;background:#000!important;color:#fff!important;border:none!important;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease;box-shadow:0 2px 8px #0003!important;opacity:1!important;white-space:nowrap}.landingSignInBtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d!important;background:#333!important;color:#fff!important;opacity:1!important}.heroSection{position:relative;padding:200px 20px 150px;background:linear-gradient(135deg,#fff,#f2f2f2,#e8e8e8);overflow:hidden;min-height:900px;display:flex;align-items:center;justify-content:center}.heroContent{position:relative;z-index:1;max-width:1200px;margin:0 auto;text-align:center}.heroHeadline{font-size:56px;font-weight:800;margin:0 0 20px;line-height:1.2;color:#111827;word-wrap:break-word}.heroSubheadline{font-size:20px;color:#475569;margin:0 auto 40px;max-width:800px;line-height:1.6;word-wrap:break-word}.heroStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;max-width:800px;margin:40px auto}.stat{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px 16px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 2px 8px #0f172a0f}.stat:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001a;border-color:#000;background:#fff}.statNumber{font-size:36px;font-weight:800;color:#000}.statLabel{font-size:14px;color:#64748b;margin-top:8px}.heroCTA{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:40px 0}.ctaPrimary{background:#000!important;color:#fff!important;border:none!important;padding:16px 40px;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease;box-shadow:0 6px 20px #0006!important;text-transform:none;letter-spacing:.5px;opacity:1!important;display:inline-block!important;font-weight:700!important}.ctaPrimary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006!important;background:#333!important;color:#fff!important;opacity:1!important}.ctaPrimary.large{padding:20px 48px;font-size:20px}.ctaSecondary{background:#fff!important;color:#000!important;border:2px solid #000000!important;padding:16px 40px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a!important;opacity:1!important;display:inline-block!important}.ctaSecondary:hover{background:#f5f5f5!important;border-color:#000!important;transform:translateY(-2px);color:#000!important}.ctaSecondary.large{padding:20px 48px;font-size:20px}.trustBadges{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px}.badge{background:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:20px;font-size:14px;color:#475569;box-shadow:0 1px 4px #0f172a0f}.benefitsSection{padding:100px 20px;background:#f2f2f2;position:relative;overflow:hidden}.sectionTitle{font-size:48px;font-weight:800;text-align:center;margin-bottom:16px;color:#000}.sectionSubtitle{text-align:center;font-size:20px;color:#000;margin-bottom:60px;font-weight:500}.benefitsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1200px;margin:0 auto}.benefitCard{background:linear-gradient(135deg,#fff,#f8f9ff);border:2px solid #e2e8f0;border-radius:20px;padding:40px 32px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease,border .3s ease;box-shadow:0 8px 24px #0f172a1a;position:relative;overflow:hidden}.benefitCard:nth-child(1){border-color:#667eea}.benefitCard:nth-child(1):hover{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e8edff);box-shadow:0 20px 40px #667eea40}.benefitCard:nth-child(2){border-color:#764ba2}.benefitCard:nth-child(2):hover{border-color:#764ba2;background:linear-gradient(135deg,#f8f0ff,#f0e8ff);box-shadow:0 20px 40px #764ba240}.benefitCard:nth-child(3){border-color:#f093fb}.benefitCard:nth-child(3):hover{border-color:#f093fb;background:linear-gradient(135deg,#fef,#ffe8ff);box-shadow:0 20px 40px #f093fb40}.benefitCard:nth-child(4){border-color:#4facfe}.benefitCard:nth-child(4):hover{border-color:#4facfe;background:linear-gradient(135deg,#e8f5ff 0%,#e0f0xff 100%);box-shadow:0 20px 40px #4facfe40}.benefitCard:nth-child(5){border-color:#00f2fe}.benefitCard:nth-child(5):hover{border-color:#00f2fe;background:linear-gradient(135deg,#e0f7ff,#d8f5ff);box-shadow:0 20px 40px #00f2fe40}.benefitCard:nth-child(6){border-color:#764ba2}.benefitCard:nth-child(6):hover{border-color:#764ba2;background:linear-gradient(135deg,#f8f0ff,#f0e8ff);box-shadow:0 20px 40px #764ba240}.benefitIcon{font-size:48px;margin-bottom:16px}.benefitCard h3{font-size:24px;margin-bottom:12px;color:#111827}.benefitCard p{color:#64748b;line-height:1.6;margin:0}.rolesSection{padding:80px 20px;max-width:1400px;margin:0 auto;background:#f2f2f2}.rolesHeader{max-width:900px;margin:0 auto 60px;text-align:center;display:grid;gap:12px}.rolesHeader .sectionTitle,.rolesHeader .sectionSubtitle{margin-bottom:0}.categoryFilters{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:48px auto;max-width:1100px;padding:0 20px}.categoryChip{background:#fff;border:2px solid #e2e8f0;color:#1e293b;padding:14px 28px;border-radius:35px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 2px 6px #0f172a0f;white-space:nowrap;letter-spacing:.2px;line-height:1.4;display:inline-flex;align-items:center;justify-content:center}.categoryChip:hover{background:#f8fafc;border-color:#000;color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.categoryChip.active{background:#000;border-color:#000;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.searchBox{position:relative;max-width:600px;margin:40px auto}.searchIcon{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:20px;pointer-events:none;color:#64748b}.searchInput{width:100%;padding:16px 20px 16px 56px;background:#fff;border:2px solid #e2e8f0;border-radius:50px;color:#111827;font-size:16px;transition:all .3s ease;box-shadow:0 2px 8px #0f172a0f}.searchInput::placeholder{color:#94a3b8}.searchInput:focus{outline:none;border-color:#000;box-shadow:0 4px 16px #00000026}.rolesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px;margin-top:40px}.roleCard{background:linear-gradient(135deg,#fff,#f8f9ff);border:2px solid #e2e8f0;border-radius:16px;padding:24px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;box-shadow:0 2px 8px #0f172a0f}.roleCard:hover{transform:translateY(-5px);box-shadow:0 12px 28px #00000026;border-color:#000}.roleHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.roleEmoji{font-size:32px}.roleCategory{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.roleTitle{font-size:20px;font-weight:700;color:#111827;margin:0 0 12px}.roleDescription{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:16px;flex-grow:1}.roleTasks{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.taskTag{font-size:12px;color:#475569;display:flex;align-items:center;gap:6px}.tryRoleBtn{width:100%;padding:12px;background:#000!important;border:none!important;border-radius:8px;color:#fff!important;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease;opacity:1!important}.tryRoleBtn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d!important;background:#333!important;color:#fff!important;opacity:1!important}.noResults{text-align:center;padding:60px 20px;color:#64748b;font-size:18px}.techSection{padding:80px 20px;background:#f2f2f2}.techGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;max-width:1200px;margin:60px auto 0}.techCard{background:linear-gradient(135deg,#fff,#f8f9ff);border:2px solid #e2e8f0;border-radius:16px;padding:32px;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease;box-shadow:0 8px 24px #0f172a14}.techCard:hover{transform:translateY(-8px);box-shadow:0 16px 32px #667eea26;border-color:#667eea;background:linear-gradient(135deg,#f8fbff,#f0f4ff)}.techIcon{font-size:48px;margin-bottom:16px}.techCard h3{font-size:20px;margin-bottom:8px;color:#111827}.techCard p{color:#64748b;font-size:14px;margin:0}.ctaSection{padding:80px 20px;text-align:center;background:#f2f2f2;border-top:1px solid #e2e8f0}.ctaSection h2{font-size:48px;font-weight:800;margin-bottom:16px;color:#111827}.ctaSection p{font-size:20px;color:#64748b;margin-bottom:40px}.ctaButtons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.landingFooter{display:flex;justify-content:center;align-items:center;padding:32px 24px;border-top:1px solid #dbe3f0;color:#6b7280;font-size:12px;background:linear-gradient(180deg,#f7f8fb,#eef1f7);text-align:left}.landingFooterContent{width:100%;max-width:none;display:flex;flex-direction:column;gap:18px;align-items:stretch}.footerContact{display:flex;flex-direction:column;gap:12px}.footerHeader{display:flex;flex-direction:column;gap:6px;text-align:center}.footerTitle{font-size:16px;font-weight:700;color:#0f172a}.footerLine{font-size:13px;color:#4b5563}.footerDetails{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;width:100%;max-width:1100px;margin:0 auto;padding:16px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 6px 16px #0f172a0f}.footerContainer{display:flex;gap:32px;align-items:flex-start;margin-bottom:16px}.footerLogo{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-width:100px;padding:18px 20px;background:#111827;border-radius:14px;box-shadow:0 10px 24px #0f172a33}.logoImage{width:80px;height:80px;object-fit:contain;filter:brightness(.95)}.footerSocialLinks{display:flex;align-items:center;justify-content:center}.footerSocialLink{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#f8fafc;text-decoration:none;opacity:1;border:1px solid rgba(248,250,252,.18)}.footerSocialLink:hover{opacity:1}.footerSocialIcon{width:24px;height:24px}.footerColumns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;flex:1;padding:18px 20px;background:#111827;border-radius:14px;box-shadow:0 10px 24px #0f172a33}.footerLinkColumn{display:flex;flex-direction:column;gap:10px}.footerColumnTitle{font-size:14px;font-weight:700;color:#f8fafc;text-decoration:none}.footerList{display:flex;flex-direction:column;gap:6px}.footerListItem{font-size:13px;color:#cbd5f5;text-decoration:none}.footerColumnTitle:hover,.footerListItem:hover{color:#fff}.footerColumn{display:flex;flex-direction:column;gap:6px}.footerLabel{font-size:12px;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.06em}.footerItem{font-size:13px;color:#334155}.footerCopyright{text-align:center;font-size:11px;color:#6b7280}.modal{position:fixed;inset:0;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modalContent{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:40px;max-width:500px;width:100%;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px #0f172a4d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modalClose{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;color:#475569;font-size:32px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.modalClose:hover{background:#e2e8f0;color:#1e293b}.modalContent h2{font-size:32px;margin-bottom:16px;color:#111827}.modalContent p{color:#64748b;margin-bottom:24px;line-height:1.6}@media(max-width:980px){.landingTopBarInner{padding:0 16px;gap:16px}.brandBlock{gap:3px}.brandLogo{height:28px}.loginTagline{font-size:11px}.topBarActions{gap:12px}.languageWrap span{display:none}.languageSelect{font-size:13px;padding:5px 10px}.landingSignInBtn{padding:8px 20px;font-size:14px}.heroHeadline{font-size:42px}.heroSubheadline{font-size:18px}.heroSection{padding:120px 20px 100px;min-height:700px}.heroStats{grid-template-columns:repeat(2,1fr);gap:20px}.sectionTitle{font-size:36px}.sectionSubtitle{font-size:18px}.benefitsGrid{grid-template-columns:1fr}.rolesGrid{grid-template-columns:1fr;gap:20px}.categoryFilters{gap:14px;padding:0 16px;margin:32px auto}.categoryChip{padding:12px 22px;font-size:13px}.searchBox{max-width:100%;padding:0 16px}.ctaSection h2{font-size:36px}.ctaPrimary.large{padding:14px 36px;font-size:17px}.footerContainer{flex-direction:column;gap:20px;align-items:stretch}.footerLogo{align-items:center;flex-direction:column;width:100%;min-width:unset}.footerColumns{flex:1;grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.landingTopBarInner{padding:0 12px}.brandBlock{gap:3px}.brandLogo{height:32px}.loginTagline{font-size:10px}.topBarActions{gap:8px}.languageSelect{font-size:12px;padding:4px 8px}.landingSignInBtn{padding:6px 16px;font-size:13px}.heroHeadline{font-size:32px;line-height:1.3}.heroSubheadline{font-size:16px;line-height:1.5}.heroSection{padding:160px 16px 130px;min-height:840px}.heroStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px auto}.stat{padding:20px 16px}.heroCTA{flex-direction:column}.ctaPrimary,.ctaSecondary{width:100%}.sectionTitle{font-size:28px;line-height:1.3}.sectionSubtitle{font-size:16px;margin-bottom:40px}.rolesHeader{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;box-shadow:0 6px 16px #0f172a14;margin-bottom:28px}.rolesSection{padding:60px 16px}.categoryFilters{flex-direction:row;justify-content:center;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px auto;padding:0 12px}.categoryChip{padding:12px 10px;font-size:11px;width:100%;justify-content:center;border-radius:14px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 6px 16px #0f172a14;min-height:54px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchBox{margin:24px auto;padding:0 12px}.searchInput{padding:14px 16px 14px 50px;font-size:15px}.searchIcon{left:16px;font-size:18px}.rolesGrid{gap:16px}.roleCard{padding:20px}.roleTitle{font-size:18px}.ctaSection{padding:60px 16px}.ctaSection h2{font-size:28px}.ctaPrimary.large{padding:12px 32px;font-size:16px}.modalContent{padding:32px 24px}.modalContent h2{font-size:24px}.footerContainer{flex-direction:column;gap:16px}.footerColumns{grid-template-columns:1fr;gap:16px;padding:16px}.logoImage{width:50px;height:50px}}@media(max-width:480px){.brandBlock{gap:3px}.brandLogo{height:28px}.loginTagline{font-size:9px}.topBarActions{gap:6px}.languageSelect{font-size:11px;padding:4px 6px}.landingSignInBtn{padding:6px 12px;font-size:12px}.heroHeadline{font-size:28px;line-height:1.2}.heroSection{padding:140px 12px 110px;min-height:760px}.heroSubheadline{font-size:14px;margin:0 auto 24px}.heroStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px auto}.stat{padding:20px 12px}.statNumber{font-size:28px}.statLabel{font-size:12px}.sectionTitle{font-size:24px}.sectionSubtitle{font-size:14px;margin-bottom:32px}.rolesHeader{border-radius:14px;padding:14px;margin-bottom:22px}.rolesSection{padding:40px 12px}.categoryFilters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px auto;padding:0 8px}.categoryChip{padding:10px;font-size:10px;border-radius:12px;width:100%;min-height:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchBox{margin:20px auto;padding:0 8px}.searchInput{font-size:14px;padding:14px 16px 14px 48px}.searchIcon{left:12px;font-size:16px}.rolesGrid{gap:12px}.benefitCard,.techCard,.roleCard{padding:24px 20px}.roleEmoji{font-size:28px}.roleTitle{font-size:17px}.roleDescription{font-size:13px}.taskTag{font-size:11px}.ctaSection{padding:40px 12px}.ctaSection h2{font-size:28px}.ctaSection p{font-size:16px}.ctaPrimary.large{padding:12px 28px;font-size:15px}.ctaButtons{gap:12px}.landingFooter{padding:18px 12px;font-size:11px}.landingFooterContent{gap:12px}.footerDetails{grid-template-columns:1fr;padding:14px 16px}.footerColumns{grid-template-columns:1fr;gap:16px;padding:16px}}@media(max-width:380px){.heroHeadline{font-size:24px}.heroSection{padding:120px 8px 90px;min-height:680px}.heroSubheadline{font-size:13px}.heroStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px auto}.stat{padding:16px 10px}.statNumber{font-size:24px}.statLabel{font-size:11px}.sectionTitle{font-size:22px}.rolesSection{padding:32px 8px}.categoryChip{padding:8px;font-size:9px;min-height:46px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roleCard{padding:16px}.roleEmoji{font-size:24px}.roleTitle{font-size:16px}.roleDescription{font-size:12px}.ctaSection{padding:32px 8px}.ctaSection h2{font-size:24px}.ctaPrimary.large{padding:10px 24px;font-size:14px}}:root{--cowork-bg: #ffffff;--cowork-surface: #f8fbff;--cowork-surface-alt: #f3f7ff;--cowork-border: #dbe3f1;--cowork-text: #0f172a;--cowork-muted: #64748b;--cowork-accent: #1d4ed8;--cowork-accent-strong: #0b1f56;--cowork-danger: #b42318;--cowork-warning: #a15c07;--cowork-success: #067647}.coworkPanel{width:100%;max-width:100%;min-height:640px;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:12px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#fff,#f6f9ff);border:1px solid var(--cowork-border);color:var(--cowork-text);box-shadow:0 8px 20px #0f172a0f;box-sizing:border-box}.coworkPanelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.coworkPanelHeader h2{margin:4px 0 0;font-size:1.05rem;line-height:1.3}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--cowork-muted)}.priorityChip{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:5px 9px;border:1px solid transparent}.priority-low{background:#3cd6ad1a;color:var(--cowork-success);border-color:#3cd6ad59}.priority-medium{background:#00c7ff1f;color:var(--cowork-accent);border-color:#00c7ff59}.priority-high{background:#ffb5471f;color:var(--cowork-warning);border-color:#ffb54759}.priority-critical{background:#ff5b6a1f;color:var(--cowork-danger);border-color:#ff5b6a59}.taskSummaryCard,.statusFeedCard,.chatCard{border-radius:12px;border:1px solid var(--cowork-border);background:linear-gradient(180deg,var(--cowork-surface) 0%,var(--cowork-surface-alt) 100%);padding:10px}.taskSummaryCard p{margin:0 0 7px;color:var(--cowork-muted);font-size:.82rem}.taskSummaryCard p:last-child{margin-bottom:0}.sectionHeader{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.sectionHeader h3{margin:0;font-size:.9rem}.sectionHeader p{margin:0;font-size:.74rem;color:var(--cowork-muted);overflow-wrap:anywhere}.statusFeedCard ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px;max-height:140px;overflow:auto}.statusRow{display:grid;grid-template-columns:10px 1fr;gap:8px;align-items:center}.statusDot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 5px #1d4ed814}.statusDot.idle{background:var(--cowork-muted)}.statusDot.running{background:var(--cowork-accent)}.statusDot.blocked{background:var(--cowork-warning)}.statusDot.offline{background:#5f6f7c}.statusRole{margin:0;font-size:.84rem}.statusMeta{margin:2px 0 0;color:var(--cowork-muted);font-size:.73rem}.chatCard{min-height:0;display:grid;grid-template-rows:auto 1fr auto;gap:8px}.chatLog{min-height:160px;max-height:290px;overflow:auto;display:grid;gap:7px;padding-right:4px}.chatBubble{border-radius:10px;padding:8px;border:1px solid #d5dfef}.chatBubble p{margin:0;white-space:pre-wrap;line-height:1.35;font-size:.83rem}.chatBubble time{display:block;margin-top:6px;text-align:right;color:var(--cowork-muted);font-size:.68rem}.chat-human{background:#eaf1ff}.chat-claude{background:#f4f7ff}.chat-system{background:#f8fafc}.chatComposer textarea{width:100%;border-radius:10px;border:1px solid #cdd8ea;background:#fff;color:var(--cowork-text);resize:vertical;min-height:72px;box-sizing:border-box;padding:8px}.chatComposer textarea:focus{outline:2px solid rgba(29,78,216,.2)}.composerActions{margin-top:8px;display:flex;gap:8px}.commandRunRow{margin-top:8px;display:flex;align-items:end;gap:8px}.commandRunRow label{display:grid;gap:4px;font-size:.76rem;color:var(--cowork-muted);min-width:180px}.commandRunRow select{border-radius:8px;border:1px solid #c8d3e8;background:#fff;color:#1f2937;min-height:34px;padding:0 10px}.runNotice{margin:8px 0 0;font-size:.76rem;color:#334155}.coworkPanel button{border-radius:9px;border:1px solid #0b1f56;background:linear-gradient(180deg,#0f2c78,#091a47);color:#f8fbff;font-weight:600;padding:8px 10px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.coworkPanel button:hover:enabled{transform:translateY(-1px);box-shadow:0 6px 12px #091a4738}.coworkPanel button:disabled{opacity:.55;cursor:not-allowed}.ghostBtn{background:#fff;border-color:#c8d3e8;color:#1f2937}.panelActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media(max-width:1024px){.coworkPanel{width:100%;min-height:auto;max-height:none}.chatLog{max-height:240px}}