:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#101827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 13% 8%,#22d3ee24,#0000 22%),radial-gradient(circle at 88% 6%,#a855f729,#0000 26%),linear-gradient(#0b1220 0%,#101827 52%,#0d1322 100%);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}.appShell{width:min(832px,100% - 32px);margin:0 auto;padding:31px 0 34px}.adminShell{width:min(1280px,100% - 40px)}.customerShell{width:min(1120px,100% - 36px)}.customerTopbar{background:#0f172ab8;border:1px solid #334155c7;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;padding:13px 16px;display:flex;box-shadow:0 18px 48px #00000038}.customerBrand,.customerNav,.premiumPill,.customerNav button,.inboxTools,.autoRefreshPill,.inboxCountPill{align-items:center;display:flex}.customerBrand{gap:12px;min-width:0}.tmailBrandIcon{color:#67e8f9;background:#0d94882e;border-color:#14b8a68c;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:relative}.tmailBrandIcon svg{width:22px;height:22px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)}.customerBrand strong{color:#f8fafc;overflow-wrap:anywhere;font-size:1rem;font-weight:950;display:block}.customerBrand span{color:#94a3b8;margin-top:2px;font-size:.78rem;font-weight:800;display:block}.customerNav{gap:10px}.premiumPill,.customerNav button{border-radius:999px;gap:7px;min-height:36px;padding:0 12px;font-size:.82rem;font-weight:900}.premiumPill{color:#fde68a;background:#713f1247;border:1px solid #facc1552}.customerNav button{color:#dbe4f0;background:#111a2b;border:1px solid #334155}.heroHeader{align-items:center;gap:16px;margin-bottom:35px;display:flex}.brandIcon{color:#c4b5fd;background:#581c8794;border:1px solid #7c3aed;border-radius:12px;place-items:center;width:49px;height:49px;display:grid}h1,h2,h3,p{letter-spacing:0;margin:0}h1{font-size:1.55rem;line-height:1.12}.heroHeader p{color:#b7c4d8;margin-top:4px;font-size:.95rem}h2{align-items:center;gap:9px;font-size:1.1rem;display:flex}.eyebrow{color:#9aa4b2;letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:.74rem;font-weight:900}.customerInboxLayout,.adminLayout{gap:32px;display:grid}.customerInboxLayout{gap:22px}.customerHeroPanel{background:linear-gradient(135deg,#14b8a624,#0000 38%),linear-gradient(145deg,#182236f2,#111a2bf2);border:1px solid #334155d1;border-radius:22px;grid-template-columns:minmax(0,.95fr) minmax(390px,1.05fr);align-items:stretch;gap:24px;padding:30px;display:grid;box-shadow:0 26px 70px #00000042}.heroCopy{align-content:center;gap:14px;min-height:260px;display:grid}.heroCopy h1{letter-spacing:0;overflow-wrap:anywhere;max-width:460px;font-size:3.9rem;line-height:.98}.heroCopy p:not(.eyebrow){color:#a7b4c8;max-width:520px;font-size:1rem;font-weight:750;line-height:1.7}.tempMailComposer{background:#080d1a99;border:1px solid #14b8a647;border-radius:18px;align-content:start;padding:22px;display:grid}.tempMailHeader{border-bottom:1px solid #263449;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:17px;display:flex}.tempMailHeader p{color:#94a3b8;text-transform:uppercase;font-size:.72rem;font-weight:950}.tempMailHeader strong{color:#f8fafc;overflow-wrap:anywhere;margin-top:4px;display:block}.tempAddressField input{background:#0d1728;border-color:#14b8a659;border-radius:14px;min-height:56px;font-size:1rem;font-weight:900}.statsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.statCard{background:#192436;border:1px solid #29364b;border-radius:16px;min-height:150px;padding:21px;box-shadow:inset 0 1px #ffffff08}.customerShell .statsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.customerShell .statCard{background:#121d30c7;border-radius:18px;min-height:118px}.customerShell .statCard strong{margin-top:12px;font-size:1.65rem}.statIcon,.miniIcon{border-radius:8px;place-items:center;display:inline-grid}.statIcon{width:31px;height:31px;margin-bottom:13px}.miniIcon{width:20px;height:20px}.statIcon.purple,.miniIcon.purple{color:#c4b5fd;background:#7c3aed52}.statIcon.teal,.miniIcon.teal{color:#5eead4;background:#14b8a633}.statIcon.gold,.miniIcon.gold{color:#facc15;background:#eab30833}.statCard p{color:#8e98a8;text-transform:uppercase;font-size:.72rem;font-weight:900}.statCard strong{color:#fff;margin-top:16px;font-size:2rem;font-weight:950;line-height:1;display:block}.statCard small{color:#838d9d;margin-top:12px;font-weight:800;display:block}.generatorPanel{background:#192436;border:1px solid #7e22ceb8;border-radius:16px;box-shadow:0 24px 70px #00000038,inset 0 1px #ffffff08}.customerMailPanel,.adminControls,.orderForm{padding:32px}.sectionTitle,.panelTop,.buttonRow,.mailActions,.successHeader,.successActions,.modalHeader,.modalActions,.searchBox,.statusBadge{align-items:center;display:flex}.sectionTitle{gap:11px;margin-bottom:26px}label,.fieldGroup{color:#cbd5e1;gap:9px;margin-bottom:22px;font-size:.88rem;font-weight:900;display:grid}input,select,textarea,.selectLike{color:#e5e7eb;background:#111a2b;border:1px solid #334155;border-radius:12px;outline:none;width:100%;min-height:47px}input,select{padding:0 16px}textarea{resize:vertical;min-height:126px;padding:14px 16px}input:focus,select:focus,textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed38}.selectLike{align-content:center;gap:5px;margin-bottom:23px;padding:10px 16px;display:grid}.selectLike span{color:#9aa4b2;text-transform:uppercase;font-size:.76rem;font-weight:900}.selectLike strong{color:#e5e7eb}.primaryButton,.secondaryButton,.gradientButton,.greenButton,.dangerButton,.iconButton{border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:43px;font-weight:950;display:inline-flex}.secondaryButton{color:#dbe4f0;background:#111a2b;border:1px solid #34445b;flex:1}.primaryButton,.gradientButton{color:#fff;background:linear-gradient(100deg,#a733ee 0%,#563df0 100%);border:0}.primaryButton,.gradientButton.wide{width:100%}.greenButton{color:#fff;background:#16a34a;border:0}.dangerButton{color:#fee2e2;background:#991b1b;border:1px solid #f8717161}.mailActions{border-top:1px solid #2d3a4f;gap:14px;margin-top:28px;padding-top:28px}.tempMailComposer .mailActions{margin-top:8px;padding-top:18px}.mailActions .secondaryButton{flex:0 0 144px}.mailActions .gradientButton{flex:1}.alert{border-radius:12px;margin:18px 0 0;padding:13px 14px;font-size:.9rem;font-weight:800}.alert.error{color:#fecaca;background:#7f1d1d57;border:1px solid #f8717161}.alert.success{color:#86efac;background:#14532d59;border:1px solid #22c55e75}.successCard{background:#14532d52;border:1px solid #16a34a;border-radius:16px;margin-top:24px;padding:25px;position:relative}.customerShell .successCard{background:linear-gradient(135deg,#14b8a633,#0000 44%),#0e3734a8;border-color:#14b8a680;border-radius:18px;margin-top:0}.closePill{color:#86efac;background:#16a34a38;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:12px;right:13px}.successHeader{gap:16px;margin-bottom:21px}.successHeader span{color:#4ade80;background:#16a34a2e;border:1px solid #16a34a;border-radius:999px;place-items:center;width:42px;height:42px;display:grid}.successHeader h3{color:#4ade80;font-size:1.05rem}.successHeader p{color:#22c55e;margin-top:3px;font-size:.86rem}.blurredField{margin-bottom:16px}.blurredField span{color:#aab6c7;align-items:center;gap:6px;font-size:.82rem;display:flex}.blurredField strong{color:#111827;filter:blur(3px);overflow-wrap:anywhere;background:#f8fafc;border-radius:12px;min-height:46px;padding:13px 16px;display:block}.successActions{gap:13px}.successActions button{flex:1}.panelTop{border-bottom:1px solid #2d3a4f;justify-content:space-between;gap:16px;padding:20px 22px}.panelHint{color:#94a3b8;margin-top:6px;font-size:.8rem;font-weight:850;display:inline-block}.customerShell .inboxPanel{background:#121d30db;border-color:#334155eb;border-radius:18px}.inboxTools{justify-content:flex-end;gap:12px;min-width:0}.inboxTitle{align-items:center;gap:9px;line-height:1;display:inline-flex}.inboxTitle svg{flex:none;display:block}.autoRefreshPill,.inboxCountPill{color:#99f6e4;background:#0d948821;border:1px solid #14b8a647;border-radius:999px;gap:7px;min-height:31px;padding:0 10px;font-size:.78rem;font-weight:900}.inboxCountPill{justify-content:center;min-width:31px}.searchBox{background:#111a2b;border:1px solid #334155;border-radius:10px;gap:8px;width:min(340px,100%);min-height:42px;margin:0;padding:0 12px}.searchBox input{min-height:38px;box-shadow:none;background:0 0;border:0;padding:0}.tableWrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:840px}.inboxTable{min-width:720px}.customerShell .inboxTable{min-width:860px}.customerShell th{background:#0c132280}.customerShell tbody tr{transition:background .16s,transform .16s}.customerShell tbody tr:hover{background:#0f172a8f}.adminTable{table-layout:fixed;min-width:1180px}.adminTable th:first-child,.adminTable td:first-child{width:30%}.adminTable th:nth-child(2),.adminTable td:nth-child(2){width:14%}.adminTable th:nth-child(3),.adminTable td:nth-child(3),.adminTable th:nth-child(4),.adminTable td:nth-child(4){width:15%}.adminTable th:nth-child(5),.adminTable td:nth-child(5){width:20%}.adminTable th:nth-child(6),.adminTable td:nth-child(6){width:6%}.inboxSubject{overflow-wrap:anywhere;min-width:240px;max-width:420px;line-height:1.45}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #253145;padding:17px 14px;font-size:.9rem}.adminTable td,.adminTable th{padding:16px 14px}.adminTable tbody tr{min-height:96px}th{color:#9aa4b2;text-transform:uppercase;font-size:.72rem;font-weight:950}td{color:#f8fafc;font-weight:800}td select{min-width:132px}.accountCell,.productCell,.lastMailCell,.statusCell{min-width:0}.accountCell strong,.productCell strong,.lastMailCell strong{overflow-wrap:anywhere;display:block}.accountCell,.productCell{min-width:0}.lastMailCell{min-width:0;max-width:none}.statusCell{min-width:0}.statusStack{gap:10px;width:min(170px,100%);display:grid}.compactSelect{border-radius:9px;width:100%;min-width:0;min-height:36px;padding:0 10px;font-size:.82rem}.actionsCell{text-align:right;width:auto}.mutedLine{color:#94a3b8;overflow-wrap:anywhere;margin-top:4px;font-size:.8rem;line-height:1.35;display:block}.emptyCell{color:#94a3b8;text-align:center;vertical-align:middle;height:120px}.iconButton{color:#dbe4f0;background:#172236;border:1px solid #34445b;width:48px;height:48px;min-height:48px}.iconButton.compact{width:38px;height:38px;min-height:38px}.dangerIconButton{color:#fca5a5;background:#7f1d1d47;border:1px solid #f8717161;border-radius:10px;place-items:center;width:42px;height:42px;display:inline-grid}.dangerIconButton:hover{color:#fee2e2;background:#991b1b85}.inlineError{color:#fecaca;margin:12px 22px 18px;font-size:.9rem;font-weight:800}.adminGrid{grid-template-columns:minmax(280px,.92fr) 1.08fr;gap:18px;display:grid}.ordersPanel{overflow:hidden}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.aliasTextareaField{grid-column:1/-1}.aliasTextareaField textarea{min-height:86px}.buttonRow{gap:10px}.autoSyncRow{background:#111a2b;border:1px solid #334155;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;margin:14px 0 0;padding:12px 13px;display:grid}.autoSyncRow input{accent-color:#7c3aed;width:18px;min-height:18px}.autoSyncRow span{color:#e5e7eb}.autoSyncRow small{color:#94a3b8;grid-column:2;font-size:.78rem;font-weight:800}.paginationBar{border-top:1px solid #253145;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;display:flex}.paginationBar p,.paginationControls span{color:#94a3b8;font-size:.82rem;font-weight:850}.paginationControls{align-items:center;gap:9px;display:flex}.pagerButton{color:#dbe4f0;background:#111a2b;border:1px solid #34445b;border-radius:10px;place-items:center;width:38px;height:38px;display:inline-grid}.statusBadge{overflow-wrap:anywhere;border-radius:999px;gap:6px;width:fit-content;max-width:100%;min-height:28px;padding:0 9px;font-size:.78rem;font-weight:900}.statusBadge.good{color:#86efac;background:#22c55e29}.statusBadge.neutral{color:#cbd5e1;background:#94a3b826}.statusBadge.bad{color:#fca5a5;background:#f8717126}.modalOverlay{z-index:50;background:#050a14b3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.emailModal{background:#192436;border:1px solid #7e22ceb8;border-radius:16px;width:min(760px,100%);max-height:min(760px,100vh - 36px);overflow:auto;box-shadow:0 24px 72px #00000061}.confirmDialog{background:#192436;border:1px solid #f871716b;border-radius:16px;width:min(460px,100%);box-shadow:0 24px 72px #00000061}.confirmHeader{border-bottom:1px solid #2d3a4f;align-items:center;gap:14px;padding:20px 22px;display:flex}.dangerIcon{color:#fca5a5;background:#7f1d1d47;border:1px solid #f871716b;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.deletePreview{background:#111a2b;border:1px solid #334155;border-radius:12px;gap:5px;margin:18px 22px 0;padding:13px 14px;display:grid}.deletePreview strong,.deletePreview span{overflow-wrap:anywhere}.deletePreview span,.confirmText{color:#94a3b8}.confirmText{margin:14px 22px 0;font-size:.9rem;font-weight:750;line-height:1.55}.modalHeader{border-bottom:1px solid #2d3a4f;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px}.modalMeta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:18px 22px 0;display:grid}dt{color:#9aa4b2;text-transform:uppercase;margin-bottom:5px;font-size:.75rem;font-weight:950}dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:850}.secretPreview{background:#14532d52;border:1px solid #16a34a;border-radius:12px;gap:8px;margin:18px 22px 0;padding:14px 16px;display:grid}.secretPreview span{color:#86efac;text-transform:uppercase;font-size:.8rem;font-weight:950}.secretPreview strong{color:#111827;letter-spacing:0;background:#f8fafc;border-radius:8px;width:fit-content;padding:7px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.3rem}.emailBody{white-space:pre-wrap;overflow-wrap:anywhere;color:#dbe4f0;background:#111a2b;border:1px solid #334155;border-radius:12px;max-height:320px;margin:18px 22px 0;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92rem;line-height:1.55;overflow:auto}.modalActions{gap:12px;padding:18px 22px 22px}.modalActions .primaryButton,.modalActions .secondaryButton,.modalActions .dangerButton{flex:1;width:auto}.footerText{color:#526078;text-align:center;margin-top:32px;font-size:.78rem}.floatingHeart{color:#fff;background:linear-gradient(135deg,#fb923c,#ef4444);border:0;border-radius:999px;place-items:center;width:50px;height:50px;display:grid;position:fixed;bottom:22px;right:26px;box-shadow:0 20px 38px #f8717147}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=820px){.appShell{width:min(100% - 22px,832px);padding-top:22px}.adminShell,.customerShell{width:min(100% - 22px,1280px)}.customerTopbar,.customerNav,.customerHeroPanel{display:grid}.customerHeroPanel{border-radius:18px;grid-template-columns:1fr;gap:18px;padding:18px}.heroCopy{min-height:auto}.heroCopy h1{font-size:2.15rem}.customerNav{grid-template-columns:repeat(2,minmax(0,1fr))}.premiumPill,.customerNav button{justify-content:center;width:100%}.tempMailComposer,.successCard{padding:18px}.tempMailHeader{align-items:flex-start}.statsGrid,.customerShell .statsGrid,.adminGrid,.formGrid,.modalMeta{grid-template-columns:1fr}.statCard{min-height:118px}.customerMailPanel,.adminControls,.orderForm{padding:22px}.mailActions,.successActions,.modalActions,.panelTop,.inboxTools{display:grid}.inboxTools{justify-content:stretch}.mailActions .secondaryButton,.mailActions .gradientButton{flex:auto;width:100%;min-width:0}.floatingHeart{bottom:16px;right:16px}.tableWrap{overflow-x:visible}.adminTable,.adminTable tbody,.adminTable tr,.adminTable td,.customerShell .inboxTable,.customerShell .inboxTable tbody,.customerShell .inboxTable tr,.customerShell .inboxTable td{width:100%;min-width:0;display:block}.adminTable,.customerShell .inboxTable{min-width:0}.adminTable thead,.customerShell .inboxTable thead{display:none}.adminTable tr,.customerShell .inboxTable tr{border-bottom:1px solid #253145;padding:14px}.adminTable td,.customerShell .inboxTable td{border-bottom:0;grid-template-columns:minmax(96px,.36fr) minmax(0,1fr);align-items:start;gap:12px;padding:10px 0;display:grid}.adminTable td:before,.customerShell .inboxTable td:before{content:attr(data-label);color:#94a3b8;text-transform:uppercase;grid-area:1/1/span 4;font-size:.72rem;font-weight:950}.adminTable td>*,.customerShell .inboxTable td>*{grid-column:2}.customerShell .inboxTable .emptyInboxRow{place-items:center;min-height:138px;padding:0;display:grid}.customerShell .inboxTable .emptyCell{text-align:center;grid-template-columns:1fr;place-items:center;width:100%;height:138px;padding:0;display:grid}.customerShell .inboxTable .emptyCell:before{content:none}.statusCell,.lastMailCell,.accountCell,.productCell{min-width:0}.actionsCell{width:auto}.paginationBar,.paginationControls{justify-content:stretch;display:grid}.paginationControls{grid-template-columns:38px 1fr 38px;align-items:center}.paginationControls span{text-align:center}}