@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary-900:#001f3d;--primary-800:#002a52;--primary-700:#003463;--primary-600:#0a4a82;--primary-500:#1560a0;--primary-100:#dbe8f2;--primary-50:#eff6fb;--accent-600:#1fb8e8;--accent-500:#56d2fc;--accent-400:#7fdeff;--accent-100:#e3f9ff;--success:#16a34a;--success-bg:#dcfce7;--success-text:#166534;--danger:#dc2626;--danger-bg:#fee2e2;--danger-text:#991b1b;--warning:#d97706;--warning-bg:#fef3c7;--warning-text:#92400e;--info:#56d2fc;--info-bg:#e3f9ff;--gray-900:#0f172a;--gray-700:#334155;--gray-600:#475569;--gray-500:#64748b;--gray-400:#94a3b8;--gray-200:#e2e8f0;--gray-100:#f1f5f9;--gray-50:#f8fafc;--role-sky:#0891b2;--primary-rgb:0, 52, 99;--accent-rgb:86, 210, 252;--gray-900-rgb:15, 23, 42;--danger-rgb:220, 38, 38;--glow-sm:rgba(var(--accent-rgb), .13);--glow-md:rgba(var(--accent-rgb), .27);--glow-lg:rgba(var(--primary-rgb), .33)}*{box-sizing:border-box}body{color:#10152f;background:linear-gradient(135deg,#f7fbff,#eef3fb);margin:0;font-family:Inter,Arial,sans-serif;overflow-x:hidden}.app{background:linear-gradient(135deg,#f7fbff,#eef3fb);min-height:100vh;display:flex}aside{color:#fff;z-index:100;background:linear-gradient(#090720,#111633);flex-direction:column;gap:20px;width:280px;height:100vh;padding:24px 14px;transition:transform .25s;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:12px;display:flex}.brand span,.logo{background:linear-gradient(135deg, var(--primary-600), var(--primary-700));color:#fff;width:48px;height:48px;box-shadow:0 12px 40px var(--glow-lg);border-radius:16px;flex-shrink:0;place-items:center;font-size:22px;font-weight:900;display:grid}.brand-logo-wrap{width:48px;height:48px;box-shadow:0 4px 16px rgba(var(--primary-rgb),.18);background:#fff;border-radius:16px;flex-shrink:0;place-items:center;padding:6px;display:grid;overflow:hidden}.brand-text{flex:1;min-width:0}.brand-logo-img{object-fit:contain;width:100%;height:100%}.brand b{font-size:12px;font-weight:800;line-height:1.3;display:block}.brand small,.me small{color:#b9c7e6;font-size:12px}.hamburger-close{color:#fff;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:4px;display:none}.mobile-header-logo{object-fit:contain;background:#fff;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:2px;display:none}nav{flex-direction:column;gap:5px;display:flex}nav button{color:#e5edff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:11px;width:100%;padding:12px 14px;font-size:14px;font-weight:700;transition:all .18s;display:flex;position:relative}nav button:hover,nav .active{background:#ffffff18;outline:1px solid #fff3;transform:translate(3px)}.badge-count{color:#fff;background:#ef4444;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:800}.me{background:#ffffff0d;border:1px solid #fff2;border-radius:18px;margin-top:auto;padding:14px}.me b{margin-bottom:2px;font-size:15px;display:block}.org-badge{max-width:100%;color:var(--accent-400);background:var(--glow-sm);border:1px solid var(--glow-lg);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block;overflow:hidden}.me button{color:#e5edff;cursor:pointer;background:#ffffff13;border:0;border-radius:12px;align-items:center;gap:8px;width:100%;margin-top:10px;padding:10px 14px;font-weight:700;transition:all .15s;display:flex}.me button:hover{background:#ffffff25}main{flex:1;min-width:0;padding:30px 28px;animation:.25s fade}@keyframes fade{0%{opacity:.6;transform:translateY(6px)}to{opacity:1}}@media (width>=1900px){main{padding-left:max(28px,50% - 900px);padding-right:max(28px,50% - 900px)}}.mobile-header,.overlay{display:none}h1{margin:0 0 6px;font-size:32px}h2{margin:0 0 8px;font-size:22px}h3{margin:14px 0 8px;font-size:16px}.sub{color:#5f6d8b;margin:0 0 20px}.panel,.stat,.fault,.asset,.loginCard,.miniCard{background:#ffffffeb;border:1px solid #e5ebf5;border-radius:22px;box-shadow:0 8px 40px #1b3b6d0d}.panel{margin-bottom:16px;padding:22px}.platform-summary-panel{background:linear-gradient(#eff6ff,#ffffffeb);border:1px solid #bfdbfe}.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:16px 0;display:grid}.stat{padding:18px 20px;transition:all .15s}.stat small{color:#6b7280;font-size:13px;font-weight:600}.stat b{margin-top:6px;font-size:26px;font-weight:800;display:block}.stat p{color:var(--gray-500);margin:4px 0 0;font-size:13px}.stat.clickable{cursor:pointer}.stat.clickable:hover{transform:translateY(-2px);box-shadow:0 12px 40px #1d3b6e1a}.panel.clickable{cursor:pointer;transition:all .15s}.panel.clickable:hover{transform:translateY(-2px);box-shadow:0 12px 40px #1d3b6e1a}.stat-sub{color:var(--gray-400);margin:4px 0 0;font-size:12px}.stat-open b{color:var(--danger)}.stat-success b{color:var(--success)}.stat-critical b{color:var(--danger)}.stat-neutral b{color:#374151}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:16px 0;display:grid}.assetGrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:16px 0;display:grid}.toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:10px;max-width:860px;margin:14px 0 18px;padding:10px 14px;display:flex}.toolbar.wide{max-width:none}input,select,textarea{font:inherit;color:#10152f;background:#fff;border:1px solid #dbe3f0;border-radius:12px;width:100%;padding:12px 14px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary-700);box-shadow:0 0 0 3px var(--glow-sm);outline:none}textarea{resize:vertical;min-height:100px}label{margin:14px 0 6px;font-size:14px;font-weight:700;display:block}.form{max-width:900px}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}button,.primary{color:#fff;cursor:pointer;background:#12162f;border:0;border-radius:12px;align-items:center;gap:7px;padding:12px 18px;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}button:hover{opacity:.88}button:disabled{opacity:.5;cursor:not-allowed}.ghost{background:var(--accent-100);color:var(--primary-700)}.ghost:hover{background:var(--accent-400)}.danger{color:var(--danger);background:#fef2f2}.danger:hover{background:#fee2e2}.choice{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.choice button{color:#374151;background:#fff;border:1px solid #e5e7eb;justify-content:center}.choice .sel{background:linear-gradient(135deg, var(--primary-600), var(--primary-700));color:#fff;box-shadow:0 8px 24px var(--glow-md);border-color:#0000}.ok{color:#047857;background:#ecfdf5;border-radius:12px;margin:10px 0;padding:12px;font-weight:600}.err,.errbox{color:#be123c;background:#fff1f2;border-radius:12px;margin:10px 0;padding:12px}.closedWarn{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:14px;align-items:center;gap:8px;margin:12px 0;padding:12px;font-weight:700;display:flex}.hint{color:var(--gray-600);background:#eef6ff;border-radius:10px;align-items:flex-start;gap:6px;margin:8px 0;padding:10px 12px;font-size:13px;display:flex}.alert-panel{color:#92400e;background:#fffbeb;border:1px solid #fbbf24;border-radius:14px;align-items:center;gap:10px;margin:8px 0 16px;padding:14px 18px;font-weight:600;display:flex}.badge{background:var(--accent-100);color:var(--primary-700);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.badge.status-Aktif{color:#166534;background:#dcfce7}.badge.status-Pasif{color:#991b1b;background:#fee2e2}.badge.status-Kapandı{color:#166534;background:#dcfce7}.badge.status-İlgileniliyor{color:#92400e;background:#fef3c7}.badge.status-TekrarAçıldı{color:#991b1b;background:#fee2e2}.badge.status-VardiyaOnayıBekliyor{background:var(--accent-100);color:var(--primary-700)}.badge.status-CihazDeğişimiEÜTSOnayıBekliyor{color:#92400e;background:#fef3c7}.badge.status-CihazDeğişimiOnaylandı{color:var(--primary-700);background:#dbeafe}.org-badge-light{max-width:100%;color:var(--primary-700);background:var(--accent-100);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:6px;margin:-10px 0 18px;padding:5px 14px 5px 12px;font-size:13px;font-weight:700;display:inline-flex;overflow:hidden}.prio-badge{letter-spacing:.5px;padding:3px 8px;font-size:10px}.prio-yüksek,.prio-yuksek{color:#92400e;background:#fef3c7}select.priority-Acil{color:#991b1b;border-color:#ef4444;font-weight:700}select.priority-Yüksek{color:#92400e;border-color:#f59e0b;font-weight:700}.deviceStatus.Araçta,.deviceStatus.Aktif{color:#15803d;background:#22c55e26;border:1px solid #22c55e4d}.deviceStatus.Pasif{color:#b91c1c;background:#ef444426;border:1px solid #ef44444d}.deviceStatus.Tamirde{color:#c2410c;background:#f9731626;border:1px solid #f973164d}.deviceStatus.Depoda{color:var(--primary-700);background:#3b82f626;border:1px solid #3b82f64d}.fault-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.fault-filters select{flex:1;min-width:140px}.fault-search{flex:2;min-width:200px}.fault,.asset,.miniCard{cursor:pointer;padding:18px;transition:all .17s}.fault:hover,.asset:hover{transform:translateY(-3px);box-shadow:0 16px 56px #1d3b6e1c}.fault-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.fault-code{color:var(--primary-700);background:#eff6ff;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:13px;font-weight:800}.fault-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fault-asset{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.fault-asset h3{margin:0;font-size:15px}.fault-type-tag{color:var(--gray-500);background:var(--gray-100);white-space:nowrap;border-radius:5px;flex-shrink:0;align-items:center;gap:4px;padding:2px 7px;font-size:11px;display:flex}.fault-desc{color:var(--gray-600);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.fault-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.fault-timer{color:#9a3412;background:#fff7ed;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:700;display:flex}.fault-timer-live{color:#9a3412}.fault-who{color:var(--gray-500);align-items:center;gap:5px;font-size:12px;display:flex}.fault-acil{border-left:4px solid #ef4444}.fault-yüksek{border-left:4px solid #f59e0b}.fault-normal{border-left:4px solid #0000}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.meta{color:#9a3412;background:#fff7ed;border-radius:999px;align-items:center;gap:6px;width:max-content;padding:6px 10px;font-size:12px;font-weight:700;display:flex}.asset b{font-size:18px}.asset small{color:#6b7280;margin:6px 0;font-size:13px;display:block}.miniCard{cursor:default;border-radius:16px;margin-bottom:10px;padding:14px}.miniCard b{font-size:15px}.miniCard p{color:var(--gray-600);margin:4px 0;font-size:14px}.miniCard small{color:#6b7280;font-size:12px}.modal{z-index:200;background:#07111fa6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.detail{background:#fff;border-radius:26px;width:100%;max-width:960px;max-height:92vh;padding:26px;position:relative;overflow-y:auto}.x{background:var(--gray-100);color:#374151;border-radius:50%;justify-content:center;width:36px;height:36px;padding:0;font-size:18px;position:absolute;top:16px;right:16px}.detail-header{margin-bottom:4px}.detail-codes{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.detail-code{color:var(--primary-700);font-family:monospace;font-size:16px;font-weight:900}.detail-type-tag{background:var(--gray-100);color:var(--gray-600);border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600}.msg-thread{flex-direction:column;gap:10px;margin-top:12px;display:flex}.msg-bubble{border-radius:16px;max-width:78%;padding:10px 14px}.msg-mine{background:linear-gradient(135deg, var(--primary-700), var(--primary-700));color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.msg-other{background:var(--gray-100);color:#1e293b;border-bottom-left-radius:4px;align-self:flex-start}.msg-meta{align-items:baseline;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.msg-mine .msg-meta{color:#ffffffbf}.msg-other .msg-meta{color:var(--gray-500)}.msg-meta b{font-size:13px}.msg-bubble p{margin:0;font-size:14px;line-height:1.45}.tabs{border-bottom:1px solid #e5e7eb;gap:6px;margin:14px 0 16px;padding-bottom:0;display:flex}.tabs button{color:var(--gray-500);background:0 0;border-bottom:2px solid #0000;border-radius:10px 10px 0 0;padding:9px 16px;font-size:14px}.tabs button.active{color:var(--primary-700);border-bottom-color:var(--primary-700);background:#eff6ff}.tabs button:hover{background:var(--gray-50)}.box{background:var(--gray-50);border:1px solid #e5e7eb;border-radius:18px;margin:14px 0;padding:16px}.box h3{margin-top:0}.warn{background:#fffbeb;border-color:#fbbf24}.timeline{border-left:3px solid #dbeafe;margin:8px 0;padding:6px 0 14px 16px}.timeline.timeline-message{border-left-color:var(--accent-500)}.timeline span{color:var(--gray-500);font-size:11px}.timeline b{margin:3px 0;font-size:14px;display:block}.timeline p{color:#374151;margin:0;font-size:14px}.preview,.photo{object-fit:cover;border:1px solid #e5e7eb;border-radius:14px;max-width:200px;max-height:150px;margin:8px 0;display:block}.photo{max-width:100%;max-height:280px}.info-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;padding:10px 0;font-size:14px;display:flex}.info-row span{color:#6b7280}.info-row b{color:#10152f}.toasts-container{z-index:500;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:24px}.toast{color:#fff;pointer-events:all;border:1px solid #0000;border-radius:16px;min-width:300px;max-width:380px;animation:.25s slide;overflow:hidden;box-shadow:0 20px 60px #11182766}.toast-header{align-items:center;gap:7px;padding:11px 14px 6px;display:flex}.toast-type{letter-spacing:.6px;text-transform:uppercase;opacity:.85;font-size:11px;font-weight:700}.toast-code{background:#ffffff26;border-radius:5px;margin-left:2px;padding:2px 7px;font-family:monospace;font-size:11px}.toast-close{color:inherit;opacity:.75;background:0 0;border-radius:5px;flex-shrink:0;margin-left:auto;padding:2px}.toast-close:hover{opacity:1;background:#ffffff26}.toast-content{padding:0 14px 10px}.toast-content b{margin-bottom:3px;font-size:14px;font-weight:700;display:block}.toast-content p{opacity:.88;margin:0;font-size:13px;line-height:1.4}.toast-action{width:100%;color:inherit;cursor:pointer;background:#ffffff1a;border-top:1px solid #ffffff1f;justify-content:center;align-items:center;gap:5px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.toast-action:hover{background:#fff3}.toast-info{background:#10142d;border-color:#fff2}.toast-critical{background:#7f1d1d;border-color:#ef444444}.toast-warning{background:#78350f;border-color:#f59e0b44}.toast-success{background:#14532d;border-color:#22c55e44}@keyframes slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.notif-settings{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px 16px;display:flex}.notif-perm-row{align-items:center;gap:8px;display:flex}.perm-badge{border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;font-weight:600;display:flex}.perm-ok{color:#15803d;background:#dcfce7}.perm-denied{color:var(--danger);background:#fef2f2}.perm-btn{padding:5px 12px!important;font-size:13px!important}.sound-toggle-row{color:#374151;align-items:center;gap:8px;margin-left:auto;font-size:13px;font-weight:600;display:flex}.toggle-switch{cursor:pointer;background:#cbd5e1;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle-switch.on{background:var(--primary-700)}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0002}.toggle-switch.on:after{left:21px}.notif-filters{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.notif-filter{border:1.5px solid var(--gray-200);cursor:pointer;color:var(--gray-600);background:#fff;border-radius:999px;align-items:center;gap:5px;padding:5px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.notif-filter:hover{border-color:var(--primary-700);color:var(--primary-700)}.notif-filter.active{background:var(--primary-700);color:#fff;border-color:var(--primary-700)}.notif-filter-count{background:var(--gray-200);color:var(--gray-600);border-radius:999px;padding:1px 6px;font-size:11px;line-height:1.4}.notif-filter.active .notif-filter-count{color:#fff;background:#ffffff40}.notif{border-bottom:1px solid var(--gray-100);border-left:4px solid #0000;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .17s;display:flex}.notif-body{cursor:pointer;flex:1}.notif-body:hover{opacity:.85}.notif-body b{color:var(--gray-900);margin-bottom:2px;font-size:14px;font-weight:700;display:block}.notif-body p{color:var(--gray-600);margin:0 0 3px;font-size:13px;line-height:1.4}.notif-body small{color:var(--gray-400);font-size:12px}.notif-icon{flex-shrink:0;margin-top:3px}.notif-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.notif-dot{background:var(--primary-700);border-radius:50%;width:8px;height:8px}.notif-read-btn{color:var(--gray-400);background:0 0;border-radius:5px;padding:3px;transition:all .15s}.notif-read-btn:hover{background:var(--gray-100);color:var(--success)}.notif-read{opacity:.5}.notif-info{border-left-color:#38bdf8}.notif-info .notif-icon{color:var(--accent-600)}.notif-critical{background:#fff5f5;border-left-color:#ef4444}.notif-critical .notif-icon{color:var(--danger)}.notif-warning{background:#fffbeb;border-left-color:#f59e0b}.notif-warning .notif-icon{color:var(--warning)}.notif-success{background:#f0fdf4;border-left-color:#22c55e}.notif-success .notif-icon{color:var(--success)}.login{background:radial-gradient(circle at top,#312e81,#090720);place-items:center;min-height:100vh;display:grid}.loginCard{width:min(440px,92vw);padding:36px}.loginCard input{margin:8px 0}.loginCard button{justify-content:center;width:100%;margin-top:10px}.login-sub{color:var(--gray-400);text-align:center;margin:0 0 20px;font-size:13px}.login-hints{opacity:.6;flex-direction:column;gap:3px;margin-top:14px;display:flex}.login-hints small{text-align:center;color:var(--gray-400);font-family:monospace;font-size:12px}.login-logo-wrap{justify-content:center;margin-bottom:12px;display:flex}.login-logo-img{object-fit:contain;width:80px;height:80px;box-shadow:0 8px 32px var(--glow-sm);background:#fff;border-radius:18px;padding:8px}.login-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050c1acc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.login-modal-close{background:var(--gray-100);color:#374151;z-index:1;width:32px;height:32px;min-width:unset;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:12px;right:12px}.lp-page{min-height:100vh;color:var(--gray-900);background:radial-gradient(circle at 76% 12%, rgba(var(--primary-rgb), .1), transparent 32%), linear-gradient(180deg, #f8fbff 0%, #edf3fb 48%, var(--gray-50) 100%);scroll-behavior:smooth;overflow-x:hidden}.lp-page button{font-family:inherit}.lp-navbar{z-index:210;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fbffeb;align-items:center;max-width:1280px;height:78px;margin:0 auto;padding:0 28px;display:flex;position:sticky;top:0}.lp-navbar:after{content:"";background:linear-gradient(90deg, transparent, rgba(var(--primary-rgb),.18), transparent);pointer-events:none;height:1px;position:fixed;top:77px;left:0;right:0}.lp-brand{cursor:pointer;color:var(--gray-900);background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.lp-brand img{object-fit:contain;width:48px;height:48px;box-shadow:0 8px 24px rgba(var(--gray-900-rgb),.08);background:#fff;border-radius:14px}.lp-brand b{letter-spacing:-.02em;font-size:17px;font-weight:900;display:block}.lp-brand small{color:var(--gray-500);font-size:12px;font-weight:650;display:block}.lp-links{flex-direction:row;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.lp-links button{color:var(--gray-700);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:12px;justify-content:center;width:auto;padding:10px 14px;font-weight:750;transition:all .18s}.lp-links button:hover{color:var(--primary-700);background:#eaf2ff}.lp-links .lp-login-button,.lp-login-button{color:#fff;background:linear-gradient(135deg, var(--primary-700), var(--accent-600));box-shadow:0 12px 28px rgba(var(--primary-rgb),.23);text-align:center;min-width:116px;padding:12px 22px}.lp-links .lp-login-button:hover,.lp-login-button:hover{color:#fff;background:linear-gradient(135deg, var(--primary-600), #0369a1);transform:translateY(-1px)}.lp-menu{min-width:44px;min-height:44px;color:var(--gray-900);box-shadow:0 8px 20px rgba(var(--gray-900-rgb),.08);background:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;margin-left:auto;display:none}.lp-mobile-menu{display:none}.lp-hero{max-width:1280px;margin:0 auto;padding:52px 28px 42px;position:relative}.lp-hero-content{z-index:2;grid-template-columns:minmax(0,1fr) minmax(480px,640px);align-items:center;gap:54px;min-height:610px;display:grid;position:relative}.lp-hero-logo{object-fit:contain;width:86px;height:86px;box-shadow:0 18px 46px rgba(var(--primary-rgb),.14);background:#fff;border-radius:24px;margin-bottom:22px;padding:8px}.lp-eyebrow{color:var(--primary-700);text-transform:uppercase;letter-spacing:.14em;margin:0 0 12px;font-size:12px;font-weight:900}.lp-hero h1{letter-spacing:-.065em;color:#0b1227;max-width:720px;margin:0;font-size:clamp(42px,5vw,76px);font-weight:950;line-height:.98}.lp-hero h1 span{color:var(--primary-700);letter-spacing:-.035em;margin-top:16px;font-size:.55em;display:block}.lp-desc{max-width:620px;color:var(--gray-600);margin:24px 0 32px;font-size:19px;font-weight:520;line-height:1.75}.lp-actions{flex-wrap:wrap;gap:14px;display:flex}.lp-primary,.lp-secondary,.lp-panel-login{cursor:pointer;border:0;border-radius:14px;min-height:48px;font-size:15px;font-weight:850;transition:all .2s}.lp-primary{color:#fff;background:linear-gradient(135deg, var(--primary-700), var(--accent-600));box-shadow:0 18px 38px rgba(var(--primary-rgb),.24);padding:0 28px}.lp-primary:hover{box-shadow:0 24px 48px rgba(var(--primary-rgb),.28);transform:translateY(-2px)}.lp-secondary{color:#1e293b;background:#fff;border:1px solid #dce7f5;align-items:center;gap:8px;padding:0 22px;display:inline-flex}.lp-secondary:hover{color:var(--primary-700);background:#f8fbff;border-color:#93c5fd}.lp-netbg{pointer-events:none;z-index:0;opacity:.98;width:100%;height:100%;filter:drop-shadow(0 10px 26px rgba(var(--primary-rgb),.1));position:absolute;inset:0;overflow:hidden}@keyframes lpNetPulse{0%,to{opacity:.08;transform:scale(.6)}50%{opacity:.2;transform:scale(1.5)}}.lp-netnode-pulse{animation:3.6s ease-in-out infinite lpNetPulse}@keyframes lpNetPkt{0%{offset-distance:0%;opacity:0}12%,88%{opacity:1}to{offset-distance:100%;opacity:0}}.lp-netpkt-1{offset-path:path("M80,90 L210,55 L370,80 L520,45 L670,75 L820,50 L970,80 L1100,60");animation:9s linear infinite lpNetPkt}.lp-netpkt-2{offset-path:path("M130,210 L290,185 L450,210 L600,175 L750,200 L900,180 L1050,210");animation:10.5s linear 2.1s infinite lpNetPkt}.lp-netpkt-3{offset-path:path("M70,340 L220,320 L390,355 L550,310 L700,340 L860,320 L1010,355");animation:8s linear 4.4s infinite lpNetPkt}.lp-map-card{opacity:.9;z-index:1;pointer-events:none;width:min(58vw,720px);height:520px;position:absolute;inset:18px 10px auto auto}.lp-map-card svg{width:100%;height:100%;overflow:visible}.lp-map-outline{fill:#ffffff75;stroke:rgba(var(--primary-rgb),.14);stroke-width:2px}.lp-route{fill:none;stroke:url(#lineGrad);stroke-width:3px;stroke-linecap:round;opacity:.25;stroke-dasharray:8 12;animation:15s linear infinite lpRoute}.lp-route-2{opacity:.18;animation-duration:18s}.lp-route-3,.lp-route-4{opacity:.16;animation-duration:21s}@keyframes lpRoute{to{stroke-dashoffset:-220px}}.lp-node circle:first-child{fill:var(--primary-700)}.lp-node circle:last-child{fill:#0000;stroke:rgba(var(--primary-rgb),.22);stroke-width:2px;animation:2.9s ease-in-out infinite lpPulse}.lp-node-1 circle:first-child,.lp-node-4 circle:first-child{fill:var(--accent-600)}.lp-node-2 circle:first-child{fill:var(--gray-900)}@keyframes lpPulse{0%,to{opacity:.15;transform:scale(.72)}50%{opacity:.55;transform:scale(1.08)}}.lp-packet{fill:#38bdf8}.p1{offset-path:path("M146 250 C220 188 294 204 378 151 C461 99 536 131 607 200");animation:6s linear infinite lpMove}.p2{offset-path:path("M163 306 C231 268 300 296 369 245 C436 196 508 214 622 287");animation:7.5s linear 1.2s infinite lpMove}.p3{offset-path:path("M228 148 C274 210 310 260 336 347");animation:5.6s linear 2.1s infinite lpMove}@keyframes lpMove{0%{offset-distance:0%;opacity:0}14%,84%{opacity:1}to{offset-distance:100%;opacity:0}}.lp-map-caption{color:var(--primary-600);box-shadow:0 18px 36px rgba(var(--gray-900-rgb),.08);background:#ffffffd1;border:1px solid #93c5fd61;border-radius:999px;align-items:center;gap:12px;padding:9px 12px;font-size:12px;font-weight:850;display:flex;position:absolute;bottom:46px;right:58px}.lp-map-caption span{color:var(--gray-700);align-items:center;gap:6px;display:flex}.lp-live-panel{z-index:3;box-shadow:0 28px 75px rgba(var(--gray-900-rgb),.13);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #dce7f5;border-radius:28px;padding:22px;position:relative}.lp-live-top,.lp-flow-box,.lp-secure-note{align-items:center;display:flex}.lp-live-top{justify-content:space-between;margin-bottom:18px}.lp-live-top div{color:var(--success);align-items:center;gap:8px;font-weight:900;display:flex}.lp-live-top small{color:var(--gray-500);letter-spacing:.08em;font-weight:900}.lp-live-dot{background:#22c55e;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 6px #22c55e21}.lp-live-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lp-live-grid div{background:#f8fbff;border:1px solid #e4edf8;border-radius:18px;padding:15px}.lp-live-grid small{color:var(--gray-500);margin-bottom:7px;font-size:12px;font-weight:800;display:block}.lp-live-grid b{color:var(--gray-900);font-variant-numeric:tabular-nums;font-size:30px;font-weight:950;line-height:1}.lp-live-grid .red{color:var(--danger)}.lp-live-grid .green{color:var(--success)}.lp-flow-box{color:var(--primary-700);background:#eff6ff;border-radius:18px;justify-content:space-between;gap:8px;margin:16px 0 12px;padding:14px;font-size:12px;font-weight:900}.lp-flow-box span{white-space:nowrap}.lp-secure-note{color:var(--gray-700);background:var(--gray-50);border:1px solid #e4edf8;border-radius:16px;gap:8px;padding:12px;font-size:13px;font-weight:800}.lp-panel-login{color:#fff;background:var(--gray-900);width:100%;margin-top:14px}.lp-panel-login:hover{background:var(--primary-700)}.lp-stats,.lp-platform,.lp-contact{z-index:2;max-width:1220px;margin:0 auto;padding:58px 28px;position:relative}.lp-stats{padding-top:24px}.lp-section-head{text-align:center;max-width:720px;margin:0 auto 28px}.lp-section-head h2{color:var(--gray-900);letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(28px,3vw,40px);font-weight:950}.lp-section-head span{color:var(--gray-500);font-size:15px;line-height:1.6}.lp-stat-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.lp-stat-card{min-height:152px;box-shadow:0 14px 34px rgba(var(--gray-900-rgb),.06);background:#fff;border:1px solid #dce7f5;border-radius:22px;flex-direction:column;justify-content:space-between;padding:18px;transition:all .18s;display:flex}.lp-stat-card:hover{box-shadow:0 22px 48px rgba(var(--gray-900-rgb),.1);border-color:#bfdbfe;transform:translateY(-4px)}.lp-stat-icon{width:42px;height:42px;color:var(--primary-700);background:#eff6ff;border-radius:14px;place-items:center;display:grid}.lp-stat-card b{letter-spacing:-.04em;color:var(--gray-900);font-variant-numeric:tabular-nums;font-size:34px;font-weight:950}.lp-stat-card small{color:var(--gray-500);font-weight:850}.lp-stat-green .lp-stat-icon{color:var(--success);background:#ecfdf5}.lp-stat-red .lp-stat-icon{color:var(--danger);background:#fef2f2}.lp-stat-cyan .lp-stat-icon,.lp-stat-sky .lp-stat-icon{color:#0891b2;background:#ecfeff}.lp-platform-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.lp-platform-card{min-height:210px;box-shadow:0 14px 38px rgba(var(--gray-900-rgb),.055);background:#fff;border:1px solid #dce7f5;border-radius:24px;padding:24px}.lp-platform-card svg{color:var(--primary-700);margin-bottom:18px}.lp-platform-card b{color:var(--gray-900);margin-bottom:10px;font-size:17px;font-weight:950;display:block}.lp-platform-card p{color:var(--gray-500);margin:0;font-size:14px;line-height:1.65}.lp-contact{border-top:1px solid #dce7f5;grid-template-columns:1fr 320px;align-items:center;gap:24px;display:grid}.lp-contact h2{letter-spacing:-.04em;margin:0 0 10px;font-size:30px}.lp-contact p{color:var(--gray-500);margin:0;line-height:1.7}.lp-contact-card{background:var(--gray-900);color:#fff;box-shadow:0 22px 48px rgba(var(--gray-900-rgb),.18);border-radius:24px;gap:8px;padding:24px;display:grid}.lp-contact-card svg{color:#60a5fa}.lp-contact-card small{color:#cbd5e1}.lp-footer{max-width:1220px;color:var(--gray-500);border-top:1px solid #dce7f5;align-items:center;gap:14px;margin:0 auto;padding:24px 28px 34px;display:flex}.lp-footer img{object-fit:contain;background:#fff;border-radius:12px;width:46px;height:46px}.lp-footer b{color:var(--gray-900);display:block}.lp-footer small{color:var(--gray-500)}.lp-login-overlay{z-index:9999;background:rgba(var(--gray-900-rgb),.55);justify-content:flex-end;display:flex;position:fixed;inset:0}.lp-login-drawer{width:min(440px,100%);height:100%;box-shadow:-30px 0 80px rgba(var(--gray-900-rgb),.22);color:var(--gray-900);z-index:auto;background:#fff;flex-direction:column;transition:none;animation:.24s ease-out lpDrawer;display:flex;position:relative;overflow:hidden}.lp-login-header{flex-shrink:0;justify-content:flex-end;align-items:center;padding:14px 16px 0;display:flex}.lp-login-body{-webkit-overflow-scrolling:touch;flex:1;padding:0 34px 34px;overflow-y:auto}@keyframes lpDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes lpBottomSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=768px){.lp-login-overlay{pointer-events:none!important;background:0 0!important}.lp-login-drawer{width:100%!important;height:100%!important;max-height:none!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:all!important;border-radius:0!important;animation:none!important;position:fixed!important;inset:0!important;overflow:hidden auto!important;transform:none!important}.lp-login-header{z-index:1!important;padding:calc(14px + env(safe-area-inset-top,0px)) 14px 8px!important;background:#fff!important;flex-shrink:0!important;position:sticky!important;top:0!important}.lp-login-body{padding:0 24px calc(32px + env(safe-area-inset-bottom,0px))!important;flex:none!important;overflow-y:visible!important}.lp-login-form input{font-size:16px!important}}.lp-login-close{background:var(--gray-100);width:42px;height:42px;color:var(--gray-900);cursor:pointer;border:0;border-radius:14px;flex-shrink:0;place-items:center;display:grid;position:static}.lp-login-logo{object-fit:contain;background:var(--gray-50);width:92px;height:92px;box-shadow:0 12px 32px rgba(var(--primary-rgb),.11);border-radius:22px;margin:14px 0 24px;padding:8px}.lp-login-drawer h2{letter-spacing:-.05em;margin:0 0 10px;font-size:32px}.lp-login-text{color:var(--gray-500);margin:0 0 24px;line-height:1.65}.lp-login-form{gap:10px;display:grid}.lp-login-form label{color:var(--gray-700);font-size:13px;font-weight:850}.lp-login-form input{background:#f8fbff;border:1px solid #dce7f5;border-radius:14px;width:100%;padding:14px 15px;font-size:15px}.lp-login-form input:focus{border-color:var(--primary-700);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1);outline:none}.lp-login-form button{color:#fff;background:linear-gradient(135deg, var(--primary-700), var(--accent-600));cursor:pointer;border:0;border-radius:14px;min-height:48px;margin-top:10px;font-weight:900}.lp-login-form button:disabled{opacity:.68;cursor:wait}.lp-login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:10px 12px;font-weight:750}.lp-login-form select,.lp-login-form textarea{background:#f8fbff;border:1px solid #dce7f5;border-radius:14px;width:100%;padding:14px 15px;font-family:inherit;font-size:15px}.lp-login-form select:focus,.lp-login-form textarea:focus{border-color:var(--primary-700);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1);outline:none}.lp-login-form textarea{resize:vertical;min-height:80px}.lp-join-success{text-align:center;padding:6px 0 2px}.lp-join-success svg{color:var(--success);margin:4px auto 14px;display:block}.lp-join-success p{margin:6px 0}.lp-login-foot{color:var(--gray-500);align-items:center;gap:8px;margin-top:22px;font-size:13px;display:flex}.lp-login-brand{margin:0 0 20px}.lp-login-brand b{color:var(--gray-900);letter-spacing:-.02em;font-size:16px;font-weight:900;line-height:1.3;display:block}.lp-login-brand span{color:var(--primary-700);letter-spacing:.02em;margin-top:4px;font-size:13px;font-weight:750;display:block}@media (width<=1080px){.lp-stat-grid{grid-template-columns:repeat(3,1fr)}.lp-platform-grid{grid-template-columns:repeat(2,1fr)}.lp-hero-content{grid-template-columns:1fr;min-height:auto}.lp-map-card{opacity:.45;width:100%;height:460px;inset:60px auto auto 0}.lp-live-panel{max-width:520px}}@media (width<=760px){.lp-netbg{opacity:.5}.lp-navbar{height:68px;padding:0 16px}.lp-links{display:none}.lp-menu{display:flex}.lp-mobile-menu{z-index:205;box-shadow:0 18px 42px rgba(var(--gray-900-rgb),.12);background:#fffffff5;border:1px solid #dce7f5;border-radius:18px;gap:6px;margin:0 12px;padding:12px;display:grid;position:sticky;top:68px}.lp-mobile-menu button{color:var(--gray-900);text-align:left;background:#f8fbff;border:0;border-radius:12px;padding:13px 14px;font-weight:850}.lp-mobile-menu button:last-child{background:var(--primary-700);color:#fff;text-align:center}.lp-brand img{width:42px;height:42px}.lp-brand small{display:none}.lp-hero{padding:34px 16px 24px}.lp-hero-content{gap:26px}.lp-hero-logo{width:70px;height:70px;margin-bottom:18px}.lp-hero h1{font-size:clamp(34px,12vw,48px)}.lp-hero h1 span{margin-top:12px}.lp-desc{margin:18px 0 24px;font-size:16px}.lp-actions{flex-direction:column}.lp-primary,.lp-secondary{justify-content:center;width:100%}.lp-map-card{display:none}.lp-live-panel{border-radius:22px;padding:18px}.lp-flow-box{justify-content:flex-start;overflow-x:auto}.lp-stats,.lp-platform,.lp-contact{padding:44px 16px}.lp-stat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.lp-stat-card{border-radius:20px;min-height:134px;padding:15px}.lp-stat-card b{font-size:30px}.lp-platform-grid,.lp-contact{grid-template-columns:1fr}.lp-platform-card{min-height:auto}.lp-footer{align-items:flex-start;padding:20px 16px 30px}}@media (width<=410px){.lp-live-grid,.lp-stat-grid{grid-template-columns:1fr}}.about-card{max-width:640px}.about-logo-section{border-bottom:1px solid var(--gray-100);align-items:center;gap:20px;padding-bottom:20px;display:flex}.about-logo{object-fit:contain;background:var(--gray-50);border:1px solid #e5ebf5;border-radius:18px;flex-shrink:0;width:90px;height:90px;padding:10px}.about-tech-grid{grid-template-columns:1fr;gap:0;display:grid}.about-tech-item{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 0;font-size:14px;display:flex}.about-tech-item b{color:#374151;white-space:nowrap}.about-tech-item span{color:var(--gray-500);text-align:right}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:16px;display:grid}.dashboard-charts-grid{grid-template-columns:2fr 1fr;align-items:start;gap:16px;margin-top:16px;display:grid}.dashboard-charts-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dashboard-side-col{flex-direction:column;gap:16px;display:flex}.dashboard-side-col .panel h3{margin-bottom:10px}.dashboard-side-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.dashboard-side-row:last-child{border-bottom:0}.dashboard-side-row span{color:var(--gray-700);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-side-row b{color:var(--gray-900);flex-shrink:0}@media (width<=1080px){.dashboard-charts-grid,.dashboard-charts-col{grid-template-columns:1fr}}.recent-row{border-bottom:1px solid var(--gray-100);cursor:pointer;justify-content:space-between;align-items:flex-start;padding:10px 0;display:flex}.recent-row:hover{background:var(--gray-50);border-radius:10px;margin:0 -22px;padding:10px 22px}.recent-row b{font-size:14px}.recent-row p{color:var(--gray-500);margin:2px 0 0;font-size:13px}.recent-row small{color:var(--gray-400);white-space:nowrap;font-size:12px}.two-col-panels{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.two-col-panels{grid-template-columns:1fr}}.perf-row{border-bottom:1px solid var(--gray-100);align-items:center;gap:10px;padding:10px 0;display:flex}.perf-rank{background:var(--accent-100);width:24px;height:24px;color:var(--primary-700);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.perf-row b{font-size:14px;display:block}.perf-row small{color:var(--gray-500);font-size:12px}.perf-stats{gap:12px;margin-left:auto;display:flex}.perf-stats span{color:#374151;font-size:13px;font-weight:600}.perf-rank-big{color:var(--accent-400);font-size:20px;font-weight:900}.top-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.top-count{color:var(--primary-700);font-weight:700}.ss-wrap{position:relative}.ss-input{cursor:text;box-sizing:border-box;background:#f8fbff;border:1px solid #dce7f5;border-radius:14px;width:100%;padding:14px 15px;font-family:inherit;font-size:15px}.ss-input:focus{border-color:var(--primary-700);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.1);outline:none}.ss-list{z-index:200;max-height:220px;box-shadow:0 8px 32px rgba(var(--gray-900-rgb),.12);background:#fff;border:1px solid #dce7f5;border-radius:14px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.ss-item{cursor:pointer;color:var(--gray-900);border-radius:10px;padding:11px 14px;font-size:14px}.ss-item:hover{background:#f0f6ff}.ss-item.ss-active{color:var(--primary-700);background:#eff6ff;font-weight:700}.ss-empty{color:var(--gray-400);text-align:center;padding:12px 14px;font-size:14px}.create-layout{grid-template-columns:1fr 380px;align-items:start;gap:20px;display:grid}.preview-panel h3{margin-top:0}.preview-card{color:#fff;background:linear-gradient(135deg,#0f1629,#1e2a54);border-radius:18px;margin-top:12px;padding:20px}.preview-code{color:#93c5fd;background:#ffffff0d;border-radius:8px;margin-bottom:14px;padding:8px 12px;font-family:monospace;font-size:13px}.preview-row{color:var(--accent-400);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.preview-priority{letter-spacing:1px;border-radius:999px;width:max-content;margin:10px 0 12px;padding:3px 10px;font-size:11px;font-weight:800}.prio-normal{color:var(--accent-400);background:#ffffff1a}.prio-yüksek{color:#fbbf24;background:#fef3c71a}.prio-acil{color:#f87171;background:#fee2e21a}.preview-desc{color:var(--gray-200);border-top:1px solid #ffffff15;min-height:48px;margin-top:4px;padding-top:12px;font-size:14px}.preview-footer{color:var(--gray-400);border-top:1px solid #ffffff15;justify-content:space-between;margin-top:14px;padding-top:10px;font-size:12px;display:flex}.create-success{text-align:center;padding:40px 20px}.success-icon{color:var(--success);justify-content:center;margin-bottom:16px;display:flex}.success-code{color:var(--primary-700);background:#eff6ff;border-radius:14px;margin:12px 0;padding:14px 24px;font-family:monospace;font-size:28px;font-weight:900;display:inline-block}.success-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--gray-100);text-align:left;padding:12px 14px;font-size:14px}th{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.check{background:var(--gray-50);border-radius:12px;margin:6px 0;padding:9px 12px;font-weight:700}.check input{width:auto;margin-right:8px}.perm{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.perm small{color:var(--gray-500);margin-top:2px;font-size:12px;font-weight:500;display:block}.role-cat{background:var(--gray-50);border:1px solid #e5e7eb;border-radius:16px;margin:10px 0;overflow:hidden}.role-cat-header{color:#10152f;cursor:pointer;width:100%;box-shadow:none;background:0 0;border-radius:0;align-items:center;gap:10px;padding:13px 16px;font-size:14px;font-weight:700;display:flex}.role-cat-header:hover{background:var(--accent-100);opacity:1}.role-cat-header b{font-size:14px}.role-cat-header small{color:var(--gray-500);background:#fff;border-radius:999px;padding:2px 9px;font-weight:700}.role-cat-header .chevron{color:var(--gray-500);margin-left:auto;transition:transform .2s}.role-cat-header.open .chevron{transform:rotate(180deg)}.role-cat-header.open{background:#eff6ff}.role-cat-body{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;padding:4px 14px 14px;animation:.18s fade;display:grid}.role-cat-body .check{background:#fff;margin:0}.role-card{transition:all .15s}.role-icon-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.role-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #1d3b6e1a}.role-badge-custom{color:#166534;background:#dcfce7}.role-badge-template{background:var(--accent-100);color:var(--primary-700)}.role-choice{text-align:left;background:var(--gray-50);color:#10152f;box-shadow:none;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.role-choice:hover{opacity:1;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.role-choice b{font-size:14px;display:block}.role-choice small{color:var(--gray-500);margin-top:2px;font-weight:500;display:block}.role-edit-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:20px;display:grid}.role-preview .box{margin-top:14px}.role-preview-chip{color:var(--primary-700);background:#eff6ff;font-size:12px}@media (width<=900px){.role-edit-grid{grid-template-columns:1fr}}.loading{min-height:100vh;color:var(--gray-500);place-items:center;font-size:22px;display:grid}.mobile-only{display:none}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=992px){.app{flex-direction:column;overflow-x:hidden}aside{z-index:300;flex-shrink:0;width:280px;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}aside.open{transform:translate(0)}.hamburger-close{display:flex}.mobile-header{color:#fff;z-index:50;background:linear-gradient(135deg,#090720,#111633);flex-direction:column;flex-shrink:0;width:100%;display:flex;position:sticky;top:0}.mobile-header-row{align-items:center;width:100%;height:54px;display:flex}.mobile-header .mobile-header-logo{margin:0 0 0 10px;display:block}.mobile-org-badge{color:#b9c7e6;white-space:nowrap;text-overflow:ellipsis;padding:0 14px 7px 48px;font-size:11px;font-weight:600;overflow:hidden}.hamburger{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.mobile-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;padding:0 4px;font-size:15px;font-weight:800;overflow:hidden}.mobile-bell{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:relative}.mobile-bell-badge{background:#ef4444;border:1.5px solid #090720;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:9px}.overlay{z-index:250;background:#000a;display:block;position:fixed;inset:0}main{box-sizing:border-box;flex:1;width:100%;min-width:0;max-width:100%;padding:16px 14px 24px}h1{font-size:24px}button,.primary,input,select{min-height:44px}.create-layout{grid-template-columns:1fr}.preview-panel{display:none}.choice{grid-template-columns:1fr 1fr 1fr}.two{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar.wide{grid-template-columns:1fr 1fr;display:grid}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.assetGrid{grid-template-columns:repeat(2,1fr)}.toasts-container{top:70px;left:14px;right:14px}.toast{max-width:none}.dashboard-grid{grid-template-columns:1fr}.success-actions{flex-direction:column;align-items:center}.modal{align-items:flex-end;padding:0;display:flex}.detail{border-radius:24px 24px 0 0;width:100%;max-width:100%;max-height:92dvh;padding:20px 16px 24px}.fault-filters{flex-direction:column;align-items:stretch}.fault-filters select,.fault-search{flex:none;width:100%;min-width:0}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tabs button{white-space:nowrap;flex-shrink:0}.pagination{gap:8px}.pagination button{padding:6px 12px;font-size:12px}.mobile-only{display:block}}@media (width<=500px){.assetGrid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.choice{grid-template-columns:1fr}}@media (width<=380px){.stats,.dashboard-grid{grid-template-columns:1fr}.mobile-title{font-size:13px}}.loading-spin{color:var(--primary-700);justify-content:center;align-items:center;padding:40px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:8px;padding:16px 0;display:flex}.pagination button{border:1px solid var(--primary-700);color:var(--primary-700);cursor:pointer;background:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.pagination button:hover:not(:disabled){background:var(--primary-700);color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:#374151;font-size:13px;font-weight:500}.pagination small{color:var(--gray-500)}.lp-page main{padding:0;animation:none}.lp-footer small{letter-spacing:.04em;text-transform:uppercase;color:var(--gray-500);font-family:Inter,Arial,sans-serif;font-weight:750}.lp-footer b{letter-spacing:-.02em}.lp-hero-copy .lp-eyebrow{color:var(--primary-700)}.lp-live-panel{border-color:rgba(var(--primary-rgb),.16)}.lp-netbg line{stroke-width:1.25px}.lp-netbg circle{filter:drop-shadow(0 0 8px rgba(var(--primary-rgb),.22))}@media (width>=761px){.lp-links button{flex:none;width:auto!important}}.lp-page{--lp-blue-950:var(--primary-900);--lp-blue-900:var(--primary-800);--lp-blue-800:var(--primary-600);--lp-blue-700:var(--primary-700);--lp-blue-600:var(--accent-600);--lp-blue-500:var(--accent-500);--lp-blue-soft:var(--primary-50);--lp-text:var(--gray-900)}.lp-navbar{border-bottom:1px solid rgba(var(--primary-rgb), .14);width:100%;max-width:none;box-shadow:0 10px 32px rgba(var(--gray-900-rgb), .045);background:#f8fbfff5;margin:0;padding:0 clamp(22px,7vw,96px);left:0;right:0;position:sticky!important;top:0!important}.lp-navbar:after{display:none}.lp-links{gap:8px}.lp-links button{color:#243654}.lp-links button:hover{color:var(--lp-blue-700);background:var(--lp-blue-soft);transform:none}.lp-links .lp-login-button,.lp-login-button,.lp-primary,.lp-login-form button{background:linear-gradient(135deg, var(--lp-blue-800), var(--lp-blue-600))!important;box-shadow:0 14px 30px rgba(var(--primary-rgb), .23)!important}.lp-links .lp-login-button:hover,.lp-login-button:hover,.lp-primary:hover,.lp-login-form button:hover{background:linear-gradient(135deg, var(--lp-blue-900), var(--lp-blue-700))!important}.lp-eyebrow,.lp-hero h1 span,.lp-hero-copy .lp-eyebrow,.lp-flow-box,.lp-login-brand span,.top-count{color:var(--lp-blue-700)!important}.lp-stat-icon,.lp-platform-card svg,.lp-contact-card svg{color:var(--lp-blue-700)!important;background:var(--lp-blue-soft)!important}.lp-netbg line{stroke-opacity:.24;stroke:var(--lp-blue-700)!important}.lp-netbg circle{filter:drop-shadow(0 0 7px rgba(var(--primary-rgb), .22));fill:var(--lp-blue-600)!important}.lp-netnode-pulse{stroke:var(--lp-blue-600)!important}.lp-netpkt{fill:var(--lp-blue-500)!important}.lp-contact{border-top:1px solid rgba(var(--primary-rgb),.13);border-bottom:1px solid rgba(var(--primary-rgb),.1);padding-top:52px;padding-bottom:52px}.lp-contact-card{background:linear-gradient(135deg, var(--lp-blue-950), var(--lp-blue-800));box-shadow:0 22px 54px #0f3a8033}.lp-footer{width:100%;max-width:none;height:72px;color:var(--gray-600);background:#020617;border-top:none;flex-shrink:0;justify-content:flex-start;align-items:center;gap:14px;margin:0;padding:0 clamp(22px,7vw,96px);display:flex}.lp-footer img{width:32px;height:32px;box-shadow:none;object-fit:contain;background:#fff;border-radius:8px;flex-shrink:0;padding:3px}.lp-footer-text{color:var(--gray-500);white-space:nowrap;letter-spacing:.01em;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.lp-footer-sep{color:var(--gray-700);margin:0 2px;font-weight:400}@media (width<=760px){.lp-navbar{height:68px;padding:0 16px}.lp-footer{flex-wrap:wrap;align-items:center;gap:8px;height:auto;min-height:60px;padding:14px 16px}.lp-footer-text{white-space:normal;font-size:11px}}.lp-hero h1 span,.lp-eyebrow,.lp-hero-copy .lp-eyebrow,.lp-section-head .lp-eyebrow,.lp-contact .lp-eyebrow{color:var(--primary-700)!important}.lp-orbit{aspect-ratio:1;width:min(520px,42vw);box-shadow:0 4px 18px rgba(var(--primary-rgb),.06), 0 16px 52px rgba(var(--primary-rgb),.09);isolation:isolate;background:radial-gradient(circle at 50% 44%,#fffffff7 0 20%,#e4f4ffbd 21% 54%,#c8e4fe26 55% 100%);border-radius:42px;margin-left:auto;position:relative;overflow:hidden}.lp-orbit:before,.lp-orbit:after{content:"";border:1px dashed rgba(var(--primary-rgb),.3);border-radius:50%;animation:34s linear infinite lpOrbitSpin;position:absolute;inset:10%}.lp-orbit:after{border-style:solid;border-color:#0ea5e933;animation-duration:46s;animation-direction:reverse;inset:23%}.lp-orbit-ring{pointer-events:none;border-radius:50%;position:absolute}.lp-orbit-ring-outer{border:2px solid rgba(var(--primary-rgb),.14);inset:14%}.lp-orbit-ring-inner{border:1px solid #0ea5e938;inset:31%}.lp-orbit-center{text-align:center;z-index:4;box-shadow:0 22px 48px rgba(var(--primary-rgb),.13);background:#ffffffeb;border:1px solid #bfdbfeb3;border-radius:32px;place-items:center;display:grid;position:absolute;inset:36%}.lp-orbit-center img{object-fit:contain;width:74%;height:74%}.lp-orbit-center span{color:#1e3a8a;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900;position:absolute;bottom:13%}.lp-orbit-node{z-index:3;color:#0f3f8f;background:#fffffff0;border:1px solid #bfdbfec7;border-radius:24px;place-items:center;gap:4px;width:100px;height:92px;animation:4.2s ease-in-out infinite lpNodeFloat;display:grid;position:absolute;box-shadow:0 18px 44px #0f3a801f}.lp-orbit-node svg{color:var(--primary-700);stroke-width:2.2px}.lp-orbit-node small{color:#1e3a8a;letter-spacing:.02em;font-size:10px;font-weight:900}.lp-orbit-node-bus{animation-delay:.1s;top:37%;left:2%}.lp-orbit-node-screen{animation-delay:.5s;top:2%;left:38%}.lp-orbit-node-terminal{animation-delay:.9s;top:10%;right:10%}.lp-orbit-node-stop{animation-delay:1.3s;bottom:10%;right:10%}.lp-orbit-node-card{animation-delay:1.7s;bottom:6%;left:12%}.lp-orbit-dot{background:var(--primary-700);width:10px;height:10px;box-shadow:0 0 0 6px rgba(var(--primary-rgb),.12), 0 0 18px rgba(var(--primary-rgb),.45);z-index:2;border-radius:999px;animation:2.8s ease-in-out infinite lpDotPulse;position:absolute}.lp-orbit-dot-1{top:28%;left:17%}.lp-orbit-dot-2{animation-delay:.2s;top:28%;right:18%}.lp-orbit-dot-3{animation-delay:.4s;top:17%;left:28%}.lp-orbit-dot-4{animation-delay:.6s;top:17%;right:28%}.lp-orbit-dot-5{animation-delay:.8s;bottom:28%;left:17%}.lp-orbit-dot-6{animation-delay:1s;bottom:28%;right:18%}.lp-orbit-dot-7{animation-delay:1.2s;top:18%;left:47%}.lp-orbit-dot-8{animation-delay:1.4s;bottom:18%;left:47%}.lp-orbit-dot-9{animation-delay:1.6s;top:51%;left:8%}.lp-orbit-dot-10{animation-delay:1.8s;top:51%;right:8%}.lp-orbit-data{z-index:5;background:#0ea5e9;border-radius:999px;width:9px;height:9px;position:absolute;box-shadow:0 0 16px #0ea5e9a6}.lp-orbit-data-a{offset-path:circle(39% at 50% 50%);animation:5.8s linear infinite lpDataOrbit}.lp-orbit-data-b{offset-path:circle(31% at 50% 50%);background:var(--primary-700);animation:7.4s linear infinite reverse lpDataOrbit}.lp-orbit-data-c{offset-path:circle(44% at 50% 50%);animation:9.2s linear -2s infinite lpDataOrbit}@keyframes lpOrbitSpin{to{transform:rotate(360deg)}}@keyframes lpDataOrbit{to{offset-distance:100%}}@keyframes lpNodeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes lpDotPulse{0%,to{opacity:.55;transform:scale(.88)}50%{opacity:1;transform:scale(1.18)}}.lp-stat-card{border-color:#dbeafe!important}.lp-stat-card.lp-stat-red{background:linear-gradient(#fff 0%,#fff5f5 100%)!important;border-color:#fecaca!important}.lp-stat-card.lp-stat-red b{color:var(--danger)!important}.lp-stat-card.lp-stat-green{background:linear-gradient(#fff 0%,#f0fdf4 100%)!important;border-color:#bbf7d0!important}.lp-stat-card.lp-stat-green b{color:var(--success)!important}.lp-contact h2{color:var(--gray-900)}.lp-contact p{max-width:760px;font-size:17px}.lp-contact-card{background:linear-gradient(135deg, var(--primary-900), var(--primary-600))!important}@media (width<=1080px){.lp-orbit{width:min(560px,100%);margin:0 auto}}@media (width<=760px){.lp-orbit{border-radius:26px;width:100%;min-height:360px}.lp-orbit-node{border-radius:18px;width:76px;height:70px}.lp-orbit-node small{display:none}.lp-orbit-center{inset:34%}.lp-orbit-center span{display:none}}.lp-brand{min-width:0}.lp-brand img{flex-shrink:0}.lp-brand b{white-space:nowrap;max-width:300px;font-size:15px;line-height:1.1}.lp-brand small{color:var(--gray-500);font-size:12px}.lp-page{background:radial-gradient(circle at 78% 20%, rgba(var(--primary-rgb),.11), transparent 30%), linear-gradient(180deg, #f8fbff 0%, #edf5ff 100%)!important}.lp-netbg line{stroke:var(--primary-700)!important;stroke-opacity:.18!important}.lp-netbg circle{fill:var(--primary-700)!important}.lp-hero h1 span,.lp-hero-copy .lp-eyebrow,.lp-section-head .lp-eyebrow,.lp-contact .lp-eyebrow{color:var(--primary-700)!important}.lp-orbit{border:1px solid #bfdbfed6;background:radial-gradient(circle at 50% 48%,#fffffffa 0 23%,#ebf7fff0 24% 56%,#dbeafedb 57% 100%)!important;box-shadow:0 18px 56px #0f3a8024,0 2px 12px #0f3a800d!important}.lp-orbit-node{padding:0;overflow:hidden;background:#fff!important;border:1px solid #bfdbfeeb!important;box-shadow:0 18px 42px #0f3a8021!important}.lp-orbit-node img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.lp-orbit-node small,.lp-orbit-node svg{display:none!important}.lp-orbit-center{background:#fff!important}.lp-orbit:before{border-color:rgba(var(--primary-rgb),.26)!important}.lp-orbit:after{border-color:#0ea5e92e!important}.lp-orbit-dot{background:var(--primary-700)!important;box-shadow:0 0 0 6px rgba(var(--primary-rgb),.12), 0 0 18px rgba(var(--primary-rgb),.45)!important}.lp-orbit-data{background:#0ea5e9!important}.lp-login-overlay{z-index:99999!important}.lp-login-drawer{z-index:100000!important;color:var(--gray-900)!important;background:#fff!important}.lp-login-close{width:46px!important;height:46px!important;color:var(--gray-900)!important;background:#eef4ff!important;border-radius:16px!important;place-items:center!important;display:grid!important}.lp-login-form button,.lp-login-form button:disabled,.lp-login-form button:hover,.lp-login-form button:focus{background:linear-gradient(135deg, var(--primary-600), var(--primary-700))!important;color:#fff!important;width:100%!important;min-height:54px!important;box-shadow:0 16px 34px rgba(var(--primary-rgb), .25)!important;opacity:1!important;border:0!important;border-radius:16px!important;font-size:16px!important;font-weight:900!important}.lp-login-form button:disabled{opacity:.72!important}@media (width<=760px){.lp-brand b{max-width:190px;font-size:12px}.lp-brand small{font-size:11px}.lp-login-logo{width:74px!important;height:74px!important;margin-top:0!important}.lp-orbit{width:min(360px,100%)!important;min-height:330px!important;margin:0 auto!important}.lp-orbit-node{border-radius:18px!important;width:68px!important;height:68px!important}.lp-orbit-center{border-radius:24px!important;inset:36%!important}}.lp-mock{z-index:3;width:100%;max-width:min(760px,100%);margin-left:auto;animation:7s ease-in-out infinite lpMockFloat;position:relative}.lp-mock-window{box-shadow:0 30px 70px rgba(var(--gray-900-rgb),.16), 0 8px 22px rgba(var(--gray-900-rgb),.08);background:#fff;border:1px solid #dce7f5;border-radius:22px;flex-direction:column;transition:transform .35s,box-shadow .35s;display:flex;overflow:hidden}@media (width>=1081px){.lp-mock-window{aspect-ratio:16/10}}.lp-mock:hover .lp-mock-window{box-shadow:0 40px 90px rgba(var(--gray-900-rgb),.2), 0 10px 26px rgba(var(--gray-900-rgb),.1);transform:translateY(-6px)}.lp-mock-titlebar{background:#f8fbff;border-bottom:1px solid #eef3fb;flex-shrink:0;align-items:center;gap:10px;padding:8px 14px;display:flex}.lp-mock-dots{flex-shrink:0;gap:6px;display:flex}.lp-mock-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.lp-mock-dot-r{background:#f87171}.lp-mock-dot-y{background:#fbbf24}.lp-mock-dot-g{background:#34d399}.lp-mock-titlebar-label{color:var(--gray-400);letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;max-width:55%;margin:0 auto;font-size:11px;font-weight:800;overflow:hidden}.lp-mock-body{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.lp-mock-sidebar{background:var(--primary-800);flex-direction:column;flex-shrink:0;gap:3px;width:84px;padding:10px 8px;display:flex}.lp-mock-side-item{color:#ffffff8c;border-radius:9px;align-items:center;gap:6px;min-width:0;padding:6px 7px;display:flex}.lp-mock-side-item svg{flex-shrink:0}.lp-mock-side-item em{white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-style:normal;font-weight:800;overflow:hidden}.lp-mock-side-active{color:#fff;background:#ffffff24}.lp-mock-main{background:#fbfdff;flex-direction:column;flex:1;min-width:0;min-height:0;padding:9px 14px 10px;display:flex;overflow:hidden}.lp-mock-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.lp-mock-heading b{color:var(--gray-900);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:900;overflow:hidden}.lp-mock-live{color:var(--success);flex-shrink:0;align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}.lp-mock-live i{background:#22c55e;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 0 4px #22c55e26}.lp-mock-metrics{flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}.lp-mock-metric{background:#fff;border:1px solid #e4edf8;border-radius:11px;min-width:0;padding:6px 8px}.lp-mock-metric small{color:var(--gray-400);margin-bottom:3px;font-size:8px;font-weight:800;line-height:1.2;display:block}.lp-mock-metric b{color:var(--gray-900);font-size:13px;font-weight:950}.lp-mock-metric-warn b{color:var(--warning)}.lp-mock-metric-danger b{color:var(--danger)}.lp-mock-panels{flex:1;grid-template-columns:1.3fr 1fr;gap:6px;min-height:0;margin-bottom:8px;display:grid}.lp-mock-chart{background:#fff;border:1px solid #e4edf8;border-radius:11px;flex-direction:column;min-width:0;padding:8px;display:flex}.lp-mock-chart small{color:var(--gray-400);margin-bottom:5px;font-size:8.5px;font-weight:800}.lp-mock-bars{flex:1;align-items:flex-end;gap:5px;height:28px;display:flex}.lp-mock-bars span{height:var(--h);background:linear-gradient(180deg, var(--primary-500), var(--primary-700));border-radius:3px 3px 1px 1px;flex:1}.lp-mock-aside{flex-direction:column;gap:6px;min-width:0;display:flex}.lp-mock-sla{text-align:center;background:#fff;border:1px solid #e4edf8;border-radius:11px;padding:7px}.lp-mock-sla small{color:var(--gray-400);margin-bottom:4px;font-size:8px;font-weight:800;display:block}.lp-mock-sla-ring{background:conic-gradient(var(--success) var(--p), #e4edf8 0);border-radius:50%;place-items:center;width:30px;height:30px;margin:0 auto;display:grid}.lp-mock-sla-ring b{width:21px;height:21px;color:var(--gray-900);background:#fff;border-radius:50%;place-items:center;font-size:7px;font-weight:900;display:grid}.lp-mock-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:11px;flex:1;align-items:flex-start;gap:6px;min-height:0;padding:7px;font-size:9px;font-weight:800;line-height:1.3;display:flex;overflow:hidden}.lp-mock-alert svg{flex-shrink:0;margin-top:1px}.lp-mock-list{background:#fff;border:1px solid #e4edf8;border-radius:11px;flex-shrink:0;padding:8px 10px}.lp-mock-list>small{color:var(--gray-400);margin-bottom:3px;font-size:8.5px;font-weight:800;display:block}.lp-mock-list-row{border-top:1px solid #f1f5fb;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:10px;display:flex}.lp-mock-list-row:first-of-type{border-top:0}.lp-mock-list-row span{color:var(--gray-700);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.lp-mock-tag-warn,.lp-mock-tag-ok{border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:8.5px;font-style:normal;font-weight:900}.lp-mock-tag-warn{color:#92400e;background:#fef3c7}.lp-mock-tag-ok{color:#166534;background:#dcfce7}.lp-mock-glow{background:radial-gradient(circle, rgba(var(--primary-rgb),.22), transparent 70%);filter:blur(16px);z-index:-1;pointer-events:none;width:220px;height:220px;position:absolute;inset:-30px -20px auto auto}@keyframes lpMockFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (width<=1080px){.lp-mock{width:min(480px,100%);max-width:100%;margin:0 auto}}@media (width<=760px){.lp-mock{width:100%;animation:none}.lp-mock-titlebar-label{display:none}.lp-mock-sidebar{width:56px;padding:12px 5px}.lp-mock-side-item em{display:none}.lp-mock-side-item{justify-content:center;padding:8px 0}.lp-mock-main{padding:12px}.lp-mock-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-mock-panels{grid-template-columns:1fr}.lp-mock-glow{display:none}}@media (width<=410px){.lp-mock-metric b{font-size:14px}}@media (prefers-reduced-motion:reduce){.lp-mock{animation:none}}.qr-scan-viewport{aspect-ratio:1;background:var(--gray-900);border-radius:18px;width:100%;margin-top:12px;position:relative;overflow:hidden}.qr-scan-viewport video{object-fit:cover;width:100%;height:100%}.qr-scan-frame{border:3px solid rgba(var(--primary-rgb), .85);box-shadow:0 0 0 999px rgba(var(--gray-900-rgb), .35);pointer-events:none;border-radius:18px;position:absolute;inset:14%}.qr-scan-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:10px;padding:10px 12px;font-size:13px;font-weight:700}.qr-img-placeholder{background:var(--gray-100);border-radius:8px;width:90px;height:90px;display:inline-block}