:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f5f7;--card-bg:#fff;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--border-strong:#cbd5e1;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#4f46e51a;--accent-ring:#4f46e533;--error:#dc2626;--skeleton:#e9edf3;--skeleton-shine:#ffffffb3;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 8px 24px #0f172a14;--shadow-lg:0 16px 40px #0f172a29;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e1117;--card-bg:#161a23;--text:#e6e9ef;--text-muted:#8b93a7;--border:#262c3a;--border-strong:#39415a;--accent:#818cf8;--accent-hover:#a5b4fc;--accent-soft:#818cf829;--accent-ring:#818cf847;--error:#f87171;--skeleton:#262c3a;--skeleton-shine:#ffffff14;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 16px 40px #0000008c}}*{box-sizing:border-box}body{background:radial-gradient(1100px 420px at 80% -8%, var(--accent-soft), transparent 60%), var(--bg);color:var(--text);background-attachment:fixed;margin:0}h1,h2{letter-spacing:-.01em;margin:0 0 12px}button{cursor:pointer;font:inherit}input,select,textarea{font:inherit}.layout{min-height:100vh;display:flex}.menu-toggle{color:var(--text);background:0 0;border-radius:10px;padding:4px 10px;font-size:1.4rem;line-height:1;display:none}.menu-toggle:hover{background:var(--accent-soft);color:var(--text)}.sidebar{background:var(--card-bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:264px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{letter-spacing:.01em;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 20px 16px;font-size:.95rem;font-weight:700;display:flex}.sidebar-brand:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-hover));width:12px;height:12px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:4px;flex-shrink:0}.sidebar nav{flex:1;padding:14px 10px}.sidebar nav a{color:var(--text-muted);border-radius:10px;margin:2px 0;padding:9px 12px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:block}.sidebar nav a:hover{background:var(--accent-soft);color:var(--text)}.sidebar nav a.active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.nav-group-toggle{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.92rem;font-weight:700;transition:background-color .15s,color .15s;display:flex}.nav-group-toggle:hover{background:var(--accent-soft)}.nav-caret{color:var(--text-muted);font-size:.8em;transition:transform .25s,color .15s}.nav-caret.open{transform:rotate(90deg)}.nav-collapse{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.nav-collapse>*{min-height:0;overflow:hidden}.nav-collapse.open{grid-template-rows:1fr}.nav-group-items{padding:4px 0 4px 14px}.nav-group-items a{padding:8px 12px;font-weight:500}.sidebar-logout{text-align:left;color:var(--text-muted);border:1px solid var(--border);box-shadow:none;background:0 0;margin:12px 14px}button.sidebar-logout:hover:not(:disabled){color:var(--error);box-shadow:none;background:#dc262614;border-color:#dc26264d;transform:none}.content{flex:1;min-width:0;max-width:1120px;margin:0 auto;padding:32px 40px 48px}.content h1{font-size:1.5rem;font-weight:800}.content h2{font-size:1.05rem;font-weight:700}.grid{grid-template-columns:360px 1fr;align-items:start;gap:28px;display:grid}@media (width<=768px){.grid{grid-template-columns:1fr}}.card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;padding:22px}.section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-head h2{margin:0}.auth{justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.auth-form{border-radius:18px;width:100%;max-width:480px;padding:40px 36px;animation:.3s modal-in}.auth-form:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-hover));width:44px;height:44px;box-shadow:0 0 0 6px var(--accent-soft), var(--shadow-md);border-radius:12px;margin:0 auto 18px;display:block}.auth-form h1{text-align:center;font-size:1.35rem;font-weight:800}form label{letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;font-size:.82rem;font-weight:600;display:block}form input,form select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;text-transform:none;letter-spacing:normal;border-radius:10px;margin-top:6px;padding:10px 14px;font-size:.95rem;font-weight:400;transition:border-color .15s,box-shadow .15s,background-color .15s;display:block}form input:hover,form select:hover{border-color:var(--border-strong)}form input:focus,form select:focus,.select-trigger:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);background:var(--card-bg);outline:none}input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;appearance:none;min-height:42px}@media (prefers-color-scheme:dark){input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;transition:opacity .15s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:56px}.password-toggle{color:var(--accent);background:0 0;padding:4px 8px;font-size:.85em;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle:hover{background:var(--accent-soft);color:var(--accent-hover)}button{background:linear-gradient(180deg, var(--accent), var(--accent-hover));color:#fff;box-shadow:var(--shadow-sm);border:none;border-radius:10px;padding:10px 16px;font-size:.92rem;font-weight:600;transition:background-color .15s,box-shadow .15s,transform .15s,color .15s,opacity .15s,filter .15s}button:hover:not(:disabled){background:linear-gradient(180deg, var(--accent-hover), var(--accent-hover));box-shadow:var(--shadow-md);transform:translateY(-1px)}button.nav-group-toggle:hover,button.menu-toggle:hover,button.password-toggle:hover{background:var(--accent-soft);box-shadow:none;transform:none}button.password-toggle:hover{transform:translateY(-50%)}button:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.6)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{box-shadow:0 0 0 3px var(--accent-ring);outline:none}button.link{color:var(--accent);box-shadow:none;background:0 0;border-radius:8px;padding:6px 10px}button.link:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-hover);box-shadow:none;transform:none}.btn-secondary{background:var(--card-bg);border:1px solid var(--border-strong);color:var(--text);box-shadow:none}.btn-secondary:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:none;transform:none}.search-wrap{display:block;position:relative}.search-wrap .search-icon{color:var(--text-muted);pointer-events:none;z-index:1;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search-wrap .search{padding-left:38px}input.search{margin-bottom:14px}.filter{letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px;font-size:.82rem;font-weight:600;display:block}.searchable-select{margin-top:6px;position:relative}.select-trigger{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;text-transform:none;letter-spacing:normal;text-align:left;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.95rem;font-weight:400;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}.select-trigger:hover:not(:disabled){background:var(--bg);border-color:var(--border-strong);box-shadow:none;transform:none}.select-trigger:disabled{opacity:.6;cursor:not-allowed}.select-trigger-placeholder{color:var(--text-muted)}.select-caret{color:var(--text-muted);font-size:.7em;transition:color .15s}.select-panel{z-index:20;border:1px solid var(--border);background:var(--card-bg);max-width:100vw;box-shadow:var(--shadow-lg);transform-origin:top;border-radius:12px;animation:.15s pop-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.select-search{border:none;border-bottom:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:0;margin:0;padding:10px 12px;font-size:.95rem}.select-search:focus{background:var(--card-bg);outline:none}.select-list{max-height:220px;margin:0;padding:4px;list-style:none;overflow-y:auto}.select-option{cursor:pointer;border-radius:8px;padding:8px 10px;font-size:.95rem;transition:background-color .12s,color .12s}.select-option.highlighted{background:var(--accent);color:#fff}.select-option[aria-selected=true]{font-weight:600}.select-empty{color:var(--text-muted);margin:0;padding:12px}.date-picker{margin-top:6px;position:relative}.date-trigger{border:1px solid var(--border);background:var(--bg);width:100%;min-height:42px;color:var(--text);font:inherit;text-transform:none;letter-spacing:normal;text-align:left;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:.95rem;font-weight:400;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}.date-trigger:hover:not(:disabled){background:var(--bg);border-color:var(--border-strong);box-shadow:none;transform:none}.date-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.date-trigger .date-icon{color:var(--text-muted);flex-shrink:0;transition:color .15s}.date-trigger:hover .date-icon{color:var(--accent)}.date-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.date-value.placeholder{color:var(--text-muted)}.date-popup{z-index:20;border:1px solid var(--border);background:var(--card-bg);min-width:264px;box-shadow:var(--shadow-lg);transform-origin:top;border-radius:12px;outline:none;padding:12px;animation:.15s pop-in;position:absolute;top:calc(100% + 6px);left:0}.date-popup-head{justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.date-popup-title{font-size:.92rem;font-weight:700}.date-nav{color:var(--text-muted);box-shadow:none;background:0 0;border:none;border-radius:8px;padding:4px 10px;font-size:1rem;line-height:1}.date-nav:hover:not(:disabled){background:var(--accent-soft);color:var(--accent);box-shadow:none;transform:none}.date-weekdays,.date-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.date-weekday{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:4px 0;font-size:.66em;font-weight:700}.date-cell{min-height:34px}.date-day{min-height:34px;color:var(--text);box-shadow:none;background:0 0;border:none;border-radius:8px;padding:0;font-size:.9rem;font-weight:500}.date-day:hover:not(:disabled){background:var(--accent-soft);color:var(--accent);box-shadow:none;transform:none}.date-day.today{box-shadow:inset 0 0 0 1px var(--accent)}.date-day.focused{box-shadow:inset 0 0 0 2px var(--accent-ring)}.date-day.selected{background:var(--accent);color:#fff;box-shadow:none}.date-day.selected:hover:not(:disabled){background:var(--accent);color:#fff}.date-popup-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;font-size:.85rem;display:flex}.date-popup-foot .link{padding:4px 8px;font-size:.85rem}table{border-collapse:collapse;width:100%;max-width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:11px 12px;font-size:.92rem}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:0 0;font-size:.72em;font-weight:700}tbody tr{transition:background-color .13s}tbody tr:hover{background:var(--accent-soft)}td code{border:1px solid var(--border);background:var(--bg);color:var(--accent);white-space:nowrap;border-radius:7px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}.error{color:var(--error);margin:4px 0 12px;font-size:.92rem}.skeleton{background:linear-gradient(90deg, var(--skeleton) 25%, var(--skeleton-shine) 37%, var(--skeleton) 63%);background-size:400% 100%;border-radius:6px;width:100%;height:14px;animation:1.2s infinite shimmer;display:inline-block}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.muted{color:var(--text-muted)}.badge{letter-spacing:.02em;color:var(--text-muted);background:#80808024;border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:.76em;font-weight:700;display:inline-block}.badge.active,.badge.completed{color:#15803d;background:#22c55e26}.badge.inactive{color:var(--text-muted);background:#9ca3af2e}.badge.pending,.badge.generated{color:#b45309;background:#f59e0b29}.badge.processing{color:#1d4ed8;background:#3b82f629}.badge.partial{color:#c2540c;background:#fb923c2e}.badge.failed{color:#b91c1c;background:#ef444426}@media (prefers-color-scheme:dark){.badge.active,.badge.completed{color:#4ade80;background:#4ade8029}.badge.inactive{color:#9ca3af;background:#9ca3af2e}.badge.pending,.badge.generated{color:#fbbf24;background:#fbbf2429}.badge.processing{color:#60a5fa;background:#60a5fa2e}.badge.partial{color:#fb923c;background:#fb923c2e}.badge.failed{color:#f87171;background:#f871712e}}.result{border-top:1px dashed var(--border);margin-top:22px;padding-top:20px}code.ref{letter-spacing:.02em;border:1px solid var(--border);background:var(--bg);color:var(--accent);box-shadow:var(--shadow-sm);border-radius:10px;margin:10px 12px 10px 0;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.45rem;font-weight:600;display:inline-block}.partner-stack{flex-direction:column;gap:16px;display:flex}.partner-card{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow-sm);border-radius:14px;padding:20px 22px;transition:box-shadow .18s,border-color .18s,transform .18s}.partner-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.partner-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.partner-details strong{margin-bottom:4px;font-size:1.1rem;display:block}.partner-details span{color:var(--text-muted);margin-right:18px;font-size:.92rem}.partner-props{border-top:1px solid var(--border);margin-top:18px;padding-top:16px;overflow:hidden}.partner-props table{table-layout:fixed}.partner-props table td code{white-space:normal;word-break:break-word}.props-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.props-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.76em;font-weight:700}.props-head .link{border-radius:8px;padding:6px 10px}.partner-props th:first-child,.partner-props td:first-child{width:28%}.partner-props th:nth-child(3),.partner-props td:nth-child(3){white-space:nowrap;width:96px}.partner-props table th{padding:12px 14px}.partner-props table td{vertical-align:top;padding:14px}.partner-props tbody tr:hover{background:var(--accent-soft)}.partner-props h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 8px;font-size:.76em;font-weight:700}.props-toggle{margin-top:10px}.props-toggle .link{align-items:center;gap:6px;padding:4px 0;display:inline-flex}.props-toggle .chevron{font-size:.7em;transition:transform .2s;display:inline-block}.props-toggle .chevron.open{transform:rotate(90deg)}.props-collapse{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.props-collapse>*{min-height:0;overflow:hidden}.props-collapse.open{grid-template-rows:1fr}.modal{width:440px;max-width:calc(100vw - 32px);color:var(--text);transform-origin:50%;background:0 0;border:none;border-radius:16px;max-height:calc(100vh - 48px);padding:0;animation:.22s modal-in;overflow:visible}.modal-wide{width:580px}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;animation:.2s backdrop-in}.modal-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;max-height:calc(100vh - 48px);padding:24px;display:flex}.modal-body{min-height:0;overflow-y:auto}.modal-head{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h2{margin:0}.modal-head .link{color:var(--text-muted);font-size:.95rem}.modal-head .link:hover:not(:disabled){color:var(--text);background:#8080801f}@media (width<=480px){.modal{width:100%;max-width:none;margin:auto 8px}}.event-list{flex-direction:column;gap:12px;display:flex}.event-row{border:1px solid var(--border);border-radius:12px;padding:12px 14px}.event-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.event-details{flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:.9rem;display:flex}.event-details code{font-size:.82rem}.inline-form{border-top:1px dashed var(--border);flex-wrap:wrap;align-items:flex-end;gap:16px;width:100%;margin-top:14px;padding-top:14px;display:flex}.inline-form label{margin-bottom:0;font-size:.78em}.inline-form input{min-width:200px;margin-top:6px}.inline-actions{align-items:center;gap:8px;display:flex}.cell-actions{white-space:nowrap}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.filters{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.filters .filter{min-width:180px;margin-bottom:0}.filter input[type=date],.filter input.search,.filter input:not([type]){border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:10px;margin:6px 0 0;padding:10px 14px;transition:border-color .15s,box-shadow .15s,background-color .15s;display:block}.filter input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);background:var(--card-bg);outline:none}.filters .filter .search-wrap input.search{padding-left:38px}tr.clickable{cursor:pointer}tr.clickable:hover,tr.clickable:focus,tbody tr.clickable:hover{background:var(--accent-soft)}tr.clickable:focus{outline:2px solid var(--accent);outline-offset:-2px}.pager{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.pager button{border:1px solid var(--border);color:var(--text);box-shadow:none;background:0 0;padding:8px 14px}.pager button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:none;transform:none}.pager button:disabled{opacity:.45}.pager-size{min-width:104px;margin-bottom:0}.pager-size .select-trigger{padding:8px 12px}.detail-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 20px;margin:0;display:grid}.detail-grid div{padding:8px 0}.detail-grid dt{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:2px;font-size:.72em;font-weight:700}.detail-grid dd{overflow-wrap:anywhere;margin:0;font-size:.95rem}.detail-grid dd code{white-space:normal;word-break:break-word}@media (width<=1024px){.content{padding:24px 24px 40px}}@media (width<=768px){.content{margin-top:52px;padding:16px}.card{padding:16px}.grid{grid-template-columns:1fr}.menu-toggle{z-index:50;background:var(--card-bg);border:1px solid var(--border);min-height:36px;box-shadow:var(--shadow-sm);display:block;position:fixed;top:10px;left:12px}.sidebar{z-index:40;width:280px;box-shadow:var(--shadow-lg);transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}button{min-height:40px}}@media (width<=640px){table{width:100%;display:block}table thead{display:none}table tr{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:12px;padding:4px 12px;display:block}table th,table td{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;display:flex}table td{border-bottom:1px solid var(--border);padding:8px 0}table tr td:last-child{border-bottom:none}table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);flex-shrink:0;font-size:.72em;font-weight:700}table td[data-label=""]:before,table td.cell-actions:before{content:none}.filters{flex-direction:column;align-items:stretch}.filters .filter{min-width:0}.inline-form label{flex:100%}}@media (width<=480px){.content{margin-top:52px;padding:12px}.auth-form{padding:28px 20px}code.ref{word-break:break-all;white-space:normal;font-size:1.2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ussd-layout{grid-template-columns:1fr minmax(280px,340px);align-items:start;gap:24px;margin-top:18px;display:grid}.phone-column{flex-direction:column;gap:10px;display:flex}.customer-toggle{gap:8px;display:flex}.customer-toggle-option{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:10px 12px;transition:border-color .15s,background .15s,color .15s;display:flex}.customer-toggle-option:hover:not(.active){border-color:var(--accent);background:var(--accent-soft);box-shadow:none;transform:none}.customer-toggle-option.active:hover{background:var(--accent);box-shadow:none;transform:none}.customer-toggle-option.active{border-color:var(--accent);background:var(--accent);color:#fff}.customer-toggle-name{font-size:13px;font-weight:600}.customer-toggle-account{opacity:.8;font-variant-numeric:tabular-nums;font-size:12px}.customer-toggle-hint{color:var(--text-muted);margin:0;font-size:13px}.ussd-intro h2{margin:0 0 10px}.ussd-intro ol{color:var(--text-muted);margin:0 0 16px;padding-left:20px;line-height:1.6}.phone{box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;background:#1c2733;border:10px solid #1c2733;border-radius:30px;outline:none;flex-direction:column;gap:12px;padding:14px 10px 18px;display:flex}.phone:focus-visible{box-shadow:0 0 0 3px var(--accent-ring)}.phone-speaker{background:#3a4757;border-radius:3px;width:54px;height:5px;margin:0 auto 2px}.phone-screen{background:#0b1a12;border:1px solid #1f3a2a;border-radius:12px;flex-direction:column;min-height:220px;padding:12px;display:flex}.screen-head{color:#6f8f7b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px dashed #24402e;justify-content:space-between;margin-bottom:8px;padding-bottom:6px;font-size:.72rem;display:flex}.screen-text{color:#b9f2c0;white-space:pre-line;flex:1;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;line-height:1.45}.screen-text p{margin:0 0 2px}.screen-input{color:#e8ffe9;letter-spacing:.05em;margin-top:4px;font-weight:600}.screen-hint{color:#6f8f7b;margin-top:6px;font-size:.75rem}.phone button.link{color:#7ed6a0;box-shadow:none;text-align:left;background:0 0;padding:2px 0;font-size:.75rem}.phone button.link:hover:not(:disabled){color:#b9f2c0;background:0 0}.screen-actions{color:#6f8f7b;justify-content:space-between;align-items:center;margin-top:10px;font-size:.72rem;display:flex}.screen-delete{color:#b9f2c0;box-shadow:none;background:0 0;border:1px solid #2c4a37;border-radius:6px;padding:4px 10px;font-size:.85rem}.screen-delete:hover:not(:disabled){box-shadow:none;background:#1f3a2a;transform:none}.keypad{flex-direction:column;gap:8px;display:flex}.keypad-row{gap:8px;display:flex}.keypad-key{color:#edf2f7;background:#2a3542;border:none;border-radius:10px;flex:1;padding:12px 0;font-size:1.05rem;font-weight:700;box-shadow:inset 0 -2px #00000040}.keypad-key:hover:not(:disabled){background:#3a4757;transform:none;box-shadow:inset 0 -2px #00000040}.keypad-key:active:not(:disabled){box-shadow:none;transform:translateY(1px)}@media (width<=720px){.ussd-layout{grid-template-columns:1fr}}