.icon-button{border:0;background:transparent;color:inherit;padding:2px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:28px;height:28px;border-radius:6px}.icon-button:hover{color:#078f94}.icon-button:focus-visible{outline:2px solid #ffbd12;outline-offset:2px}.icon-button:disabled{cursor:wait;opacity:.7}.icon-button .material-icons{font-size:16px}.icon-button.is-refreshing .material-icons{animation:spin-admin-icon .8s linear infinite}.reply-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand-teal);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-weight:600;cursor:pointer;transition:all .2s ease}.reply-button:disabled{opacity:.8;cursor:wait}.reply-button .material-icons{font-size:18px;color:#fff}.reply-processing-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;color:#4b5563;font-size:.9rem}.reply-processing-indicator .material-icons{font-size:18px;color:#078f94;animation:spin-admin-icon .8s linear infinite}.status-toolbar{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.quick-status-btn{padding:8px 12px;border-radius:999px;border:1px solid #d7e4e1;background:#f7fbfa;color:#173238;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease}.quick-status-btn:hover:not(:disabled){transform:translateY(-1px)}.quick-status-btn:disabled{cursor:default;opacity:.7}.quick-status-resolved{background:#eafaf3;color:#227a55;border-color:#c8ebd8}.quick-status-resolved.is-active{background:#1f9d72;color:#fff;border-color:#1f9d72}.status-select-wrap{display:flex;align-items:center;gap:6px}.status-select-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6d8180;font-weight:700}.status-select{min-width:120px;border:1px solid #cae0dc;border-radius:8px;padding:8px 10px;background:#fff;color:#173238;font-weight:600}.status-select-wrap.saving .status-select{border-color:#078f94;box-shadow:0 0 0 2px #078f941f}.status-save-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#ecfdf5;color:#077a64;font-size:11px;font-weight:700}.status-save-indicator .material-icons{font-size:15px;animation:spin-admin-icon .8s linear infinite}@keyframes spin-admin-icon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-shell{height:calc(100vh - 148px);min-height:0;display:flex;background:#f4f7f5;color:#173238;font-family:Plus Jakarta Sans,sans-serif;overflow:hidden}.admin-standalone .admin-shell{height:100vh}.admin-sidebar{width:228px;background:#123b3d;color:#d9eeea;display:flex;flex-direction:column;padding:20px 16px}.admin-mark{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1.5px;line-height:1.35;color:#fff}.admin-mark .material-icons{color:#ffbd12;font-size:29px}.admin-mark b{color:#71cfc0;font-weight:700}.admin-sidebar nav{margin-top:42px;display:grid;gap:8px}.admin-sidebar nav a{color:#a9c7c2;text-decoration:none;display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:7px;font-size:13px}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:#1c5151;color:#fff}.admin-sidebar nav a strong{margin-left:auto;background:#ffbd12;color:#173238;border-radius:20px;padding:2px 8px;font-size:11px}.admin-sidebar nav .material-icons{font-size:19px}.admin-logout{display:inline-flex;align-items:center;gap:6px;margin-top:18px;padding:8px 0;background:transparent;color:#ffffffb8;font-size:12px}.admin-logout:hover{color:#fff;box-shadow:none}.admin-logout .material-icons{color:inherit;font-size:16px}.sidebar-foot{margin-top:auto;border-top:1px solid #326060;padding:16px 8px 0;display:flex;align-items:center;gap:10px;font-size:12px;color:#8eb3ad}.sidebar-foot .material-icons{font-size:18px}.admin-main{flex:1;height:100%;padding:18px 18px 12px;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.admin-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.admin-header-tools{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:10px;margin-left:auto}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#078f94;margin-bottom:7px}.admin-header h1{font-family:Georgia,serif;font-size:30px;letter-spacing:0;font-weight:500;color:#173238}.admin-subtitle{color:#6a7c7c;margin-top:5px;font-size:12px}.admin-date{display:inline-flex;align-items:center;justify-content:center;padding:5px 7px;border:1px solid #d7e9e5;background:linear-gradient(135deg,#fff,#f2fbf8);box-shadow:0 4px 10px #1732380a;border-radius:8px}.admin-date .icon-button{width:22px;height:22px;border-radius:6px;padding:0;color:#326d6f;background:transparent}.admin-date .icon-button:hover{background:#078f9414;color:#078f94}.admin-date .material-icons{font-size:16px}.admin-metrics{display:grid;grid-template-columns:repeat(2,minmax(84px,1fr));gap:8px;margin:0}.metric-card{background:linear-gradient(135deg,#fff,#f4fbfa);border:1px solid #d7e9e5;border-radius:10px;padding:10px 12px;display:grid;grid-template-columns:auto auto;gap:2px 8px;box-shadow:0 8px 18px #1732380d}.metric-card span,.metric-card small{font-size:10px;color:#6d8180}.metric-card b{font-family:Georgia,serif;font-size:23px;font-weight:500;color:#173238;line-height:1}.metric-card small{align-self:end;justify-self:end;color:#078f94}.metric-open{border-color:#bee8e0}.metric-new{border-color:#f2d7a7}.admin-workspace{background:#fff;border:1px solid #d9e7e2;display:grid;grid-template-columns:minmax(300px,.9fr) 1.35fr;min-height:0;flex:1;height:calc(100% - 120px);margin-top:12px;overflow:hidden}.ticket-column,.detail-column{min-height:0;display:flex;flex-direction:column;overflow:hidden}.ticket-column{border-right:1px solid #dce9e4}.ticket-list,.detail-column{min-height:0}.ticket-list{overflow-y:auto;flex:1;border-top:1px solid #e4eeeb}.ticket-row{font:inherit;text-align:left;width:100%;border:0;border-bottom:1px solid #e7efed;background:#fff;padding:12px 14px;cursor:pointer;color:#234347}.ticket-row:hover,.ticket-row.selected{background:#f0faf7}.ticket-row.selected{box-shadow:inset 3px 0 #079aa3}.ticket-row-top,.ticket-row-meta{display:flex;align-items:center;gap:8px}.ticket-row-top strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-row-top time{margin-left:auto;white-space:nowrap;color:#8a9a98;font-size:10px}.ticket-row-meta{font-size:10px;color:#6b7d7b;margin:8px 0}.ticket-row p{color:#81908e;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel{margin-left:auto;text-transform:capitalize;display:flex;align-items:center;gap:4px}.channel i{width:6px;height:6px;border-radius:50%;background:#078f94}.channel-whatsapp i{background:#27c34a}.channel-email i{background:#f19b38}.status{font-size:9px;text-transform:uppercase;letter-spacing:.4px;padding:3px 5px;background:#e8f3f0;color:#24736d}.status-new{background:#fff1d7;color:#9a650e}.status-resolved{background:#e3efed;color:#42716c}.empty-state{padding:38px 20px;text-align:center;color:#82918f;font-size:12px}.queue-heading,.detail-heading{padding:16px 18px 12px;display:flex;justify-content:space-between;align-items:flex-start}.queue-heading h2,.detail-heading h2{font-size:20px;font-weight:700;letter-spacing:0}.queue-count{font-size:11px;color:#6d8180}.ticket-filters{padding:0 12px 12px;display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:6px}.ticket-filters input,.ticket-filters select,.status-select{font:inherit;font-size:11px;padding:9px 8px;border:1px solid #d5e2df;border-radius:4px;background:#fbfdfc;color:#395653;margin:0}.detail-heading{border-bottom:1px solid #e4eeeb;gap:20px}.ticket-number{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#078f94}.detail-heading h2{margin-top:7px}.detail-heading p{color:#71827f;font-size:11px;margin-top:6px}.mobile-ticket-back{display:none;align-items:center;gap:5px;border:0;padding:0;background:transparent;color:#078f94;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.mobile-ticket-back .material-icons{font-size:17px}.ticket-navigation{display:flex;align-items:center;gap:5px;color:#6d8180;font-size:10px;white-space:nowrap;padding:4px;border:1px solid #d7e9e5;border-radius:8px;background:#f7fbfa}.ticket-navigation button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d5e2df;border-radius:5px;background:#fff;color:#078f94;cursor:pointer}.ticket-navigation button:disabled{color:#b6c7c3;cursor:default}.ticket-navigation .material-icons{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.status-select{min-width:104px}.conversation{padding:25px;display:grid;gap:16px;overflow:auto;flex:1;min-height:0}.message-card{padding:17px 18px;border:1px solid #dce9e4;max-width:90%;font-size:12px}.customer-message{background:#f6fbf9}.admin-message{background:#fffaf0;margin-left:auto;border-color:#eddcae}.message-author{display:flex;gap:10px;align-items:center;margin-bottom:13px}.avatar{width:29px;height:29px;border-radius:50%;background:#d5eee9;color:#147773;display:grid;place-items:center;font-size:11px;font-weight:700}.admin-avatar{background:#ffe3a3;color:#936711}.message-author b{display:block;font-size:11px}.message-author small{display:block;color:#82918f;font-size:10px;margin-top:2px}.message-card p{line-height:1.65;color:#4f6562;white-space:pre-wrap}.reply-box{border-top:1px solid #e4eeeb;padding:18px 25px;margin-top:auto;position:sticky;bottom:0;background:#fff;z-index:2}.reply-box textarea{width:100%;resize:vertical;border:1px solid #cadbd7;border-radius:4px;padding:12px;font:inherit;font-size:12px;color:#284b4a;outline:none}.reply-box textarea:focus{border-color:#079aa3;box-shadow:0 0 0 3px #079aa31a}.reply-box>div{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.reply-hint{font-size:10px;color:#899896;display:flex;align-items:center;gap:5px}.reply-hint .material-icons{font-size:14px}.reply-button{display:flex;align-items:center;gap:7px;background:#087f83;color:#fff;border:0;border-radius:4px;padding:10px 14px;font-size:11px;font-weight:700}.reply-button .material-icons{font-size:16px;color:#fff}.empty-detail{margin:auto;text-align:center;color:#81918f}.empty-detail .material-icons{font-size:42px;color:#a7c8c2}.empty-detail h2{font-size:18px;color:#315452;margin:12px 0 5px}.empty-detail p{font-size:12px}.admin-state{min-height:60vh;display:grid;place-content:center;text-align:center;color:#5b706d}.admin-state h1{font-family:Georgia,serif;font-weight:500;color:#173238}.admin-error{position:fixed;right:25px;bottom:22px;background:#b54032;color:#fff;padding:12px 16px;font-size:12px;border-radius:4px}@media(max-width:900px){.admin-shell{height:auto;min-height:calc(100vh - 120px)}.admin-sidebar{width:190px}.admin-main{padding:30px 20px}.admin-workspace{grid-template-columns:1fr}.ticket-column{border-right:0;border-bottom:1px solid #dce9e4}.detail-column{min-height:500px}}@media(max-width:600px){.admin-shell{display:block}.admin-sidebar{width:100%;padding:18px;display:block}.admin-sidebar nav{margin-top:18px;display:flex;overflow:auto}.admin-main{padding:20px 14px}.admin-header{flex-direction:column;gap:12px}.admin-header h1{font-size:24px}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.ticket-filters{grid-template-columns:1fr}.ticket-column.mobile-hidden{display:none}.detail-column.mobile-active{display:flex;min-height:calc(100vh - 260px)}.detail-column:not(.mobile-active){display:none}.mobile-ticket-back{display:inline-flex}.detail-heading,.queue-heading{flex-direction:column;gap:12px}.detail-heading{align-items:stretch}.detail-heading .mobile-ticket-back{order:1}.detail-heading>div:first-of-type{order:2}.detail-heading .ticket-navigation{order:3;align-self:center;justify-content:center}.detail-heading .status-toolbar{order:4;width:100%}.reply-box>div{flex-direction:column;align-items:flex-start;gap:8px}}.admin-shell{background:var(--surface);color:var(--ink)}.admin-sidebar{background:#ffffffeb;color:var(--ink);border-right:1px solid var(--line);box-shadow:12px 0 30px #1720330a}.admin-mark{color:var(--ink);font-family:Space Grotesk,sans-serif}.admin-mark .material-icons{color:var(--brand-teal)}.admin-mark b{color:var(--brand-teal-dark)}.admin-sidebar nav a{color:var(--muted);border:1px solid transparent}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:var(--surface-soft);border-color:#13b7c329;color:var(--brand-teal-dark)}.admin-sidebar nav a strong{background:#13b7c31f;color:var(--brand-teal-dark)}.sidebar-foot{border-top-color:var(--line);color:var(--muted)}.sidebar-foot .material-icons{color:var(--brand-teal)}.admin-main{background:transparent}.eyebrow,.ticket-number{color:var(--brand-teal-dark)}.admin-header h1,.metric-card b,.admin-state h1{font-family:Space Grotesk,sans-serif;color:var(--ink)}.admin-subtitle,.queue-count,.metric-card span,.metric-card small{color:var(--muted)}.admin-date,.metric-card{background:#ffffffe6;border-color:var(--line);box-shadow:var(--shadow-soft)}.admin-date .icon-button{color:var(--brand-teal-dark)}.admin-date .icon-button:hover{background:var(--surface-soft);color:var(--brand-teal-dark)}.metric-card small{color:var(--brand-teal-dark)}.metric-open,.metric-new{border-color:var(--line)}.admin-workspace{border-color:var(--line);border-radius:16px;background:#ffffffeb;box-shadow:var(--shadow-soft)}.ticket-column{border-right-color:var(--line)}.ticket-list,.detail-heading,.reply-box{border-color:var(--line)}.ticket-row{border-bottom-color:var(--line);color:var(--ink)}.ticket-row:hover,.ticket-row.selected{background:var(--surface-soft)}.ticket-row.selected{box-shadow:inset 3px 0 var(--brand-teal)}.ticket-row-top time,.ticket-row-meta,.ticket-row p,.detail-heading p,.empty-state,.empty-detail,.message-author small{color:var(--muted)}.channel i{background:var(--brand-teal)}.status{border-radius:999px;background:#13b7c31a;color:var(--brand-teal-dark)}.status-new{background:#fff7e6;color:#9a650e}.status-resolved{background:#eafaf3;color:#227a55}.ticket-filters input,.ticket-filters select,.status-select,.reply-box textarea{border-color:var(--line);border-radius:10px;background:#fbfefe;color:var(--ink)}.ticket-filters input:focus,.ticket-filters select:focus,.status-select:focus,.reply-box textarea:focus{border-color:#13b7c3a6;box-shadow:0 0 0 3px #13b7c31f}.ticket-navigation{border-color:var(--line);background:var(--surface-soft)}.ticket-navigation button{border-color:var(--line);border-radius:9px;color:var(--brand-teal-dark)}.conversation{background:#f5fbfb8c}.message-card{border-color:var(--line);border-radius:14px;box-shadow:0 8px 18px #17203308}.customer-message{background:#fff}.admin-message{background:#effafa;border-color:#13b7c333}.avatar{background:#13b7c321;color:var(--brand-teal-dark)}.admin-avatar{background:#fff3d6;color:#936711}.message-card p{color:#43566a}.reply-box{background:#fffffff5}.reply-button{background:linear-gradient(135deg,var(--brand-teal),var(--brand-teal-dark));border-radius:10px;box-shadow:0 10px 20px #0d7d8729}.reply-button:hover:not(:disabled){background:var(--brand-teal-dark)}.admin-error{background:#be123c;border-radius:10px;box-shadow:0 12px 24px #be123c2e}@media(max-width:600px){.admin-sidebar{border-right:0;border-bottom:1px solid var(--line);box-shadow:0 8px 20px #1720330a}.ticket-column{border-bottom-color:var(--line)}}.admin-login-page{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(circle at 15% 10%,rgba(19,183,195,.16),transparent 28%),var(--surface)}.admin-login-panel{width:min(100%,460px);padding:42px;border:1px solid var(--line);border-radius:24px;background:#ffffffe6;box-shadow:var(--shadow-strong)}.admin-login-mark{display:flex;align-items:center;gap:10px;color:var(--brand-teal-dark);font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.08em;margin-bottom:48px}.admin-login-mark .material-icons{color:var(--brand-amber)}.admin-login-mark b{color:var(--brand-teal)}.admin-login-panel h1{margin:6px 0 10px;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,6vw,3rem);line-height:1;color:#666}.admin-login-subtitle{color:var(--muted);margin-bottom:28px}.admin-login-panel label{display:block;margin:18px 0 8px;color:var(--ink);font-size:13px;font-weight:700}.admin-login-submit{width:100%;margin-top:12px;background:var(--brand-teal);color:#fff}.admin-login-submit:disabled{cursor:wait;opacity:.65}.admin-login-back{width:100%;margin-top:12px;background:transparent;color:var(--brand-teal-dark);font-size:13px}.admin-login-message{margin-top:16px;color:#157347;font-size:13px}.admin-login-error{margin-top:16px;color:#b42318;font-size:13px}.logo-section{display:flex;justify-content:center;margin-bottom:32px}.logo-img{height:70px;width:auto;max-width:min(220px,100%)}@media(max-width:480px){.admin-login-panel{padding:28px 22px}}:root{--brand-teal: #13b7c3;--brand-teal-dark: #0d7d87;--brand-green: #28c88d;--brand-amber: #f1ba4a;--brand-violet: #13b7c3;--ink: #172033;--muted: #58657a;--surface: #f5fbfb;--surface-soft: #edf9f9;--line: #dfeef0;--white: #ffffff;--shadow-soft: 0 18px 45px rgba(23, 32, 51, .08);--shadow-strong: 0 26px 60px rgba(13, 125, 135, .12);--footer-surface: #f4fafc;--footer-bottom: #edf6fb}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(16,183,186,.12),transparent 24%),radial-gradient(circle at bottom right,rgba(109,94,252,.08),transparent 18%),var(--surface);color:var(--ink);line-height:1.6;min-height:100vh}#root{min-height:100vh}button{padding:10px 20px;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #11182714}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;color:var(--brand-teal)}.btn-primary{background:linear-gradient(135deg,var(--brand-teal),var(--brand-violet));color:#fff;box-shadow:0 12px 24px #10b7ba2e}.btn-primary:hover{background:linear-gradient(135deg,var(--brand-teal-dark),var(--brand-violet))}.btn-secondary{background:linear-gradient(135deg,var(--brand-green),#16a34a);color:#fff;box-shadow:0 12px 24px #22c55e2e}.btn-secondary:hover{background:linear-gradient(135deg,#16a34a,#15803d)}input,select{padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:16px;width:100%;margin-bottom:10px;background:#ffffffe6;color:var(--ink)}input:focus,select:focus{outline:none;border-color:#10b7ba99;box-shadow:0 0 0 4px #10b7ba1f;background:#fff}.card{background:#ffffffe0;border-radius:18px;box-shadow:var(--shadow-soft);padding:22px;margin-bottom:20px;border:1px solid rgba(223,234,241,.8)}.error{color:#dc2626;font-size:14px;margin-top:5px}.success{color:#15803d;font-size:14px;margin-top:5px}.loading{text-align:center;padding:40px}.main-content,.homepage,.about-page,.products-page,.recharge-page,.contact-page,.payment-page,.order-status-page,.privacy-page,.terms-page,.data-deletion-page{background:transparent;color:var(--ink)}.about-content,.status-container,.order-summary,.payment-method,.payu-option,.target-number-card,.operator-card,.plan-card,.contact-form-section,.contact-info-section,.privacy-content,.terms-content,.data-deletion-content,.auth-card-modern{background:#ffffffe6;border-color:#dfeaf1e6}.spinner{border:4px solid rgba(16,183,186,.15);border-top:4px solid var(--brand-teal);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar-track{background:#edf5ff}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#10b7bab3,#6d5efccc);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0f7a82e6,#6d5efc)}@media(max-width:768px){.container{padding:0 16px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;min-height:100vh;background:transparent}.main-content{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 20px}button{font-family:inherit;cursor:pointer}a{display:inline-block;color:var(--brand-teal-dark);text-decoration:none;font-size:.9rem;font-weight:600;transition:all .2s ease}a:hover{color:var(--brand-violet)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#eef6fb}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#10b7bacc,#6d5efcb3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0f7a82e6,#6d5efce6)}@media(max-width:768px){.main-content{padding:0}body{font-size:14px}}@media(max-width:480px){.container{padding:0 15px}}