:root{--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.15), 0 2px 6px rgba(0,0,0,.1);--shadow-lg: 0 12px 40px rgba(0,0,0,.2), 0 4px 12px rgba(0,0,0,.12);--shadow-xl: 0 24px 64px rgba(0,0,0,.28);--trans: all .22s cubic-bezier(.4,0,.2,1);--trans-fast: all .14s ease;--gold: #c9a84c;--gold-light: #e8c96a;--gold-dark: #9a6b1e;--gold-soft: rgba(201,168,76,.12);--gold-softer: rgba(201,168,76,.06);--teal: #00d4d4}[data-theme=dark]{--bg-root: #080b12;--bg-surface: #0e1320;--bg-card: #131924;--bg-card-2: #171e2c;--bg-input: #0f1520;--bg-hover: rgba(255,255,255,.04);--border: rgba(255,255,255,.09);--border-strong: rgba(255,255,255,.15);--text-primary: #eef2f8;--text-secondary: #8896b0;--text-muted: #637080;--text-inverse: #0a0d14;--accent: var(--gold);--accent-light: var(--gold-light);--accent-bg: var(--gold-soft);--danger: #f04a4a;--danger-soft: rgba(240,74,74,.1);--success: #3ecf8e;--success-soft: rgba(62,207,142,.1);--info: #4f9fff;--scrollbar: rgba(255,255,255,.08);--preview-bg: #1a1f2e}[data-theme=light]{--bg-root: #f0f2f7;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-2: #f8f9fc;--bg-input: #f4f6fa;--bg-hover: rgba(0,0,0,.03);--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.14);--text-primary: #0f1724;--text-secondary: #4a5568;--text-muted: #94a3b8;--text-inverse: #ffffff;--accent: #a07828;--accent-light: #c9a84c;--accent-bg: rgba(160,120,40,.08);--danger: #dc2626;--danger-soft: rgba(220,38,38,.08);--success: #16a34a;--success-soft: rgba(22,163,74,.08);--info: #2563eb;--scrollbar: rgba(0,0,0,.1);--preview-bg: #e8ebf2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Poppins,Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-root);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;transition:background .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;letter-spacing:-.01em}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0 4px;gap:10px}.toggle-label-wrap{display:flex;flex-direction:column;gap:2px}.toggle-label-wrap .tl-title{font-size:12px;font-weight:600;color:var(--text-primary)}.toggle-label-wrap .tl-desc{font-size:10.5px;color:var(--text-muted)}.toggle-switch{position:relative;width:38px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:11px;background:var(--border-strong);cursor:pointer;transition:background .22s ease}.toggle-track:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .22s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #00000040}.toggle-switch input:checked+.toggle-track{background:var(--gold)}.toggle-switch input:checked+.toggle-track:after{transform:translate(16px)}.toggle-count-badge{display:inline-flex;align-items:center;gap:10px;padding:7px 13px;background:var(--accent-bg);border:1px solid rgba(201,168,76,.2);border-radius:var(--radius-md);margin-top:4px;font-size:11.5px;font-weight:600;color:var(--accent)}.toggle-count-badge .tcb-sep{width:1px;height:14px;background:#c9a84c40}.topbar{background:rgba(var(--bg-surface-rgb, 14,19,32),.92);border-bottom:1px solid var(--border);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:300;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);flex-shrink:0;box-shadow:0 1px 0 var(--border),0 2px 16px #00000024;box-sizing:border-box;width:100%}[data-theme=dark] .topbar{background:#0e1320eb}[data-theme=light] .topbar{background:#ffffffeb}.topbar-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:4px 10px 4px 6px;border-radius:var(--radius-md);background:#c9a84c0d;border:1px solid rgba(201,168,76,.12);box-shadow:0 0 16px #c9a84c0f inset}.brand-logo{width:32px;height:32px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid rgba(201,168,76,.2);flex-shrink:0;box-shadow:0 0 8px #c9a84c26}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-text-wrap{display:flex;flex-direction:column;justify-content:center}.brand-name{font-family:Poppins,sans-serif;font-size:15px;font-weight:700;letter-spacing:.2px;line-height:1.2;color:#c9a84c}.brand-sub{font-size:11px;color:#8896b0;letter-spacing:.2px;margin-top:1px;font-weight:400}.topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.topbar-row-1,.topbar-row-2,.topbar-row-3{display:contents}.theme-btn{width:34px;height:34px;border-radius:var(--radius-md);background:var(--bg-card-2);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--trans);font-size:15px;flex-shrink:0}.theme-btn:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent)}.preview-toggle{display:none;width:34px;height:34px;border-radius:var(--radius-md);background:var(--bg-card-2);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;align-items:center;justify-content:center;transition:var(--trans);font-size:14px;flex-shrink:0}.preview-toggle:hover{color:var(--accent);border-color:var(--accent)}.template-select{height:36px;padding:0 10px;background:var(--bg-card-2);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);font-size:11.5px;font-weight:600;font-family:inherit;cursor:pointer;outline:none;transition:var(--trans)}.template-select:hover{border-color:var(--accent);color:var(--accent)}.template-select option{background:var(--bg-card);color:var(--text-primary)}.template-wrapper{position:relative;display:flex;align-items:center}.template-icon-label{display:none;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;font-size:16px;background:var(--bg-card-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer}.btn-email{display:flex;align-items:center;gap:7px;padding:0 14px;height:36px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:var(--trans);white-space:nowrap}.btn-email:hover{border-color:var(--info);color:var(--info);background:#4f9fff14}.btn-email svg{flex-shrink:0}.btn-generate{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;height:34px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:#000;border:none;border-radius:var(--radius-md);font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:var(--trans);box-shadow:0 2px 8px #c9a84c38;white-space:nowrap}.btn-generate:hover{transform:translateY(-1px);box-shadow:0 4px 14px #c9a84c5c}.btn-generate:active{transform:translateY(0)}.btn-generate:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-generate svg{flex-shrink:0}.workspace{display:grid;grid-template-columns:420px 1fr;flex:1;overflow:hidden;height:calc(100vh - var(--topbar-h, 58px))}.panel-form{background:var(--bg-surface);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.form-inner{padding:20px 18px 100px;display:flex;flex-direction:column;gap:14px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card:hover{border-color:#ffffff21}[data-theme=light] .card:hover{border-color:#0000001f}.card-header{padding:12px 16px 11px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-card-2)}.card-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}.card-icon{width:22px;height:22px;border-radius:6px;background:var(--accent-bg);display:flex;align-items:center;justify-content:center;font-size:11px}.card-body{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.field{display:flex;flex-direction:column;gap:4px}.field-full{grid-column:1 / -1}.field label{font-size:10.5px;font-weight:600;color:var(--text-secondary);letter-spacing:.3px}.field input,.field select,.field textarea{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);padding:8px 11px;border-radius:var(--radius-sm);font-size:12.5px;font-family:inherit;outline:none;transition:var(--trans);width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #c9a84c1a;background:var(--bg-card)}.field input::placeholder{color:var(--text-muted);opacity:1}.field textarea::placeholder{color:var(--text-muted);opacity:1}[data-theme=dark] .field input::placeholder,[data-theme=dark] .field textarea::placeholder{color:#55677e}.field textarea{resize:vertical;min-height:64px;line-height:1.5}.field select{cursor:pointer}.field select option{background:var(--bg-card);color:var(--text-primary)}.upload-field{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);padding:12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:var(--trans);background:var(--bg-input);position:relative;overflow:hidden}.upload-field:hover{border-color:var(--accent);background:var(--accent-bg)}.upload-field input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-thumb{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;flex-shrink:0;background:var(--bg-card-2);display:flex;align-items:center;justify-content:center;font-size:18px}.upload-thumb img{width:100%;height:100%;object-fit:contain;display:none}.upload-thumb img.loaded{display:block}.upload-info{flex:1}.upload-label{font-size:11.5px;font-weight:600;color:var(--text-primary)}.upload-hint{font-size:10px;color:var(--text-muted);margin-top:1px}.items-list{display:flex;flex-direction:column;gap:8px}.item-card{background:var(--bg-card-2);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:var(--trans)}.item-card:hover{border-color:var(--border-strong)}.item-card-header{padding:8px 12px;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.item-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--accent);letter-spacing:.8px;text-transform:uppercase}.item-badge-num{width:18px;height:18px;border-radius:50%;background:var(--accent-bg);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:var(--accent)}.btn-remove{display:flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--radius-sm);background:var(--danger-soft);border:1px solid rgba(240,74,74,.18);color:var(--danger);font-size:10px;font-weight:600;cursor:pointer;font-family:inherit;transition:var(--trans-fast)}.btn-remove:hover{background:#f04a4a2e}.item-fields{padding:11px 12px;display:flex;flex-direction:column;gap:8px}.item-grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:7px}.total-field input{background:#c9a84c14!important;color:var(--accent)!important;font-weight:700!important;border-color:#c9a84c33!important;cursor:default!important}.btn-add-item{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:10px;border-radius:var(--radius-md);background:var(--accent-bg);border:1.5px dashed rgba(201,168,76,.3);color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:var(--trans);margin-top:2px}.btn-add-item:hover{background:#c9a84c2e;border-color:var(--accent)}.grand-total-card{background:linear-gradient(135deg,#c9a84c1a,#c9a84c0f);border:1px solid rgba(201,168,76,.25);border-radius:var(--radius-lg);padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.gt-left{display:flex;flex-direction:column;gap:3px}.gt-label{font-size:10.5px;font-weight:600;color:var(--text-secondary)}.gt-words{font-size:10px;color:var(--text-muted)}.gt-amount{font-size:22px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.payable-strip{background:linear-gradient(135deg,#f04a4a1a,#f04a4a0d);border:1px solid rgba(240,74,74,.25);border-radius:var(--radius-lg);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;animation:payableIn .22s ease}.payable-strip .gt-amount{color:var(--danger)}.payable-strip[data-mode=advance]{background:linear-gradient(135deg,#3ecf8e1a,#3ecf8e0d);border-color:#3ecf8e47}.payable-strip[data-mode=advance] .gt-amount{color:var(--success)}@keyframes payableIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.panel-preview{background:var(--preview-bg);overflow:auto;display:flex;flex-direction:column;align-items:center;padding:28px 20px;gap:16px;position:relative}.preview-toolbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:7px 12px;width:100%;max-width:794px;box-shadow:var(--shadow-sm)}.preview-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-secondary)}.preview-dot{width:7px;height:7px;border-radius:50%;background:var(--success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.preview-zoom{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted)}.zoom-val{font-weight:700;color:var(--text-secondary);min-width:36px;text-align:center}.preview-doc-wrap{box-shadow:var(--shadow-xl);border-radius:2px;transform-origin:top center;flex-shrink:0}#loading-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#080b12e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;flex-direction:column;align-items:center;justify-content:center;gap:16px}#loading-overlay.show{display:flex}.loading-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px 48px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:var(--shadow-xl)}.spinner{width:44px;height:44px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:14px;font-weight:600;color:var(--text-primary)}.loading-sub{font-size:11px;color:var(--text-muted)}#toast-container{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:8px}.toast{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:11px 16px;display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:500;color:var(--text-primary);box-shadow:var(--shadow-lg);animation:slideUp .25s ease;min-width:260px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--info)}.toast-icon{font-size:16px}.toast-fade{animation:fadeOut .3s ease forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(4px)}}#print-root{position:fixed;left:-9999px;top:0;z-index:-1;display:none}.hamburger-btn{display:none;width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-card-2);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0;transition:var(--trans);z-index:400}.hamburger-btn:hover{border-color:var(--accent);color:var(--accent)}.hamburger-btn .hb-line{width:18px;height:2px;background:currentColor;border-radius:2px;transition:var(--trans)}.hamburger-btn.open .hb-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.open .hb-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open .hb-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}#mobile-menu{display:none;position:fixed;top:57px;right:0;left:0;z-index:350;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 8px 32px #00000059;flex-direction:column;padding:10px 14px 14px;gap:8px;animation:menuSlide .18s ease}@keyframes menuSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}#mobile-menu.open{display:flex}.mob-menu-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mob-menu-row.single{grid-template-columns:1fr}.mob-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-card-2);color:var(--text-primary);transition:var(--trans)}.mob-btn:hover{border-color:var(--accent);color:var(--accent)}.mob-btn.gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:#000;border:none;box-shadow:0 2px 8px #c9a84c47}.mob-btn.blue{background:linear-gradient(135deg,#4f9fff,#2563eb);color:#fff;border:none;box-shadow:0 2px 8px #4f9fff47}.mob-btn.green{background:linear-gradient(135deg,#3ecf8e,#16a34a);color:#fff;border:none;box-shadow:0 2px 8px #3ecf8e47}.mob-btn.purple{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:none;box-shadow:0 2px 8px #a855f747}.mob-menu-divider{height:1px;background:var(--border);margin:2px 0}.mob-theme-row{display:flex;align-items:center;gap:8px}.mob-theme-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-card-2);color:var(--text-primary);transition:var(--trans)}.mob-theme-btn:hover{border-color:var(--accent);color:var(--accent)}.mob-template-select{flex:1;height:42px;padding:0 10px;background:var(--bg-card-2);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;outline:none}#mobile-tab-bar{display:none;background:var(--bg-surface);border-bottom:1px solid var(--border);padding:0 14px;gap:0}.mob-tab{flex:1;padding:10px 0;font-size:13px;font-weight:600;font-family:inherit;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:var(--trans);display:flex;align-items:center;justify-content:center;gap:6px}.mob-tab.active{color:var(--accent);border-bottom-color:var(--accent)}@media (max-width: 900px){.topbar-actions{display:none!important}.hamburger-btn,#mobile-tab-bar{display:flex}.workspace{grid-template-columns:1fr;height:auto;overflow:visible}.panel-form{height:calc(100dvh - 100px);overflow-y:auto}.panel-preview{display:none;height:calc(100dvh - 100px);overflow-y:auto}.panel-preview.tab-active{display:flex}.topbar{padding:8px 14px}}@media (max-width: 480px){.topbar{padding:7px 10px}.brand-sub{font-size:10px}.brand-logo{width:28px;height:28px}.brand-name{font-size:13px}.topbar-brand{padding:2px 6px 2px 3px;gap:6px}.field-row{grid-template-columns:1fr}.item-grid-4{grid-template-columns:1fr 1fr}#mobile-menu{top:53px}}@media print{*,*:before,*:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}body{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important;font-feature-settings:"kern" 1,"liga" 1!important}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}table{border-collapse:collapse!important}td,th{border-image:none!important}}.preview-doc-wrap *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#print-root{-webkit-print-color-adjust:exact;print-color-adjust:exact}#print-root *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}#app-login-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#070a10;font-family:Poppins,Inter,sans-serif}#app-login-gate .alg-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(201,168,76,.1) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 80% 80%,rgba(201,168,76,.06) 0%,transparent 60%);pointer-events:none}#app-login-gate .alg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(201,168,76,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}#app-login-gate .alg-card{position:relative;z-index:2;background:linear-gradient(160deg,#0e1320,#0c1019);border:1px solid rgba(201,168,76,.18);border-radius:20px;padding:40px 44px 36px;width:min(420px,92vw);box-shadow:0 0 0 1px #c9a84c0f inset,0 32px 80px #000000b3,0 0 60px #c9a84c0f;display:flex;flex-direction:column;align-items:center}#app-login-gate .alg-logo-wrap{width:72px;height:72px;border-radius:16px;background:#c9a84c14;border:1px solid rgba(201,168,76,.22);box-shadow:0 0 28px #c9a84c1f;display:flex;align-items:center;justify-content:center;margin-bottom:18px;overflow:hidden}#app-login-gate .alg-logo-wrap img{width:54px;height:54px;object-fit:contain}#app-login-gate .alg-logo-wrap .alg-logo-placeholder{font-size:30px}#app-login-gate .alg-brand{font-size:20px;font-weight:800;color:#c9a84c;letter-spacing:.3px;margin-bottom:3px;text-align:center}#app-login-gate .alg-brand-sub{font-size:11.5px;color:#5a6a82;letter-spacing:.5px;text-transform:uppercase;margin-bottom:28px;text-align:center}#app-login-gate .alg-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.18),transparent);margin-bottom:26px}#app-login-gate .alg-label{width:100%;font-size:10.5px;font-weight:600;color:#8896b0;letter-spacing:.4px;margin-bottom:7px;text-transform:uppercase}#app-login-gate .alg-input-wrap{width:100%;position:relative;margin-bottom:14px}#app-login-gate .alg-input{width:100%;background:#0a0f1a;border:1px solid rgba(255,255,255,.09);color:#eef2f8;padding:12px 44px 12px 14px;border-radius:10px;font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;letter-spacing:2px}#app-login-gate .alg-input:focus{border-color:#c9a84c73;box-shadow:0 0 0 3px #c9a84c14}#app-login-gate .alg-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#5a6a82;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s}#app-login-gate .alg-eye:hover{color:#c9a84c}#app-login-gate .alg-err{width:100%;font-size:11px;color:#f04a4a;background:#f04a4a14;border:1px solid rgba(240,74,74,.18);border-radius:7px;padding:7px 12px;margin-bottom:14px;text-align:center;display:none}#app-login-gate .alg-btn{width:100%;padding:13px;background:linear-gradient(135deg,#c9a84c,#9a6b1e);color:#000;border:none;border-radius:10px;font-size:13px;font-weight:800;font-family:inherit;cursor:pointer;letter-spacing:.4px;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 20px #c9a84c47}#app-login-gate .alg-btn:hover{transform:translateY(-1px);box-shadow:0 6px 26px #c9a84c61}#app-login-gate .alg-btn:active{transform:translateY(0)}#app-login-gate .alg-btn.shake{animation:alg-shake .35s ease}@keyframes alg-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}#app-login-gate .alg-footer{margin-top:22px;font-size:10px;color:#3a4555;text-align:center;letter-spacing:.3px}