@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box}.auth-page-container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:#f0f6ff;padding:20px}.auth-lang-switcher{position:fixed;top:16px;right:16px;display:flex;gap:8px;z-index:20}.lang-flag-btn{width:42px;height:42px;border-radius:999px;border:1px solid #cfe0ff;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:box-shadow .15s ease,border-color .15s ease,transform .1s ease}.lang-flag-btn.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.auth-card{width:420px;max-width:100%;background:#fff;border-radius:18px;padding:32px 32px 30px;box-shadow:0 10px 30px #00000014;animation:fadeIn .3s ease}.auth-brand{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:22px}.auth-brand-logo{width:58px;height:58px;border-radius:16px;object-fit:cover;box-shadow:0 10px 24px #2563eb2e}.auth-brand-text{display:flex;flex-direction:column;gap:2px}.auth-brand-name{font-size:22px;font-weight:800;color:#0f172a;line-height:1.1}.auth-brand-subtitle{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748b}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-title{font-size:28px;font-weight:700;margin-bottom:24px;text-align:center;color:#1d4ed8}.form-group{margin-bottom:18px}.form-group label{font-size:15px;font-weight:600;color:#1e3a8a;margin-bottom:6px;display:block}.form-group input{display:block;width:100%;padding:12px 14px;border-radius:10px;border:1px solid #cfe0ff;background:#f8fbff;font-size:15px;transition:.25s}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e;outline:none}.btn-primary{width:100%;padding:12px;background:#2563eb;color:#fff;border-radius:10px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:.25s}.btn-primary:hover{background:#1d4ed8}.auth-switch{margin-top:18px;text-align:center;font-size:14px;color:#1e3a8a}.auth-link{color:#2563eb;font-weight:600;cursor:pointer}.auth-link:hover{text-decoration:underline}.login-auth-page{position:relative;min-height:100vh;height:auto;overflow:hidden;isolation:isolate;background-color:#fbfaf4;background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px),repeating-linear-gradient(0deg,rgba(0,0,0,.025) 0 1px,transparent 1px 4px);background-size:40px 40px,40px 40px,100% 4px;color:#0a0a0a;font-family:Courier New,Lucida Console,monospace}.login-auth-page:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,transparent 0 42%,rgba(5,150,105,.12) 42% 43%,transparent 43% 100%),linear-gradient(225deg,transparent 0 55%,rgba(168,85,247,.08) 55% 56%,transparent 56% 100%);background-size:160px 160px,220px 220px}.login-auth-page:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,0,0,.05) 3px,rgba(0,0,0,.05) 5px);opacity:.8}.login-auth-page .auth-lang-switcher{top:18px;right:18px}.login-auth-page .lang-flag-btn{width:42px;height:42px;border-radius:0;border:2px solid #0a0a0a;background:#fffef9;clip-path:polygon(0 7px,7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px));box-shadow:4px 4px #0000008c}.login-auth-page .lang-flag-btn:hover{transform:translate(-1px,-1px);border-color:#047857;box-shadow:5px 5px #000000b3,0 0 12px #04785738}.login-auth-page .lang-flag-btn.active{border-color:#047857;box-shadow:4px 4px #000000b3,inset 0 0 0 2px #04785729}.login-auth-page .auth-card{width:min(100%,450px);padding:0;border-radius:0;border:2px solid #0a0a0a;background:#fffef9;color:#0a0a0a;clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px));box-shadow:8px 8px #000000b8,0 0 0 2px #0478571a,0 0 28px #04785724;animation:loginPixelIn .22s steps(4,end)}.auth-terminal-bar{min-height:36px;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:2px solid #0a0a0a;background:#efede3}.auth-window-dots{display:inline-flex;gap:7px;flex:0 0 auto}.auth-window-dots span{width:10px;height:10px;display:block;border:1px solid rgba(0,0,0,.25)}.auth-window-dots span:nth-child(1){background:#ff5f56}.auth-window-dots span:nth-child(2){background:#ffbd2e}.auth-window-dots span:nth-child(3){background:#27ca40}.auth-terminal-path{min-width:0;color:#0a0a0a;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-card-body{padding:34px 32px 28px}.auth-heading{margin-bottom:28px;text-align:center}.auth-status-badge{display:inline-flex;align-items:center;gap:9px;margin-bottom:16px;color:#0a0a0a;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.14)}.login-auth-page .auth-title{margin:0 0 10px;color:#0a0a0a;font-size:30px;font-weight:900;line-height:1.1;text-align:center;text-transform:uppercase;text-shadow:3px 3px 0 rgba(0,0,0,.16)}.auth-subtitle{margin:0;color:#0a0a0a;font-size:14px;line-height:1.6}.login-auth-page .form-group{margin-bottom:20px}.login-auth-page .form-group label{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#0a0a0a;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-field-prompt{color:#0a0a0a;text-shadow:1px 1px 0 rgba(0,0,0,.14)}.login-auth-page .form-group input{display:block;width:100%;min-height:48px;padding:12px 14px;border-radius:0;border:2px solid #0a0a0a;background:#fff;color:#0a0a0a;clip-path:polygon(0 7px,7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px));font-family:inherit;font-size:14px;caret-color:#047857;outline:none;box-shadow:inset 0 0 0 1px #00000008}.login-auth-page .form-group input::placeholder{color:#0000006b}.login-auth-page .form-group input:focus{border-color:#047857;box-shadow:0 0 0 2px #04785729,0 0 16px #04785729}.login-auth-page .btn-primary.btn-login{min-height:48px;margin-top:4px;padding:12px 16px;border-radius:0;border:2px solid #0a0a0a;background:#fff;color:#0a0a0a;clip-path:polygon(0 8px,8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px));font-family:inherit;font-size:14px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-shadow:2px 2px 0 rgba(0,0,0,.12);box-shadow:5px 5px #000000b8,0 0 16px #04785724;transition:transform .12s steps(2,end),filter .12s steps(2,end),box-shadow .12s steps(2,end)}.login-auth-page .btn-primary.btn-login:hover{transform:translate(-1px,-1px);filter:brightness(1.12);border-color:#047857;background:#d1fae5;color:#0a0a0a;box-shadow:6px 6px #000000c7,0 0 24px #04785738}.login-auth-page .btn-primary.btn-login:active{transform:translate(3px,3px);box-shadow:2px 2px #000000c7,0 0 12px #04785729}.auth-footer-prompt{margin:24px 0 0;color:#0a0a0a;font-size:12px;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase}.auth-footer-prompt span{color:#0a0a0a}@keyframes loginPixelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){.login-auth-page{padding:68px 16px 28px;align-items:flex-start}.login-auth-page .auth-card{width:100%}.auth-card-body{padding:28px 20px 24px}.login-auth-page .auth-title{font-size:24px}}.login-renew-modal{background:#fff;color:#111827}.login-renew-modal .modal-header h3{margin:0;font-size:22px;font-weight:700;color:#111827}.login-renew-modal .modal-body p,.login-renew-modal .modal-body label{color:#111827;font-size:16px}.login-renew-modal .modal-footer .btn-outline,.login-renew-modal .modal-footer .btn-primary-small{width:auto;min-width:120px}.login-renew-month-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#111827;font-size:15px}.page-transition{animation:slideIn .35s ease forwards;width:100%;height:100%}@keyframes slideIn{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}.notification-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:9999}.toast{min-width:220px;max-width:320px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;animation:slideIn .35s ease forwards,fadeOut .5s ease 2.6s forwards;box-shadow:0 4px 18px #00000040;opacity:.95;display:flex;align-items:center;gap:10px}.toast-success{background:#10b981e6;border-left:6px solid #10b981}.toast-error{background:#ef4444e6;border-left:6px solid #ef4444}.toast-warning{background:#eab308e6;border-left:6px solid #eab308;color:#fff8d0}.toast-info{background:#3b82f6e6;border-left:6px solid #3b82f6}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translate(40px)}}:root,.theme-light{--bg2: #ffffff;--bg3: #f1f3f5;--border: #dcdcdc;--hover-bg: #f7f7f7}.theme-dark{--bg2: #1f1f1f;--bg3: #2a2a2a;--border: #3a3a3a;--hover-bg: #2e2e2e}.app-shell{height:100vh;width:100vw;display:flex;font-family:Be Vietnam Pro,system-ui,-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;--bg: #f3f4f6;--bg-elevated: #ffffff;--border-subtle: #e5e7eb;--text-main: #111827;--text-muted: #6b7280;--accent: #111827}.app-shell.theme-dark{--bg: #0f172a;--bg-elevated: #1e293b;--border-subtle: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #f1f5f9}.app-shell{background:var(--bg);color:var(--text-main);overflow:hidden}.delivered-account-card{padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;font-size:13px}.delivered-account-verify{color:#475569}.delivered-account-date{color:#94a3b8}.app-shell.theme-dark .delivered-account-card{background:#0b0b0b;border-color:#1f2937;color:#fff}.app-shell.theme-dark .delivered-account-verify{color:#e2e8f0}.app-shell.theme-dark .delivered-account-date{color:#cbd5f5}.app-sidebar{width:260px;min-width:260px;height:100vh;background:var(--bg-elevated);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;transition:width .32s ease,transform .32s ease,opacity .32s ease;opacity:1;transform:translate(0)}.app-sidebar.collapsed{width:72px!important;min-width:72px!important;opacity:.75;transform:translate(-6px)}.app-sidebar:not(.collapsed){opacity:1;transform:translate(0)}@media(max-width:768px){.app-sidebar{position:absolute;z-index:20;left:0;top:0;width:240px;min-width:240px;transform:translate(-100%)}.app-sidebar.collapsed{width:40px!important;min-width:40px!important}.app-sidebar.mobile-open{transform:translate(0)}}.app-overlay{position:fixed;inset:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity .32s ease;z-index:10}.sidebar-controller{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border-subtle)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-subtle)}.sidebar-brand-logo{width:42px;height:42px;border-radius:12px;object-fit:cover;flex-shrink:0;box-shadow:0 8px 18px #0f172a24}.sidebar-brand-text{display:flex;flex-direction:column;min-width:0}.sidebar-brand-name{font-size:15px;font-weight:800;color:var(--text-main);line-height:1.1}.sidebar-brand-subtitle{font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.icon-button.subtle{border:none;background:transparent;font-size:18px;cursor:pointer;padding:6px;color:var(--text-main);border-radius:6px}.icon-button.subtle:hover{background:#0000000d}.theme-dark .icon-button.subtle:hover{background:#ffffff1a}.sidebar-user{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-subtle)}.sidebar-avatar{width:34px;height:34px;border-radius:999px;background:var(--accent);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:700}.sidebar-user-info{display:flex;flex-direction:column}.sidebar-username{font-size:14px;font-weight:600}.sidebar-user-sub{font-size:12px;color:var(--text-muted)}.sidebar-tabs{flex:1;padding:10px;overflow-y:auto}.sidebar-tab{width:100%;border:none;background:transparent;color:var(--text-main);padding:8px 12px;text-align:left;border-radius:8px;cursor:pointer;margin-bottom:8px;transition:background .18s ease,color .18s ease;font-size:14px}.sidebar-tab:hover{background:#0000000d}.app-shell.theme-dark .sidebar-tab:hover{background:#ffffff14}.sidebar-tab.active{background:var(--accent);color:var(--bg)}.sidebar-tab-dot{width:9px;height:9px;background:var(--accent);border-radius:999px;margin-left:6px}.sidebar-footer{padding:12px;border-top:1px solid var(--border-subtle)}.sidebar-footer .btn-outline{width:100%}.app-main{display:flex;flex-direction:column;height:100vh;width:100%;overflow-y:auto}.main-header{height:56px;padding:0 18px;display:flex;align-items:center;gap:14px;justify-content:space-between;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.icon-button{border:1px solid var(--border-subtle);background:transparent;border-radius:999px;padding:6px 10px;cursor:pointer;font-size:14px}.show-mobile-only{display:none}@media(max-width:768px){.show-mobile-only{display:inline-flex}}.main-header-text{display:flex;flex-direction:column}.main-header-actions{display:flex;align-items:center;gap:12px}.lang-switcher{display:inline-flex;gap:8px;align-items:center}.lang-flag-btn{width:42px;height:42px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-elevated);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:box-shadow .15s ease,border-color .15s ease,transform .1s ease}.lang-flag-btn img{width:26px;height:26px;border-radius:999px;display:block}.lang-flag-btn:hover{transform:translateY(-1px);box-shadow:0 2px 10px #0f172a26}.lang-flag-btn.active{border-color:var(--primary);box-shadow:0 0 0 3px #38bdf840}.main-title{font-size:16px;font-weight:600}.main-subtitle{font-size:12px;color:var(--text-muted)}.main-body{flex:1;padding:18px;overflow:auto}.dashboard-tab-loading{padding:16px;color:var(--text-muted);font-size:14px}@media(max-width:768px){.app-shell,.app-main{height:100dvh}.app-sidebar{transition:transform .2s ease;will-change:transform}.app-overlay{transition-duration:.18s}.main-body{padding:12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}.dashboard-boot-screen{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--bg);color:var(--text-main)}.dashboard-boot-spinner{display:flex;align-items:center;justify-content:center;gap:8px}.dashboard-boot-spinner .boot-dot{width:14px;height:14px;border-radius:999px;background:var(--accent, #2563eb);animation:boot-dot-bounce 1.4s ease-in-out infinite}.dashboard-boot-spinner .boot-dot:nth-child(1){animation-delay:0s}.dashboard-boot-spinner .boot-dot:nth-child(2){animation-delay:.16s}.dashboard-boot-spinner .boot-dot:nth-child(3){animation-delay:.32s}@keyframes boot-dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.15);opacity:1}}.dashboard-boot-title{margin:0;font-size:18px;font-weight:600}.dashboard-boot-progress-wrap{width:min(380px,82vw);height:12px;border-radius:999px;background:var(--border-subtle);overflow:hidden}.dashboard-boot-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#38bdf8);transition:width .3s ease}.dashboard-boot-progress-text{margin-top:-2px;font-size:13px;font-weight:600;color:var(--text-main)}.dashboard-boot-text{margin:0;font-size:14px;color:var(--text-muted)}.content-card{max-width:960px;background:var(--bg-elevated);padding:22px 24px;border-radius:12px;border:1px solid var(--border-subtle)}.content-card h2{font-size:18px;margin-bottom:8px}.content-card p{font-size:14px;color:var(--text-muted)}.nested-tab-shell{display:flex;flex-direction:column;min-height:100%}.nested-tabbar{display:flex;align-items:flex-end;gap:8px;overflow-x:auto;padding:0 8px;margin-bottom:18px;border-bottom:1px solid var(--border-subtle)}.nested-tabbar::-webkit-scrollbar{height:8px}.nested-tab{border:1px solid var(--border-subtle);border-bottom:none;background:linear-gradient(180deg,#f8fafc,#e5e7eb);color:var(--text-muted);padding:11px 16px 10px;border-radius:14px 14px 0 0;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap;position:relative;top:1px;transition:transform .16s ease,color .16s ease,background .16s ease}.nested-tab:hover{color:var(--text-main);transform:translateY(-1px)}.app-shell.theme-dark .nested-tab{background:linear-gradient(180deg,#243244,#162132)}.nested-tab.active{background:var(--bg-elevated);color:var(--text-main);box-shadow:0 -6px 14px #0f172a14}.app-shell.theme-dark .nested-tab.active{box-shadow:0 -6px 14px #0f172a59}.nested-tab-panels{min-height:0;flex:1}.nested-tab-panel{min-height:100%}@media(max-width:768px){.nested-tabbar{padding:0 2px;margin-bottom:14px}.nested-tab{padding:10px 14px 9px;font-size:13px}}.theme-toggle-wrapper{display:flex;align-items:center;gap:10px}.app-sidebar.collapsed .theme-toggle-wrapper{display:none!important}.app-sidebar.collapsed .sidebar-brand{justify-content:center;padding-left:0;padding-right:0}.theme-label{font-size:13px;color:var(--text-main)}.theme-switch{position:relative;width:52px;height:26px;cursor:pointer}.theme-switch input{opacity:0;width:0;height:0}.theme-switch .slider{position:absolute;inset:0;background:var(--border-subtle);border-radius:999px;transition:background .28s ease;display:flex;align-items:center;padding:0 6px}.toggle-icon{width:18px;height:18px;display:grid;place-items:center;font-size:16px;transition:transform .28s ease,color .28s ease}.toggle-icon.sun{color:#fbbf24;font-size:25px;padding-bottom:35px}.toggle-icon.moon{color:#f8fafc}.theme-switch input:checked+.slider .toggle-icon{transform:translate(22px)}.theme-switch input:checked+.slider{background:var(--accent)}.theme-switch .slider:hover{background:#0000001f}.theme-dark .theme-switch .slider:hover{background:#fff3}.collab-members-header{padding:12px 16px;display:flex;justify-content:flex-end}.collab-members-footer{padding:12px 16px 0;display:flex;justify-content:flex-start}.collab-add-member-btn{background-color:#16a34a;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.9rem;cursor:pointer}.collab-add-member-btn:hover{background-color:#15803d}:root{--webmail-bg: #f4efe9;--webmail-ink: #1f1a17;--webmail-muted: #6f6259;--webmail-accent: #f47a3c;--webmail-accent-dark: #bf4a12;--webmail-card: #fffdfa;--webmail-shadow: 0 24px 60px rgba(31, 26, 23, .15);--webmail-border: rgba(31, 26, 23, .12)}.webmail-auth-page{min-height:100vh;padding:48px 6vw 64px;background:radial-gradient(circle at 15% 15%,#fff4d8 0%,transparent 50%),radial-gradient(circle at 85% 10%,#ffd4be 0%,transparent 45%),radial-gradient(circle at 70% 80%,#ffe3f0 0%,transparent 40%),var(--webmail-bg);color:var(--webmail-ink);font-family:Be Vietnam Pro,system-ui,sans-serif}.webmail-auth-shell{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px;align-items:stretch;animation:fadeInUp .7s ease}.webmail-auth-hero{background:linear-gradient(150deg,#fff5e6e6,#ffe9deb3);border-radius:28px;padding:40px;border:1px solid rgba(244,122,60,.15);display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden}.webmail-auth-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(244,122,60,.35),transparent 70%);right:-80px;bottom:-120px}.hero-badge{width:fit-content;padding:6px 14px;border-radius:999px;background:#f47a3c29;color:var(--webmail-accent-dark);font-weight:600;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}.webmail-auth-hero h1{font-size:clamp(2rem,3vw,3rem);margin:0;line-height:1.15}.webmail-auth-hero h1 span{display:block;font-family:Be Vietnam Pro,sans-serif;color:var(--webmail-accent-dark);font-size:.95em}.webmail-auth-hero p{margin:0;color:var(--webmail-muted);font-size:1rem}.hero-highlights{display:grid;gap:16px}.highlight-card{background:#ffffffb3;border-radius:18px;padding:16px 18px;border:1px solid rgba(31,26,23,.08);box-shadow:0 12px 24px #1f1a1714}.highlight-card span{display:inline-block;font-family:Be Vietnam Pro,sans-serif;color:var(--webmail-accent-dark);font-weight:600;margin-bottom:8px}.highlight-card strong{display:block;font-size:1.05rem;margin-bottom:6px}.highlight-card p{font-size:.92rem;margin:0;color:var(--webmail-muted)}.hero-footnote{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--webmail-muted)}.status-dot{width:10px;height:10px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 4px #2ecc7133}.webmail-auth-card{background:var(--webmail-card);border-radius:28px;padding:32px 30px;border:1px solid var(--webmail-border);box-shadow:var(--webmail-shadow);display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden}.webmail-auth-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(244,122,60,.12),transparent 45%);pointer-events:none}.card-tabs{display:inline-flex;background:#1f1a170d;border-radius:999px;padding:6px;gap:6px;width:fit-content}.card-tabs button{border:none;background:transparent;padding:8px 18px;border-radius:999px;font-weight:600;cursor:pointer;color:var(--webmail-muted);font-family:Be Vietnam Pro,sans-serif;transition:.2s ease}.card-tabs button.active{background:var(--webmail-ink);color:#fffaf6}.card-form{display:grid;gap:16px;animation:fadeInUp .5s ease;position:relative;z-index:1}.field{display:grid;gap:8px}.field label{font-weight:600;font-size:.95rem}.field small{color:var(--webmail-muted);font-family:Be Vietnam Pro,sans-serif}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}.input-domain{background:#f47a3c1a;border-radius:10px;padding:10px 14px;color:var(--webmail-accent-dark);font-family:Be Vietnam Pro,sans-serif;font-weight:600}.card-form input{border-radius:14px;padding:12px 14px;border:1px solid rgba(31,26,23,.12);background:#fff;font-family:Be Vietnam Pro,sans-serif;font-size:.95rem;transition:.2s ease}.random-btn{border:1px dashed rgba(31,26,23,.2);background:#fff7f0;color:var(--webmail-accent-dark);border-radius:10px;padding:10px 12px;font-weight:600;font-size:.85rem;cursor:pointer;transition:.2s ease;font-family:Be Vietnam Pro,sans-serif;white-space:nowrap}.random-btn:hover{border-color:#f47a3c80;box-shadow:0 8px 18px #f47a3c26}.card-form input:focus{outline:none;border-color:var(--webmail-accent);box-shadow:0 0 0 3px #f47a3c33}.primary-btn{padding:12px 16px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--webmail-accent),#ff9d62);color:#fffaf6;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-family:Be Vietnam Pro,sans-serif}.primary-btn:disabled{cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #f47a3c40}.status-card{align-items:center;justify-content:center;text-align:center;gap:14px;min-height:320px}.status-card h2,.status-card p{margin:0}.status-card p{color:var(--webmail-muted)}.status-pulse{width:66px;height:66px;border-radius:50%;background:radial-gradient(circle,#f47a3c59,#f47a3c14);position:relative}.status-pulse:after{content:"";position:absolute;inset:10px;border-radius:50%;border:3px solid rgba(244,122,60,.7);animation:pulseRing 1.4s ease infinite}.helper{margin:0;color:var(--webmail-muted);font-size:.9rem}.link-btn{border:none;background:none;padding:0;color:var(--webmail-accent-dark);font-weight:600;cursor:pointer;font-family:Be Vietnam Pro,sans-serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseRing{0%{transform:scale(.9);opacity:.9}70%{transform:scale(1.08);opacity:.25}to{transform:scale(1.12);opacity:0}}@media(max-width:960px){.webmail-auth-shell{grid-template-columns:1fr}.webmail-auth-hero,.webmail-auth-card{padding:28px}}@media(max-width:600px){.webmail-auth-page{padding:32px 5vw 48px}.input-row{grid-template-columns:1fr}.input-domain{justify-self:flex-start}}:root{--mail-bg: #f3f5f7;--mail-ink: #1a1f24;--mail-muted: #6f7a86;--mail-card: #ffffff;--mail-border: rgba(26, 31, 36, .12);--mail-accent: #1db39a;--mail-accent-dark: #0b6f63;--mail-shadow: 0 18px 40px rgba(15, 20, 25, .12)}.webmail-page{min-height:100vh;padding:40px 6vw 64px;background:radial-gradient(circle at 20% 10%,#dff5f0,transparent 45%),radial-gradient(circle at 80% 0%,#e4eef7,transparent 40%),var(--mail-bg);color:var(--mail-ink);font-family:Be Vietnam Pro,system-ui,-apple-system,sans-serif}.webmail-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.webmail-brand{display:flex;align-items:center;gap:14px}.webmail-logo{width:48px;height:48px;border-radius:16px;background:linear-gradient(140deg,#1db39a,#67e4c9);box-shadow:0 10px 24px #1db39a59;display:grid;place-items:center;color:#06261f;font-weight:700}.webmail-title h1{font-size:clamp(1.8rem,2.6vw,2.6rem);margin:0 0 4px}.webmail-title p{margin:0;color:var(--mail-muted)}.webmail-actions{display:flex;gap:12px;flex-wrap:wrap}.webmail-shell{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:24px}.panel{background:var(--mail-card);border:1px solid var(--mail-border);border-radius:18px;box-shadow:var(--mail-shadow)}.panel.sidebar{padding:20px;display:flex;flex-direction:column;gap:18px;min-height:540px}.panel.content{padding:24px;min-height:540px;display:flex;flex-direction:column}.folder-card{background:linear-gradient(135deg,#0d2b2a,#133c3c);color:#fff!important;padding:16px;border-radius:16px;position:relative;overflow:hidden}.folder-card:after{content:"";position:absolute;inset:auto -20% -40% auto;width:140px;height:140px;background:radial-gradient(circle,rgba(29,179,154,.55),transparent 70%)}.folder-card h2{margin:0 0 8px;font-size:1.2rem}.folder-card p{margin:0;color:#fff}.filters{display:grid;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.8rem;color:var(--mail-muted);text-transform:uppercase;letter-spacing:.08em}.field input,.field select{padding:10px 12px;border-radius:12px;border:1px solid var(--mail-border);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace;background:#f8fafb}.field input:focus,.field select:focus{outline:2px solid rgba(29,179,154,.25);border-color:#1db39a66}.status{font-size:.9rem;padding:10px 12px;border-radius:12px}.status.error{background:#ffe7e7;color:#a12727}.status.success{background:#e6f8f1;color:#0e6d57}.mail-list{display:flex;flex-direction:column;gap:10px;margin-top:8px;overflow:auto;padding-right:6px}.mail-item{border-radius:14px;border:1px solid transparent;background:#f8fafb;padding:12px 14px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.mail-item:hover{border-color:#1db39a59}.mail-item.active{border-color:#1db39a99;background:#eefcf8}.mail-item h3{margin:0;font-size:.98rem}.mail-item span{font-size:.78rem;color:var(--mail-muted)}.mail-item p{margin:0;color:var(--mail-muted);font-size:.85rem}.message-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--mail-border);padding-bottom:14px;margin-bottom:18px}.message-header h2{margin:0 0 6px;font-size:1.4rem}.message-meta{display:grid;gap:6px;font-size:.9rem;color:var(--mail-muted)}.message-meta span{font-weight:600;color:var(--mail-ink)}.message-body{flex:1;overflow:auto}.message-body pre{white-space:pre-wrap;font-family:IBM Plex Mono,monospace;background:#f8fafb;padding:14px;border-radius:12px;border:1px solid var(--mail-border)}.message-html{border-radius:12px;border:1px solid var(--mail-border);padding:14px;background:#fff}.empty{color:var(--mail-muted);font-style:italic;margin:0}.btn{border:none;border-radius:999px;padding:10px 18px;font-weight:600;font-family:Be Vietnam Pro,sans-serif;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:linear-gradient(120deg,var(--mail-accent),#86f1d8);color:#06261f;box-shadow:0 12px 24px #1db39a59}.btn.ghost{background:#fff;border:1px solid var(--mail-border);color:var(--mail-ink)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn:not(:disabled):hover{transform:translateY(-1px)}@media(max-width:980px){.webmail-shell{grid-template-columns:1fr}}@media(max-width:720px){.webmail-topbar{flex-direction:column;align-items:flex-start}}.public-tools-page{min-height:100vh;width:100%;display:grid;grid-template-columns:280px minmax(0,1fr);background:#eef2f6;color:#171c26;font-family:Be Vietnam Pro,system-ui,sans-serif}.public-tools-sidebar{background:#1d2433;color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:18px;border-right:1px solid rgba(255,255,255,.08)}.public-tools-brand{padding:0 8px 14px;border-bottom:1px solid rgba(255,255,255,.14)}.public-tools-brand h1{margin:0;color:#fff;font-size:22px;line-height:1.2}.public-tools-brand p{margin:0 0 8px;color:#ffffff9e;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.public-tools-nav{display:grid;gap:8px}.public-tools-nav button{width:100%;border:1px solid transparent;border-radius:8px;padding:13px 12px;background:transparent;color:#ffffffc7;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.public-tools-nav button:hover,.public-tools-nav button.active{color:#fff;background:#273145;border-color:#ffffff1f}.public-tools-nav button.active{box-shadow:inset 3px 0 #2dd4bf}.public-tools-nav strong,.public-tools-nav span{display:block}.public-tools-nav strong{font-size:14px}.public-tools-nav span{margin-top:4px;color:#ffffff94;font-size:12px}.public-tools-content{padding:30px}.public-tools-header{max-width:980px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.public-tools-header div>span{display:inline-block;margin-bottom:8px;color:#0f766e;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.public-tools-header h2{margin:0;color:#171c26;font-size:32px;line-height:1.16}.public-tools-header p{margin:7px 0 0;color:#5d687a}.public-tools-header code{border:1px solid #d9dee8;border-radius:8px;padding:9px 11px;color:#354052;background:#fff;font-size:13px;white-space:nowrap}.public-tools-stack{max-width:980px;display:grid;gap:18px}.public-tools-card{max-width:980px;padding:22px;background:#fff;border:1px solid #d3d9e4;border-radius:8px;box-shadow:0 18px 45px #1820301a}.public-tools-field{display:grid;gap:8px;color:#2b3342;font-size:13px;font-weight:700}.public-tools-field>span{letter-spacing:.02em}.public-tools-field textarea,.public-tools-field input{width:100%;border:1px solid #c6cedb;border-radius:8px;padding:13px 14px;color:#171c26;background:#fbfcfe;font:14px/1.45 SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.public-tools-field textarea:focus,.public-tools-field input:focus{border-color:#0f766e94;box-shadow:0 0 0 3px #0f766e1f;background:#fff}.public-tools-field textarea{min-height:260px;resize:vertical}.public-tools-field .public-tools-token-input{min-height:130px}.public-tools-hotmail-grid{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:14px;align-items:end}.public-tools-protocols{display:inline-flex;gap:6px;margin-bottom:16px;padding:5px;border:1px solid #d3d9e4;border-radius:8px;background:#f4f7fb}.public-tools-protocols button{border:1px solid transparent;border-radius:6px;padding:8px 13px;color:#4b5565;background:transparent;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.public-tools-protocols button.active{color:#fff;background:#0f766e;box-shadow:0 8px 18px #0f766e2e}.public-tools-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.public-tools-actions button{border:1px solid transparent;border-radius:8px;padding:11px 16px;font:inherit;font-weight:700;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.public-tools-actions button:hover:not(:disabled){transform:translateY(-1px)}.public-tools-actions button:disabled{cursor:not-allowed;opacity:.65}.public-tools-primary{color:#fff;background:#0f766e}.public-tools-primary:hover:not(:disabled){background:#0b5f59}.public-tools-secondary{color:#171c26;background:#eef2f7;border-color:#d8dee9}.public-tools-secondary:hover:not(:disabled){background:#e4eaf2}.public-tools-status{margin-top:16px;border-radius:8px;border:1px solid #d9dee8;padding:14px 16px;background:#f8fafc;box-shadow:inset 3px 0 #c6cedb}.public-tools-status.success{border-color:#0f766e4d;background:#0f766e12;box-shadow:inset 3px 0 #0f766e}.public-tools-status.error{border-color:#b4231847;background:#b4231812;box-shadow:inset 3px 0 #b42318}.public-tools-status.warn{border-color:#9a670047;background:#9a670014;box-shadow:inset 3px 0 #9a6700}.public-tools-status__label{margin:0 0 6px;color:#5d687a;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.public-tools-status__message{margin:0;color:#171c26;font-size:18px;line-height:1.4}.public-tools-status__meta{margin-top:12px;display:grid;gap:6px;color:#5d687a;font-size:13px}.public-tools-mail-list{display:grid;gap:10px}.public-tools-mail{padding:15px 16px;background:#fff;border:1px solid #d3d9e4;border-radius:8px;box-shadow:0 10px 24px #18203012}.public-tools-mail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.public-tools-mail__head h3{margin:0;color:#171c26;font-size:16px;line-height:1.35}.public-tools-mail__head p{margin:5px 0 0;color:#5d687a;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.public-tools-mail__actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.public-tools-mail__actions span{color:#0f766e;font-size:12px;font-weight:800;white-space:nowrap}.public-tools-mail__actions button{border:1px solid #b8c3d3;border-radius:8px;padding:7px 11px;color:#171c26;background:#f8fafc;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.public-tools-mail__actions button:hover{border-color:#0f766e;color:#0f766e;background:#fff}.public-tools-mail__meta{margin:7px 0 0;color:#5d687a;font-size:13px}.public-tools-mail__preview{margin:10px 0 0;color:#313947;line-height:1.5}.public-tools-modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:22px;background:#11182794}.public-tools-email-modal{width:min(1040px,100%);max-height:min(880px,calc(100vh - 44px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#fff;border:1px solid #d3d9e4;border-radius:8px;box-shadow:0 24px 70px #0f172a59}.public-tools-email-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e1e6ef;background:#f8fafc}.public-tools-email-modal__header p,.public-tools-email-modal__header span{margin:0;color:#5d687a;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.public-tools-email-modal__header h3{margin:5px 0;color:#171c26;font-size:20px;line-height:1.3}.public-tools-email-modal__header button{border:1px solid #b8c3d3;border-radius:8px;padding:9px 12px;color:#171c26;background:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.public-tools-email-modal__header button:hover{border-color:#0f766e;color:#0f766e}.public-tools-email-frame{width:100%;min-height:540px;height:min(70vh,650px);border:0;background:#fff}.public-tools-email-modal__footer{padding:12px 20px;border-top:1px solid #e1e6ef;background:#fff}.public-tools-email-modal__footer a{color:#0f766e;font-weight:700;text-decoration:none}.public-tools-email-modal__footer a:hover{text-decoration:underline}@media(max-width:820px){.public-tools-page{grid-template-columns:1fr}.public-tools-sidebar{padding:16px}.public-tools-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.public-tools-content{padding:18px}.public-tools-header,.public-tools-hotmail-grid,.public-tools-mail__head,.public-tools-email-modal__header{display:block}.public-tools-header code{display:inline-block;margin-top:10px;white-space:normal}.public-tools-hotmail-grid .public-tools-field+.public-tools-field{margin-top:14px}.public-tools-mail__actions{margin-top:10px}.public-tools-modal-backdrop{padding:10px}.public-tools-email-modal{max-height:calc(100vh - 20px)}.public-tools-email-modal__header button{margin-top:12px}.public-tools-email-frame{min-height:420px;height:68vh}}:root{--app-ui-font: "Be Vietnam Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;--pixel-bg: #fbfaf7;--pixel-surface: #fffdfa;--pixel-surface-2: #f5f2ee;--pixel-ink: #1f1b18;--pixel-muted: #7a736f;--pixel-border: #e7e1dc;--pixel-accent: #0aa57a;--pixel-accent-soft: #eefcf6;--pixel-danger: #dc2626;--pixel-warning: #b45309;--pixel-info: #2563eb;--pixel-shadow: 0 14px 34px rgba(31, 27, 24, .08);--pixel-shadow-sm: 0 2px 8px rgba(31, 27, 24, .06);--pixel-button-shadow: 0 1px 2px rgba(31, 27, 24, .06);--pixel-button-shadow-hover: 0 6px 18px rgba(31, 27, 24, .08)}html,body,#root{background:var(--pixel-bg);color:var(--pixel-ink)}body,button,input,select,textarea,#root,#root *{font-family:var(--app-ui-font)!important;letter-spacing:0}body{background-image:linear-gradient(rgba(31,27,24,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(31,27,24,.02) 1px,transparent 1px),repeating-linear-gradient(0deg,rgba(31,27,24,.01) 0 1px,transparent 1px 4px);background-size:36px 36px,36px 36px,100% 4px}.app-shell{--bg: var(--pixel-bg);--bg2: var(--pixel-surface);--bg3: var(--pixel-surface-2);--bg-elevated: var(--pixel-surface);--border: var(--pixel-border);--border-subtle: var(--pixel-border);--hover-bg: var(--pixel-accent-soft);--input-bg: #ffffff;--text-main: var(--pixel-ink);--text-muted: var(--pixel-muted);--accent: var(--pixel-accent);--primary: var(--pixel-accent);--card-bg: var(--pixel-surface);background-color:var(--pixel-bg);background-image:linear-gradient(rgba(31,27,24,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(31,27,24,.02) 1px,transparent 1px),linear-gradient(135deg,transparent 0 43%,rgba(10,165,122,.035) 43% 44%,transparent 44% 100%),linear-gradient(225deg,transparent 0 55%,rgba(31,27,24,.018) 55% 56%,transparent 56% 100%);background-size:36px 36px,36px 36px,180px 180px,220px 220px;color:var(--pixel-ink)}.app-shell.theme-dark{--pixel-bg: #11100f;--pixel-surface: #1a1817;--pixel-surface-2: #24211f;--pixel-ink: #f4f0eb;--pixel-muted: #a59d96;--pixel-border: #35302d;--pixel-accent: #12b886;--pixel-accent-soft: rgba(18, 184, 134, .14);--pixel-shadow: 0 16px 40px rgba(0, 0, 0, .32);--pixel-shadow-sm: 0 2px 12px rgba(0, 0, 0, .22);--pixel-button-shadow: none;--pixel-button-shadow-hover: 0 8px 22px rgba(0, 0, 0, .2);--bg: var(--pixel-bg);--bg2: var(--pixel-surface);--bg3: var(--pixel-surface-2);--bg-elevated: var(--pixel-surface);--border: var(--pixel-border);--border-subtle: var(--pixel-border);--hover-bg: var(--pixel-accent-soft);--input-bg: #211f1e;--text-main: var(--pixel-ink);--text-muted: var(--pixel-muted);--accent: var(--pixel-accent);--primary: var(--pixel-accent);--card-bg: var(--pixel-surface);background-color:var(--pixel-bg);background-image:linear-gradient(rgba(244,240,235,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(244,240,235,.02) 1px,transparent 1px),linear-gradient(135deg,transparent 0 43%,rgba(18,184,134,.08) 43% 44%,transparent 44% 100%),linear-gradient(225deg,transparent 0 55%,rgba(244,240,235,.025) 55% 56%,transparent 56% 100%);color:var(--pixel-ink)}.app-shell *{scrollbar-color:var(--pixel-border) var(--pixel-surface-2)}.app-sidebar,.main-header,.content-card,.modal-content,.general-settings-card,.seller-revenue-card,.panel,.folder-card,.highlight-card,.webmail-auth-card,.status-card,.delivered-account-card,.token-box,.editor-box,.workspace-table,.decode-table,.capcut-account-tab .table-wrapper,.product-items-table,.user-register-form,.account-edit-modal{border-radius:0!important;border-color:var(--pixel-border)!important;background:var(--pixel-surface)!important;color:var(--pixel-ink)!important;box-shadow:var(--pixel-shadow-sm)!important}.app-sidebar{border-right:1px solid var(--pixel-border)!important;box-shadow:12px 0 30px #1f1b1809!important}.main-header{min-height:58px;border-bottom:1px solid var(--pixel-border)!important}.main-body{background:transparent}.sidebar-controller,.sidebar-brand,.sidebar-user,.sidebar-footer,.modal-header,.modal-footer{border-color:var(--pixel-border)!important;border-width:1px!important}.sidebar-brand-logo,.sidebar-avatar,.lang-flag-btn,.icon-button,.theme-switch .slider,.toggle-icon,.notification,.badge,.req-badge{border-radius:12px!important}.sidebar-avatar{border-radius:10px!important}.theme-switch .slider{border-radius:12px!important}.icon-button{border-radius:14px!important}.sidebar-brand-logo,.sidebar-avatar,.lang-flag-btn{border:1px solid var(--pixel-border)!important;box-shadow:var(--pixel-shadow-sm)!important}.sidebar-avatar{background:var(--pixel-ink)!important;color:#fff!important}.app-shell.theme-dark .sidebar-avatar{color:#111827!important}.sidebar-brand-name,.main-title,.content-card h2,.modal-header h3,.general-settings-section-title,.dashboard-boot-title{color:var(--pixel-ink)!important;font-weight:900!important;text-shadow:none;text-transform:none}.sidebar-brand-subtitle,.sidebar-user-sub,.main-subtitle,.content-card p,.dashboard-boot-text,.editor-savefor-label{color:var(--pixel-muted)!important}.app-sidebar .sidebar-brand-name,.app-sidebar .sidebar-brand-subtitle,.app-sidebar .sidebar-username,.app-sidebar .sidebar-user-sub,.app-sidebar .theme-label{font-weight:700!important}.sidebar-tab,.nested-tab,.card-tabs button,.btn,.btn-outline,.btn-primary,.btn-primary-small,.btn-small,.btn-small-outline,.btn-success-small,.btn-danger-small,.btn-small-danger,.btn-small-info,.btn-small-warning,.btn-small-purple,.btn-small-basic,.btn-small-success,.workspace-save,.modal-close-button,.icon-button,button:not(.modal-close-button){border-radius:8px!important;border:1px solid var(--pixel-border)!important;background:var(--pixel-surface)!important;color:var(--pixel-ink)!important;box-shadow:var(--pixel-button-shadow)!important;font-weight:650!important;text-transform:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease!important}.btn-primary,.btn-primary-small,.workspace-save,.nested-tab.active,.card-tabs button.active{background:var(--pixel-accent)!important;color:#fff!important}.btn-success-small,.btn-small-success{border-color:var(--pixel-accent)!important;color:var(--pixel-accent)!important}.btn-danger-small,.btn-small-danger{border-color:var(--pixel-danger)!important;color:var(--pixel-danger)!important}.btn-small-warning{border-color:var(--pixel-warning)!important;color:var(--pixel-warning)!important}.btn-small-info,.btn-small-purple{border-color:var(--pixel-info)!important;color:var(--pixel-info)!important}button:hover,.btn:hover,.btn-outline:hover,.btn-primary:hover,.btn-primary-small:hover,.sidebar-tab:hover,.nested-tab:hover,.card-tabs button:hover,.icon-button:hover{transform:translateY(-1px)!important;background:var(--pixel-accent-soft)!important;color:var(--pixel-ink)!important;opacity:1!important;box-shadow:var(--pixel-button-shadow-hover)!important}button:active,.btn:active,.btn-outline:active,.btn-primary:active,.btn-primary-small:active,.sidebar-tab:active,.nested-tab:active{transform:translateY(0)!important;box-shadow:var(--pixel-button-shadow)!important}.sidebar-tabs{padding:14px 12px!important}.app-sidebar .sidebar-tab{display:flex!important;align-items:center;gap:12px;position:relative;min-height:44px;margin-bottom:8px!important;padding:11px 20px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--pixel-muted)!important;font-size:14px!important;font-weight:500!important;line-height:1.35!important}.sidebar-tab-icon{width:20px;height:20px;flex:0 0 20px;display:block;color:currentColor;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.app-icon{display:inline-block;flex:0 0 auto;color:currentColor;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.button-icon{width:16px;height:16px}.icon-button .button-icon{width:20px;height:20px}.theme-switch .toggle-icon{width:18px!important;height:18px!important;padding:0!important;display:block!important;font-size:inherit!important}.theme-switch .toggle-icon.sun{color:#d97706!important}.theme-switch .toggle-icon.moon{color:#f8fafc!important}.sidebar-tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.app-sidebar .sidebar-tab:hover{transform:none!important;background:#0aa57a0e!important;color:var(--pixel-ink)!important;box-shadow:none!important}.app-shell.theme-dark .app-sidebar .sidebar-tab:hover{background:#12b8861a!important}.app-sidebar .sidebar-tab.active{background:var(--pixel-accent-soft)!important;color:var(--pixel-accent)!important;border:0!important;box-shadow:inset 3px 0 0 var(--pixel-accent)!important}.app-sidebar:not(.collapsed) .sidebar-tab.active:after{content:"";position:absolute;right:22px;top:50%;width:8px;height:8px;border-radius:999px;background:var(--pixel-accent);transform:translateY(-50%);box-shadow:0 0 14px #0aa57a59}.app-sidebar.collapsed .sidebar-tab{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:14px!important}.sidebar-tab-dot{background:var(--pixel-accent)!important;border-radius:999px!important}.app-sidebar .btn-logout{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--pixel-muted)!important;font-size:14px!important;font-weight:600!important}.app-sidebar .btn-logout:hover{transform:none!important;background:var(--pixel-accent-soft)!important;color:var(--pixel-accent)!important;box-shadow:none!important}.app-shell.theme-dark .app-sidebar .btn-logout{border:0!important;background:transparent!important;box-shadow:none!important;color:var(--pixel-muted)!important}.app-shell.theme-dark .app-sidebar .btn-logout:hover{background:var(--pixel-accent-soft)!important;color:var(--pixel-accent)!important}input,select,textarea,.workspace-json-input,.editor-savefor-select,.modal-content .modal-body select,.account-edit-modal .modal-body input[type=text],.user-register-form input,.user-register-form select,.seller-revenue-controls input,.seller-revenue-controls select,.field input,.field select,.card-form input{border-radius:8px!important;border:1px solid var(--pixel-border)!important;background:var(--input-bg)!important;color:var(--pixel-ink)!important;box-shadow:var(--pixel-shadow-sm)!important;outline:none!important}input::placeholder,textarea::placeholder{color:#7a736fb8!important}.app-shell.theme-dark input::placeholder,.app-shell.theme-dark textarea::placeholder{color:#a59d96b8!important}input:focus,select:focus,textarea:focus,.workspace-json-input:focus,.editor-savefor-select:focus,.modal-content .modal-body select:focus,.account-edit-modal .modal-body input[type=text]:focus,.user-register-form input:focus,.user-register-form select:focus,.field input:focus,.field select:focus,.card-form input:focus{border-color:var(--pixel-accent)!important;box-shadow:0 0 0 3px #0aa57a24,0 4px 14px #1f1b180f!important}table,.workspace-table,.decode-table,.product-items-table,.capcut-account-tab table{border-collapse:collapse!important;border:1px solid var(--pixel-border)!important;background:var(--pixel-surface)!important;color:var(--pixel-ink)!important}th,td,.workspace-table th,.workspace-table td,.decode-table td{border:1px solid var(--pixel-border)!important;color:var(--pixel-ink)!important}th,.workspace-table th{background:var(--pixel-surface-2)!important;font-weight:900!important;text-transform:uppercase}tbody tr:hover,.workspace-table tbody tr:hover{background:var(--pixel-accent-soft)!important}.row-highlight-danger,.workspace-table tbody tr.row-highlight-danger,.product-items-table tbody tr.product-item-row-duplicate{background:#fee2e2!important}.row-highlight-warning,.workspace-table tbody tr.row-highlight-warning{background:#fef3c7!important}.app-shell.theme-dark .row-highlight-warning,.app-shell.theme-dark .workspace-table tbody tr.row-highlight-warning,.app-shell.theme-dark .workspace-table tbody tr.row-highlight-warning td{color:#111827!important}.app-shell.theme-light .row-highlight-warning,.app-shell.theme-light .row-highlight-warning *,.app-shell.theme-light .workspace-table tbody tr.row-highlight-warning,.app-shell.theme-light .workspace-table tbody tr.row-highlight-warning *,.app-shell.theme-light .btn-small-warning:hover,.app-shell.theme-light .btn-small-warning:focus,.app-shell.theme-light .btn-small-warning:active,.theme-light .toast-warning,.app-shell.theme-light [style*="background: #fef3c7"],.app-shell.theme-light [style*="background:#fef3c7"],.app-shell.theme-light [style*="background: rgb(254, 243, 199)"],.app-shell.theme-light [style*="background: #fef9c3"],.app-shell.theme-light [style*="background:#fef9c3"],.app-shell.theme-light [style*="background: rgb(254, 249, 195)"],.app-shell.theme-light [style*="background: #fffbeb"],.app-shell.theme-light [style*="background:#fffbeb"],.app-shell.theme-light [style*="background: rgb(255, 251, 235)"],.app-shell.theme-light [style*="background: #fff7ed"],.app-shell.theme-light [style*="background:#fff7ed"],.app-shell.theme-light [style*="background: rgb(255, 247, 237)"]{color:#111827!important}.row-highlight-selected,.workspace-table tbody tr.row-highlight-selected{background:#d1fae5!important}.nested-tabbar{border-bottom:1px solid var(--pixel-border)!important}.nested-tab{background:var(--pixel-surface-2)!important;color:var(--pixel-ink)!important;top:2px}.nested-tab.active{box-shadow:0 -4px 14px #1f1b1812!important}.theme-switch,.theme-switch .slider{width:58px;height:30px}.theme-switch .slider{border:1px solid var(--pixel-border);background:var(--pixel-surface)!important;box-shadow:var(--pixel-shadow-sm)}.theme-switch input:checked+.slider{background:var(--pixel-accent)!important}.dashboard-boot-spinner .boot-dot{background:var(--pixel-accent)!important}.dashboard-boot-progress-wrap,.dashboard-boot-progress-bar{border-radius:999px!important}.dashboard-boot-progress-wrap{border:1px solid var(--pixel-border);background:var(--pixel-surface)!important;box-shadow:var(--pixel-shadow-sm)}.dashboard-boot-progress-bar{background:repeating-linear-gradient(90deg,var(--pixel-accent) 0 12px,#10b981 12px 24px)!important}.modal-overlay{background:#00000059!important}.modal-content{border:1px solid var(--pixel-border)!important;box-shadow:var(--pixel-shadow)!important}.modal-close-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}.ios-toggle-track,.ios-toggle-thumb,.progress-bar,.progress-fill{border-radius:0!important}.ios-toggle-track{border:1px solid var(--pixel-border)!important;box-shadow:var(--pixel-shadow-sm)!important}.ios-toggle-thumb{border:1px solid var(--pixel-border)!important}.app-shell.theme-dark .delivered-account-card,.app-shell.theme-dark .btn-outline,.app-shell.theme-dark .nested-tab,.app-shell.theme-dark .user-register-form input,.app-shell.theme-dark .user-register-form select{background:var(--pixel-surface)!important;color:var(--pixel-ink)!important;border-color:var(--pixel-border)!important}.webmail-auth-page,.mail-page,.auth-page-container:not(.login-auth-page){background-color:var(--pixel-bg)!important;background-image:linear-gradient(rgba(31,27,24,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(31,27,24,.02) 1px,transparent 1px),linear-gradient(135deg,transparent 0 43%,rgba(10,165,122,.035) 43% 44%,transparent 44% 100%)!important;background-size:36px 36px,36px 36px,180px 180px!important;color:var(--pixel-ink)!important;font-family:var(--app-ui-font)!important}.webmail-auth-page *,.mail-page *,.auth-page-container:not(.login-auth-page) *{font-family:var(--app-ui-font)!important}.webmail-auth-shell,.webmail-auth-hero,.webmail-auth-card,.highlight-card,.folder-card,.panel,.auth-page-container:not(.login-auth-page) .auth-card{border-radius:8px!important;border:1px solid var(--pixel-border)!important;background:var(--pixel-surface)!important;color:var(--pixel-ink)!important;box-shadow:var(--pixel-shadow-sm)!important}.webmail-auth-shell{border:none!important;background:transparent!important;box-shadow:none!important}.webmail-auth-hero:after,.webmail-auth-card:before{display:none!important}.hero-badge,.input-domain{border-radius:8px!important;border:1px solid var(--pixel-border)!important;background:var(--pixel-accent-soft)!important;color:var(--pixel-ink)!important;box-shadow:var(--pixel-shadow-sm)!important;text-transform:none}.webmail-auth-hero h1,.webmail-auth-hero h1 span,.webmail-auth-card h2,.folder-card h2,.status-card h2,.auth-page-container:not(.login-auth-page) .auth-title{color:var(--pixel-ink)!important;font-weight:900!important;text-shadow:none}.webmail-auth-hero p,.highlight-card p,.hero-footnote,.field small,.helper,.status-card p,.folder-card p{color:var(--pixel-muted)!important}.card-tabs{border-radius:8px!important;border:1px solid var(--pixel-border)!important;background:var(--pixel-surface-2)!important;box-shadow:var(--pixel-shadow-sm)!important}.product-dashboard-header{gap:12px}.product-dashboard-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;min-width:0}.product-dashboard-actions .btn{flex:0 0 auto;width:auto!important}.btn-task,.product-action-button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.product-action-button{--action-color: #2563eb;--action-soft-bg: #eff6ff;--action-border: #bfdbfe}button.product-action-button{background:var(--action-soft-bg)!important;border-color:var(--action-border)!important;color:var(--action-color)!important;font-weight:700!important}.btn-task{--task-color: var(--pixel-accent);--task-bg: var(--pixel-accent-soft);--task-border: var(--pixel-accent);--task-hover-bg: var(--task-color);--task-hover-color: #ffffff;background:var(--task-bg)!important;border-color:var(--task-border)!important;color:var(--task-color)!important}.btn-task-refresh{--task-color: #2563eb;--task-bg: #eff6ff;--task-border: #93c5fd}.btn-task-wallet{--task-color: #047857;--task-bg: #ecfdf5;--task-border: #6ee7b7}.btn-task-affiliate{--task-color: #7c3aed;--task-bg: #f5f3ff;--task-border: #c4b5fd}.btn-task-add,.btn-task-save{--task-color: #ffffff;--task-bg: #0f766e;--task-border: #0f766e;--task-hover-bg: #115e59;--task-hover-color: #ffffff}.btn-task:hover{background:var(--task-hover-bg)!important;border-color:var(--task-hover-bg)!important;color:var(--task-hover-color)!important}.btn-task:disabled,.product-action-button:disabled,.product-action-menu-item:disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important;box-shadow:var(--pixel-button-shadow)!important}.product-price-cell{min-width:190px;font-family:var(--app-ui-font)!important}.product-dashboard-table th{text-align:center!important;vertical-align:middle!important}.product-dashboard-table td{vertical-align:middle!important;font-weight:500!important}.product-dashboard-table td:nth-child(2){font-weight:600!important}.product-price-line{display:grid;grid-template-columns:minmax(58px,max-content) 1fr;align-items:baseline;column-gap:10px;row-gap:2px;line-height:1.45}.product-price-line+.product-price-line{margin-top:4px}.product-price-label{color:var(--pixel-muted);font-size:12px;font-weight:800;white-space:nowrap}.product-price-value{color:var(--pixel-ink);font-weight:900;white-space:nowrap}.product-price-line-collab{margin-top:6px;padding-top:6px;border-top:1px dashed var(--pixel-border)}.product-price-line-collab .product-price-label,.product-price-line-collab .product-price-value{color:var(--pixel-accent)}.product-price-subvalue{grid-column:2;color:var(--pixel-muted);font-size:12px;font-weight:800}.product-row-actions{min-width:330px;white-space:normal!important}.product-action-strip{display:flex;align-items:center;gap:6px;justify-content:flex-start;position:relative}.product-action-strip .product-action-button{min-height:36px;margin:0!important;padding:8px 11px!important;flex:0 0 auto}.product-action-strip .action-more{width:38px!important;padding-inline:0!important}.product-action-strip .button-icon,.product-action-menu .button-icon{flex:0 0 auto;width:15px;height:15px}.product-action-more-dot{font-size:18px;font-weight:900;line-height:1;transform:translateY(-1px)}.product-action-menu-wrap{position:relative;flex:0 0 auto}.product-action-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:5000;min-width:190px;padding:6px;border:1px solid var(--pixel-border);background:var(--pixel-surface);box-shadow:0 14px 34px #1f1b1829;border-radius:10px}.product-action-menu-floating{position:fixed;top:auto;right:auto;width:220px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow-y:auto}.product-action-menu:before{content:"";position:absolute;top:-6px;right:14px;width:10px;height:10px;border-left:1px solid var(--pixel-border);border-top:1px solid var(--pixel-border);background:var(--pixel-surface);transform:rotate(45deg)}.product-action-menu-floating.menu-up:before{top:auto;bottom:-6px;border:0;border-right:1px solid var(--pixel-border);border-bottom:1px solid var(--pixel-border)}.product-action-menu-item{width:100%;min-height:36px;display:flex;align-items:center;gap:8px;margin:0;padding:8px 10px;border:1px solid var(--action-border);border-radius:8px;background:var(--action-soft-bg);color:var(--action-color);font-weight:700;text-align:left;cursor:pointer}.product-action-menu-item+.product-action-menu-item{margin-top:4px}.product-action-menu-item:hover,.product-action-menu-item:focus{filter:brightness(.97);outline:none}.product-action-button.action-view,.product-action-menu-item.action-view{--action-color: #2563eb;--action-soft-bg: #eff6ff;--action-border: #bfdbfe}.product-action-button.action-edit,.product-action-menu-item.action-edit{--action-color: #b45309;--action-soft-bg: #fffbeb;--action-border: #fcd34d}.product-action-button.action-delete,.product-action-button.action-market-remove,.product-action-menu-item.action-delete,.product-action-menu-item.action-market-remove{--action-color: #dc2626;--action-soft-bg: #fef2f2;--action-border: #fecaca}.product-action-button.action-add-account,.product-action-button.action-show,.product-action-menu-item.action-add-account,.product-action-menu-item.action-show{--action-color: #047857;--action-soft-bg: #ecfdf5;--action-border: #a7f3d0}.product-action-button.action-promotion,.product-action-menu-item.action-promotion{--action-color: #7c3aed;--action-soft-bg: #f5f3ff;--action-border: #ddd6fe}.product-action-button.action-market-add,.product-action-menu-item.action-market-add{--action-color: #0e7490;--action-soft-bg: #ecfeff;--action-border: #a5f3fc}.product-action-button.action-hide,.product-action-menu-item.action-hide{--action-color: var(--pixel-ink, #1f1a17);--action-soft-bg: var(--pixel-surface, #fffdfa);--action-border: var(--pixel-border, #e4dfda)}.product-action-button.action-more{--action-color: #334155;--action-soft-bg: #f8fafc;--action-border: #cbd5e1}.product-action-button:hover{filter:brightness(.94)}.modal-title-with-icon{display:inline-flex;align-items:center;gap:8px;margin:0}.modal-title-with-icon .button-icon{width:20px;height:20px;color:var(--pixel-accent)}.app-shell.theme-dark .btn-task-refresh{--task-bg: rgba(37, 99, 235, .16);--task-border: rgba(147, 197, 253, .42)}.app-shell.theme-dark .btn-task-wallet{--task-bg: rgba(4, 120, 87, .22);--task-border: rgba(110, 231, 183, .36)}.app-shell.theme-dark .btn-task-affiliate{--task-bg: rgba(124, 58, 237, .22);--task-border: rgba(196, 181, 253, .36)}.app-shell.theme-dark .product-action-button.action-view,.app-shell.theme-dark .product-action-menu-item.action-view{--action-soft-bg: rgba(37, 99, 235, .16);--action-border: rgba(147, 197, 253, .42)}.app-shell.theme-dark .product-action-button.action-edit,.app-shell.theme-dark .product-action-menu-item.action-edit{--action-soft-bg: rgba(180, 83, 9, .18);--action-border: rgba(252, 211, 77, .36)}.app-shell.theme-dark .product-action-button.action-more{--action-soft-bg: rgba(148, 163, 184, .16);--action-border: rgba(203, 213, 225, .3)}.app-shell.theme-dark .product-action-button.action-delete,.app-shell.theme-dark .product-action-button.action-market-remove,.app-shell.theme-dark .product-action-menu-item.action-delete,.app-shell.theme-dark .product-action-menu-item.action-market-remove{--action-soft-bg: rgba(220, 38, 38, .16);--action-border: rgba(252, 165, 165, .34)}.app-shell.theme-dark .product-action-button.action-add-account,.app-shell.theme-dark .product-action-button.action-show,.app-shell.theme-dark .product-action-menu-item.action-add-account,.app-shell.theme-dark .product-action-menu-item.action-show{--action-soft-bg: rgba(4, 120, 87, .22);--action-border: rgba(110, 231, 183, .34)}.app-shell.theme-dark .product-action-button.action-promotion,.app-shell.theme-dark .product-action-menu-item.action-promotion{--action-soft-bg: rgba(124, 58, 237, .22);--action-border: rgba(196, 181, 253, .36)}.app-shell.theme-dark .product-action-button.action-market-add,.app-shell.theme-dark .product-action-menu-item.action-market-add{--action-soft-bg: rgba(14, 116, 144, .2);--action-border: rgba(103, 232, 249, .34)}.product-modal{padding:0!important;overflow:hidden}.product-modal form{display:flex;flex-direction:column;min-height:0}.product-modal .modal-body{min-height:0;overflow-y:auto}.product-modal .modal-footer{flex-shrink:0;margin-top:0!important;background:var(--pixel-surface)!important}.primary-btn,.random-btn,.link-btn{border-radius:8px!important;border:1px solid var(--pixel-border)!important;background:var(--pixel-surface)!important;color:var(--pixel-ink)!important;box-shadow:var(--pixel-shadow-sm)!important;text-transform:none}.primary-btn{background:var(--pixel-accent)!important;color:#fff!important}.status-dot,.status-pulse,.status-pulse:after{border-radius:0!important}@media(max-width:768px){.modal-content{border-radius:0!important}.app-sidebar.collapsed{box-shadow:8px 0 24px #1f1b1809!important}}@media(max-width:1024px){.app-sidebar{width:224px!important;min-width:224px!important}.app-sidebar.collapsed{width:64px!important;min-width:64px!important}.sidebar-controller,.sidebar-user,.sidebar-footer{padding:10px 12px!important}.sidebar-tabs{padding:10px 8px!important}.app-sidebar .sidebar-tab{min-height:40px;margin-bottom:6px!important;padding:9px 16px!important;font-size:13px!important;gap:10px}.sidebar-tab-icon{width:18px;height:18px;flex-basis:18px}.theme-label,.sidebar-user-sub,.main-subtitle{font-size:11px!important}.main-header{min-height:54px;padding:9px 14px!important}.main-title{font-size:15px!important;line-height:1.3}.main-body,.workspace-full,.workspace-list-wrapper{padding:14px!important}.content-card{max-width:100%;padding:16px!important}.table-wrapper,.capcut-account-tab .table-wrapper,.content-card:has(table){max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.workspace-table,.product-items-table,.capcut-account-tab table{min-width:720px}.decode-table{min-width:520px}.seller-orders-controls,.seller-revenue-controls,.editor-actions,.editor-savefor-row,.card-form,.main-header-actions{flex-wrap:wrap;min-width:0}}@media(max-width:768px){.app-shell{min-height:100dvh;overflow:hidden}.app-main{width:100%;min-width:0}.app-overlay.visible{opacity:1;pointer-events:auto;z-index:25}.app-sidebar,.app-sidebar.collapsed{position:fixed!important;z-index:30!important;width:min(86vw,340px)!important;min-width:0!important;max-width:340px;height:100dvh;opacity:1!important;transform:translate(-105%)!important}.app-sidebar.mobile-open,.app-sidebar.collapsed.mobile-open{transform:translate(0)!important}.sidebar-controller{position:sticky;top:0;z-index:1;background:var(--pixel-surface)!important}.sidebar-avatar{width:32px!important;height:32px!important}.sidebar-username{font-size:13px!important}.app-sidebar .sidebar-tab{min-height:40px;padding:9px 16px!important;font-size:13px!important;gap:10px}.app-sidebar:not(.collapsed) .sidebar-tab.active:after{right:16px;width:7px;height:7px}.mobile-menu-button{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;padding:0!important;font-size:18px!important}.main-header{position:sticky;top:0;z-index:15;align-items:center;gap:10px;min-height:54px;padding:8px 10px!important}.main-header-text{min-width:0;flex:1}.main-title{font-size:14px!important;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-subtitle{font-size:10px!important;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-body,.workspace-full,.workspace-list-wrapper{padding:10px!important}.content-card,.general-settings-card,.seller-revenue-card,.user-register-form,.panel,.folder-card,.highlight-card,.status-card{padding:12px!important;border-radius:10px!important}.content-card h2,.modal-header h3,.general-settings-section-title{font-size:16px!important;line-height:1.35}.content-card p{font-size:12px!important;line-height:1.5}.nested-tabbar{gap:6px;margin-bottom:10px!important;padding:0 0 3px!important;scroll-snap-type:x proximity}.nested-tab{min-height:34px;padding:8px 10px!important;font-size:12px!important;scroll-snap-align:start}button:not(.modal-close-button),.btn,.btn-outline,.btn-primary,.btn-primary-small,.btn-small,.btn-small-outline,.btn-success-small,.btn-danger-small,.btn-small-danger,.btn-small-info,.btn-small-warning,.btn-small-purple,.btn-small-basic,.btn-small-success,.workspace-save{min-height:36px;padding:7px 10px!important;font-size:12px!important}input,select,textarea,.workspace-json-input,.editor-savefor-select,.modal-content .modal-body select,.account-edit-modal .modal-body input[type=text],.user-register-form input,.user-register-form select,.seller-revenue-controls input,.seller-revenue-controls select,.field input,.field select,.card-form input{width:100%;min-height:38px;font-size:16px!important}.workspace-table th,.workspace-table td,.product-items-table th,.product-items-table td,.capcut-account-tab th,.capcut-account-tab td{padding:8px 10px!important;font-size:12px!important;line-height:1.35}.modal-content{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:10px!important}.product-dashboard-header{flex-direction:column!important;align-items:stretch!important}.product-dashboard-header h2{font-size:16px!important;line-height:1.3}.product-dashboard-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;width:100%}.product-dashboard-actions .btn,.product-dashboard-actions .product-add-btn{width:100%!important;min-width:0;white-space:normal!important;line-height:1.25}.product-modal{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}.product-modal form{max-height:calc(100dvh - 16px)}.product-modal .modal-header{flex:0 0 auto;padding:10px 12px!important;margin-bottom:0!important}.product-modal .modal-body{flex:1 1 auto;max-height:none!important;padding:12px!important;gap:10px!important}.product-modal .modal-footer{position:sticky;bottom:0;z-index:2;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;padding:10px 12px!important}.product-modal .modal-footer .btn{width:100%;min-height:40px}}@media(max-width:480px){.app-sidebar,.app-sidebar.collapsed{width:88vw!important}.theme-toggle-wrapper{gap:8px}.theme-label{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-subtitle{display:none}.main-body,.workspace-full,.workspace-list-wrapper{padding:8px!important}.content-card,.general-settings-card,.seller-revenue-card,.user-register-form,.panel,.folder-card,.highlight-card,.status-card{padding:10px!important}.workspace-table,.product-items-table,.capcut-account-tab table{min-width:660px}.decode-table{min-width:460px}.product-modal .modal-footer{grid-template-columns:1fr}}.btn-outline{padding:8px 14px;border-radius:8px;border:1px solid var(--border-subtle, #d1d5db);background:#fff;cursor:pointer;font-size:13px;transition:background .2s ease,color .2s ease,border-color .2s ease;color:var(--text-main, #111827)}.app-shell.theme-dark .btn-outline{background:#0b0b0b;color:#fff;border-color:#1f2937}.app-shell.theme-dark .btn-outline:hover{background:#111827;border-color:#374151}.btn-outline--danger,.modal-footer .btn-outline{color:#dc2626;border-color:#fca5a5}.btn-outline--danger:hover,.modal-footer .btn-outline:hover{background:#dc2626;color:#fff;border-color:#dc2626}.app-shell.theme-dark .btn-outline--danger,.app-shell.theme-dark .modal-footer .btn-outline{color:#f87171;border-color:#7f1d1d}.app-shell.theme-dark .btn-outline--danger:hover,.app-shell.theme-dark .modal-footer .btn-outline:hover{background:#dc2626;color:#fff;border-color:#dc2626}.btn-outline.icon-only{text-align:center}.btn-small{padding:5px 10px;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px}.btn-small:hover{opacity:.9}.btn-small-outline{padding:5px 10px;border-radius:6px;border:1px solid var(--primary);background:transparent;cursor:pointer;font-size:12px;color:var(--primary)}.btn-small-outline:hover{background:var(--primary);color:#fff}.btn-primary{padding:8px 14px;border-radius:8px;border:none;background:var(--accent, #111827);color:var(--bg, #ffffff);cursor:pointer;font-size:14px;font-weight:500}.btn-primary:hover{opacity:.9}.btn-primary-small{padding:5px 12px;border-radius:6px;border:none;background:var(--accent, #111827);color:var(--bg, #ffffff);cursor:pointer;font-size:13px;font-weight:500}.btn-primary-small:hover{opacity:.9}.btn-success-small{padding:5px 12px;border-radius:6px;border:none;background:#22c55e;color:#fff;cursor:pointer;font-size:13px;font-weight:500}.btn-success-small:hover{opacity:.9}.btn-danger-small{padding:5px 12px;border-radius:6px;border:none;background:#ef4444;cursor:pointer;font-size:13px;color:#fff;font-weight:500}.btn-danger-small:hover{opacity:.9}.btn-small-danger{padding:5px 10px;border-radius:6px;border:1px solid #ef4444;background:transparent;cursor:pointer;font-size:12px;color:#ef4444}.btn-small-danger:hover{background:#ef4444;color:#fff}.btn-small-info{padding:5px 10px;border-radius:6px;border:1px solid #3b82f6;background:transparent;cursor:pointer;font-size:12px;color:#3b82f6}.btn-small-info:hover{background:#3b82f6;color:#fff}.btn-small-warning{padding:5px 10px;border-radius:6px;border:1px solid #f59e0b;background:transparent;cursor:pointer;font-size:12px;color:#f59e0b}.btn-small-warning:hover{background:#f59e0b;color:#fff}.btn-small-warning.btn-small-ghost-dark{border-color:#111;color:#111}.btn-small-warning.btn-small-ghost-dark:hover,.btn-small-warning.btn-small-ghost-dark:focus,.btn-small-warning.btn-small-ghost-dark:active{background:#111;color:#fff;border-color:#111}.btn-small-purple{padding:5px 10px;border-radius:6px;border:1px solid #7c3aed;background:transparent;cursor:pointer;font-size:12px;color:#7c3aed;transition:background .15s ease,color .15s ease,border-color .15s ease}.btn-small-purple:hover{background:#7c3aed;color:#fff}.btn-small-basic{padding:5px 10px;border-radius:6px;border:1px solid #ee82ee;background:transparent;cursor:pointer;font-size:12px;color:violet}.btn-small-basic:hover{background:violet;color:#eee}.btn-small-success{padding:5px 10px;border-radius:6px;border:1px solid #16a34a;background:transparent;cursor:pointer;font-size:12px;color:#16a34a;transition:background .15s ease,color .15s ease,border-color .15s ease}.btn-small-success:hover,.btn-small-success:focus{background:#16a34a;color:#fff;border-color:#15803d}.btn-small-success.btn-small-ghost-light{background:#fff;color:#111;border-color:#111}.btn-small-success.btn-small-ghost-light:hover,.btn-small-success.btn-small-ghost-light:focus,.btn-small-success.btn-small-ghost-light:active{background:#111;color:#fff;border-color:#111}.btn-small-renew{padding:5px 10px;border-radius:6px;border:1px solid #22c55e;background:transparent;cursor:pointer;font-size:12px;color:#22c55e;font-weight:600;transition:background .18s,color .18s,box-shadow .12s;box-shadow:none}.btn-small-renew:hover{background:#22c55e;color:#fff}.btn-small-renew:active{opacity:.92}.btn-small-renew[disabled],.btn-small-renew:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background:transparent;color:violet}.btn-login{padding:8px 16px;border-radius:999px;border:1px solid #3b82f6;background:#fff;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease,color .2s ease,border-color .2s ease}.btn-login:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-logout{padding:8px 16px;border-radius:999px;border:1px solid #ef4444;background:#fff;color:#ef4444;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease,color .2s ease,border-color .2s ease}.btn-logout:hover{background:#ef4444;color:#fff;border-color:#ef4444}.btn-outline-danger{padding:8px 14px;border-radius:8px;border:1px solid #dc2626;background:transparent;cursor:pointer;font-size:13px;color:#dc2626;font-weight:500;transition:background .2s ease,color .2s ease,border-color .2s ease}.btn-outline-danger:hover{background:#dc2626;color:#fff;border-color:#dc2626}.btn-outline-danger:disabled{opacity:.5;cursor:not-allowed}.btn-outline-danger:disabled:hover{background:transparent;color:#dc2626}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-elevated, #ffffff);color:var(--text-main, #111827);padding:20px;border-radius:8px;min-width:500px;max-width:90%;max-height:80vh;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle, #e5e7eb);padding-bottom:10px;margin-bottom:15px}.modal-header h3{margin:0}.modal-close-button{border:none;background:transparent;font-size:1.5rem;cursor:pointer;color:var(--text-main, #111827)}.modal-body{max-height:60vh;overflow-y:auto}@media(max-width:768px){.modal-content{width:100%;max-width:100%;min-width:0;border-radius:16px 16px 0 0;position:fixed;left:0;right:0;max-height:85vh}.modal-body{max-height:calc(85vh - 80px)}}.modal-footer{margin-top:20px;padding-top:15px;border-top:1px solid var(--border-subtle, #e5e7eb);display:flex;justify-content:space-between;align-items:center}.market-manage-modal{width:min(720px,calc(100vw - 32px));min-width:0;max-width:calc(100vw - 32px);max-height:min(88dvh,760px);padding:0;overflow:hidden}.market-manage-modal--add{width:min(560px,calc(100vw - 32px))}.market-manage-modal form{display:flex;min-height:0;flex:1 1 auto;flex-direction:column}.market-manage-modal .modal-header{flex:0 0 auto;margin-bottom:0;padding:14px 16px}.market-manage-modal__body{display:flex;flex:1 1 auto;flex-direction:column;gap:14px;max-height:none;padding:16px;overflow-y:auto}.market-manage-modal .modal-footer{flex:0 0 auto;justify-content:flex-end;gap:10px;margin-top:0;padding:12px 16px}.market-manage-product-title{min-width:0;font-weight:800}.market-manage-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:12px;border:1px solid var(--border-subtle, #e2e8f0);border-radius:8px;background:var(--bg3, #f8fafc)}.market-manage-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.market-edit-warning{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px;border:1px solid #f59e0b;border-radius:8px;background:#fffbeb;color:#92400e}.market-edit-warning__icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:#b45309}.market-edit-warning__content{min-width:0}.market-edit-warning__title{font-weight:800;line-height:1.3}.market-edit-warning p{margin:4px 0 0;color:inherit;line-height:1.5}.market-edit-warning__sellers{margin-top:8px;font-size:12px;font-weight:700;line-height:1.4}.app-shell.theme-dark .market-edit-warning{border-color:#f59e0b8c;background:#92400e38;color:#fde68a}@media(max-width:768px){.market-manage-modal{width:100%;max-width:100%;max-height:85dvh}.market-manage-modal__body{padding:12px}.market-manage-price-grid{grid-template-columns:1fr}.market-manage-modal .modal-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.market-manage-modal .modal-footer button{width:100%}}.modal-content .modal-body select{width:100%;padding:10px 12px;border:1px solid var(--border-subtle, #e5e7eb);border-radius:6px;background:var(--input-bg, #fff);color:var(--text-main, #111827);font-size:14px;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-main) 50%),linear-gradient(135deg,var(--text-main) 50%,transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.modal-content .modal-body select:focus{outline:none;box-shadow:0 0 0 4px #2563eb14;border-color:#2563eb}.account-edit-modal .modal-body label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--text-main)}.account-edit-modal .modal-body input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--input-bg, #fff);color:var(--text-main);font-size:14px;box-sizing:border-box}.account-edit-modal .modal-body input[type=text]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.product-items-table tbody tr.product-item-row-duplicate{background:#fef3c7}.workspace-json-input{width:100%;background:var(--bg);color:var(--text-main);border:1px solid var(--border-subtle);padding:12px;border-radius:10px;font-family:JetBrains Mono,monospace;font-size:14px;margin-top:14px;outline:none;resize:vertical;box-sizing:border-box;transition:.25s}.workspace-json-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb40}.workspace-save{margin-top:16px;padding:12px 18px;background:var(--accent);color:var(--bg);border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:.25s}.workspace-save:hover{opacity:.85}.workspace-full{width:100%;padding:20px 25px}.editor-box{border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden;margin-top:10px;width:100%;max-width:100%}.editor-actions{margin-top:15px;display:flex;gap:12px}.cm-editor{max-width:100%!important}.token-box{background:var(--bg2);padding:10px;border-radius:6px;white-space:pre-wrap;word-wrap:break-word;font-size:13px;margin-top:6px}.workspace-list-wrapper{width:100%;padding:20px}.decode-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}.decode-table td{padding:10px 12px;border-bottom:1px solid var(--border)}.decode-table tr td:first-child{font-weight:700;width:180px;opacity:.8}.workspace-table{width:100%;border-collapse:collapse;margin-top:15px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--bg2)}.workspace-table th{background:var(--bg3);font-weight:600;padding:12px 14px;border:1px solid var(--border);text-align:left;font-size:14px}.workspace-table td{padding:12px 14px;border:1px solid var(--border);font-size:13px}.workspace-table tbody tr:hover{background:var(--hover-bg);transition:.15s}.workspace-table tbody tr.row-highlight-danger{background:#fee2e2}.workspace-table tbody tr.row-highlight-warning{background:#fef3c7}.workspace-table tbody tr.row-highlight-selected{background:#dbeafe}.workspace-editor-wrapper{display:flex;flex-direction:column;gap:12px}.workspace-editor-wrapper .content-card{max-width:100%;width:100%}.seller-orders-search-btn{width:40px!important;height:40px!important}.seller-orders-controls{display:flex;align-items:center;gap:8px}.seller-orders-search-input,.seller-orders-filters{display:flex;align-items:center;gap:8px;overflow:hidden;transition:max-width 1s ease,opacity .5s ease;will-change:max-width,opacity}.seller-orders-search-input{max-width:0;opacity:0;pointer-events:none}.seller-orders-filters{max-width:420px;opacity:1}.seller-orders-controls[data-show-search=true] .seller-orders-filters{max-width:0;opacity:0;pointer-events:none;transition-delay:0ms}.seller-orders-controls[data-show-search=true] .seller-orders-search-input{max-width:320px;opacity:1;pointer-events:auto;transition-delay:.18s}.seller-orders-controls[data-show-search=false] .seller-orders-filters{transition-delay:.18s}.seller-orders-controls[data-show-search=false] .seller-orders-search-input{transition-delay:0ms}.editor-savefor-row{display:flex;align-items:center;gap:8px;margin-top:8px}.editor-savefor-label{font-size:14px;color:var(--text-muted)}.editor-savefor-select{min-width:180px;padding:6px 10px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-main)}.editor-savefor-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb4d}