:root{--sans:"SF Pro Display", system-ui, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-primary:#e2e8f0;--text-muted:#94a3b8;--text-dim:#64748b;--bg-body:#0a0a0f;--glass-bg:#ffffff0a;--glass-bg-hover:#ffffff0f;--glass-border:#ffffff14;--glass-border-hover:#ffffff1f;--glass-blur:blur(40px) saturate(1.8);--glass-radius:20px;--glass-radius-sm:12px;--glass-shadow:0 8px 32px #0000004d, inset 0 1px 0 #ffffff0f, inset 0 -1px 0 #ffffff05;--accent-purple:#8b5cf6;--accent-blue:#3b82f6;--accent-green:#22c55e;--accent-red:#ef4444;--accent-orange:#f97316;--accent-yellow:#eab308;--input-bg:#ffffff0d;--input-border:#ffffff1a;--input-focus-border:#8b5cf680}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg-body);min-height:100svh;color:var(--text-primary);line-height:1.5}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(at 20%,#581c8726 0%,#0000 60%),radial-gradient(at 80% 20%,#3b82f61a 0%,#0000 50%),radial-gradient(at 50% 80%,#10b98114 0%,#0000 50%);position:fixed;inset:0}#root{min-height:100svh}input,textarea,select,button{font-family:inherit}a{color:inherit;text-decoration:none}.navbar-wrapper{top:calc(16px + env(safe-area-inset-top));z-index:1000;pointer-events:none;justify-content:center;display:flex;position:fixed;left:16px;right:16px}.navbar{pointer-events:all;border-radius:var(--glass-radius);-webkit-backdrop-filter:blur(20px)saturate(1.8);box-shadow:var(--glass-shadow);background:#ffffff12;border:1px solid #ffffff1f;align-items:center;gap:8px;padding:10px 20px;transition:all .3s;display:flex}.navbar:hover{background:#ffffff1a;border-color:#ffffff29}.navbar-brand{color:#f1f5f9;letter-spacing:-.3px;white-space:nowrap;align-items:center;gap:10px;margin-right:8px;font-size:15px;font-weight:600;display:flex;overflow:visible}.navbar-logo{filter:invert();mix-blend-mode:screen;clip-path:inset(0 0 28%);width:auto;height:78px;margin:-30px 0 -40px;transition:opacity .2s}.navbar-brand:hover .navbar-logo{opacity:.8}.navbar-links{align-items:center;gap:4px;display:flex}.navbar-link{color:var(--text-muted);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.navbar-link svg{opacity:.7;width:15px;height:15px}.navbar-link:hover{color:var(--text-primary);background:#ffffff0f}.navbar-link.active{color:#c4b5fd;background:#8b5cf626}.navbar-link.active svg{opacity:1}.navbar-logout{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:6px;margin-left:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .25s;display:flex}.navbar-logout:hover{color:#fca5a5;background:#ef44441f;border-color:#ef444440}.navbar-logout:active{transform:scale(.97)}.navbar-logout svg{opacity:.7;width:15px;height:15px}@media (width<=640px){.navbar{gap:2px;padding:6px 10px}.navbar-brand{margin-right:2px;font-size:0}.navbar-logo{height:44px;margin:-16px 0 -22px}.navbar-link{gap:4px;padding:6px 10px;font-size:12px}.navbar-link svg{width:16px;height:16px}.navbar-logout{gap:0;margin-left:2px;padding:6px 8px;font-size:0}.navbar-logout svg{width:16px;height:16px}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);padding:24px;transition:background .3s,border-color .3s}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.login-wrapper{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100svh;padding:10vh 24px 24px;display:flex}.login-card{text-align:center;width:100%;max-width:420px;padding:48px 40px}.login-brand{margin-bottom:40px}.login-logo{filter:invert();mix-blend-mode:screen;width:320px;height:auto;margin-bottom:24px;display:block}.login-brand-tagline{color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;font-size:13px}.login-btn{border-radius:var(--glass-radius-sm);color:#c4b5fd;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#8b5cf640,#3b82f640);border:1px solid #8b5cf666;margin-top:8px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .25s}.login-btn:hover{background:linear-gradient(135deg,#8b5cf659,#3b82f659);border-color:#8b5cf699;transform:translateY(-1px);box-shadow:0 8px 24px #8b5cf633}.login-btn:active{transform:translateY(0)}.login-ms-btn{justify-content:center;align-items:center;gap:12px;width:100%;margin-top:0;display:flex}.ms-icon{flex-shrink:0;width:20px;height:20px}.login-version{color:var(--text-dim);letter-spacing:.5px;opacity:.5;margin-top:16px;font-size:11px}@media (width<=480px){.login-card{padding:36px 24px}.login-brand-name{font-size:24px}}.module{-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);background:#0f0f1cc7;flex-direction:column;transition:box-shadow .2s;display:flex;overflow:hidden}.module-header{border-bottom:1px solid var(--glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.module-header-left{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.module-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.module-icon-sm{background:linear-gradient(135deg,#8b5cf64d,#3b82f64d);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.module-icon-sm--green{background:linear-gradient(135deg,#34d39940,#38bdf840)}.module-icon-sm svg{color:#c4b5fd;width:16px;height:16px}.module-icon-sm--green svg{color:#6ee7b7}.module-title{color:var(--text-primary);white-space:nowrap;font-size:14px;font-weight:600}.module-stats-inline{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.module-stat-pill{color:var(--text-muted);border:1px solid var(--glass-border);white-space:nowrap;background:#ffffff0d;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500}.module-stat-pill span{color:var(--text-dim);margin-left:4px;font-weight:400}.module-stat-pill.accent{color:#c4b5fd;background:#8b5cf61a;border-color:#8b5cf640}.module-stat-pill.accent span{color:#a78bfa}.module-drag-handle{width:28px;height:28px;color:var(--text-dim);cursor:grab;opacity:0;touch-action:none;background:0 0;border:1px solid #0000;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.module:hover .module-drag-handle{opacity:1}.module-drag-handle:hover{border-color:var(--glass-border);color:var(--text-primary);background:#ffffff12}.module-drag-handle:active{cursor:grabbing}.module-drag-handle svg{width:14px;height:14px}.module-toggle-btn{border:1px solid var(--glass-border);height:30px;color:var(--text-dim);cursor:pointer;white-space:nowrap;background:#ffffff0a;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.module-toggle-btn:hover{color:var(--text-primary);border-color:var(--glass-border-hover);background:#ffffff14}.module-size-dots{align-items:center;gap:2px;display:flex}.module-size-dot{background:#fff3;border-radius:50%;width:5px;height:5px;transition:background .15s}.module-size-dot.active{background:#c4b5fd}.module-open-btn{color:#c4b5fd;white-space:nowrap;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.module-open-btn:hover{background:#8b5cf638;border-color:#8b5cf680}.module-body{flex-direction:column;gap:0;padding:14px 16px;display:flex}.module-body--flush{padding:0}.module-stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.module-stats-grid--2{grid-template-columns:repeat(2,1fr)}.module-stat-box{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;display:flex}.module-stat-box.accent{background:#8b5cf614;border-color:#8b5cf633}.module-stat-box-val{color:var(--text-primary);letter-spacing:-.5px;font-size:22px;font-weight:700}.module-stat-box.accent .module-stat-box-val{color:#c4b5fd}.module-stat-box-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:10px}.module-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;transition:background .15s;display:flex}.module-row:last-of-type{border-bottom:none}.module-row:hover{background:#ffffff08}.module-row-id{color:var(--text-dim);flex-shrink:0;min-width:72px;font-family:monospace;font-size:11px;font-weight:600}.module-row-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.module-row-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.module-row-loc{color:var(--text-dim);font-family:monospace;font-size:11px}.module-view-all{text-align:center;color:var(--text-dim);border-top:1px solid #ffffff0a;padding:10px 16px;font-size:12px;text-decoration:none;transition:color .15s;display:block}.module-view-all:hover{color:#c4b5fd}.module-empty{text-align:center;color:var(--text-dim);padding:24px 16px;font-size:13px}.module-link{color:#c4b5fd;text-decoration:none}.module-link:hover{text-decoration:underline}.module-cat-list{flex-direction:column;display:flex}.module-cat-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:8px 0;text-decoration:none;transition:opacity .15s;display:flex}.module-cat-row:last-child{border-bottom:none}.module-cat-row:hover{opacity:.8}.module-cat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.module-cat-name{color:var(--text-primary);flex:1;font-size:13px}.module-cat-count{color:var(--text-dim);background:#ffffff0d;border-radius:5px;padding:1px 7px;font-size:11px}.module-cat-tabs{flex-wrap:wrap;gap:4px;display:flex}.module-cat-tab{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;transition:all .15s;display:flex}.module-cat-tab:hover{color:var(--text-primary);background:#ffffff0d}.module-cat-tab.active{background:#ffffff0f}.module-links-grid{gap:8px;display:grid}.module-link-card{border:1px solid var(--glass-border);background:#ffffff05;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;transition:all .15s;display:flex;overflow:hidden}.module-link-card:hover{border-color:var(--glass-border-hover);background:#ffffff0d;transform:translateY(-1px)}.module-link-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.module-link-icon img{object-fit:contain;width:16px;height:16px}.module-link-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}@media (width<=640px){.module-stats-grid{grid-template-columns:repeat(2,1fr)}.module-stats-inline{display:none}}.modules-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(var(--grid-rows,4), auto);gap:16px;min-height:300px;display:grid;position:relative}.grid-cell{border-radius:var(--glass-radius);min-height:80px}.grid-cell--bg{pointer-events:none;z-index:1;background:#ffffff08;border:1px solid #ffffff24}.grid-cell--drop{pointer-events:all;z-index:1;background:#ffffff0b;border:1px dashed #ffffff40;transition:background .1s,border-color .1s,box-shadow .1s}.grid-cell--valid{background:#8b5cf629!important;border:2px solid #8b5cf6d9!important;box-shadow:inset 0 0 28px #8b5cf61a,0 0 12px #8b5cf633!important}.grid-cell--invalid{background:#ef444414!important;border:1px solid #ef444480!important}.modules-grid--dragging{cursor:grabbing}.module-drag-overlay{border-radius:var(--glass-radius);opacity:.92;cursor:grabbing;transform:scale(1.02)rotate(.5deg);box-shadow:0 28px 64px #00000080,0 0 0 2px #8b5cf680}.dashboard-drag-hint{color:var(--text-dim);font-size:12px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (width<=900px){.modules-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.modules-grid{grid-template-columns:1fr}}.ticket-card{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;transition:all .2s;display:flex}.ticket-card:hover{border-color:var(--glass-border);background:#ffffff08}.ticket-card-left{flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.ticket-number{color:var(--accent-purple);white-space:nowrap;background:#8b5cf61a;border-radius:6px;flex-shrink:0;margin-top:2px;padding:3px 8px;font-size:12px;font-weight:600}.ticket-card-info{min-width:0}.ticket-submitter{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:500;display:block}.ticket-issue-preview{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-size:13px;overflow:hidden}.ticket-card-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.ticket-meta-tag{color:var(--text-muted);white-space:nowrap;background:#ffffff0d;border-radius:6px;padding:3px 8px;font-size:12px}.ticket-date{color:var(--text-dim);white-space:nowrap;font-size:12px}@media (width<=768px){.ticket-card{flex-direction:column;align-items:flex-start;gap:10px}.ticket-card-meta{flex-wrap:wrap}.ticket-issue-preview{max-width:100%}}.filter-bar{margin-bottom:20px;padding:16px 20px}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-search{flex:1;min-width:200px}.filter-select{min-width:140px}.ticket-list{flex-direction:column;gap:8px;display:flex}.ticket-list-card{padding:8px}@media (width<=768px){.filter-row{flex-direction:column}.filter-search,.filter-select{width:100%;min-width:unset}}.ticket-form{flex-direction:column;gap:4px;display:flex}.ticket-form-grid{grid-template-columns:repeat(2,1fr);gap:4px 20px;display:grid}@media (width<=640px){.ticket-form-grid{grid-template-columns:1fr}}.ticket-form-actions{justify-content:flex-end;padding-top:8px;display:flex}.message-thread{flex-direction:column;gap:16px;display:flex}.message-list{flex-direction:column;gap:10px;max-height:400px;padding:4px;display:flex;overflow-y:auto}.message-empty{text-align:center;color:var(--text-dim);padding:24px 0;font-size:13px}.message-bubble{max-width:75%;display:flex}.message-bubble.outgoing{align-self:flex-end}.message-bubble.incoming{align-self:flex-start}.message-bubble-content{border-radius:16px;max-width:100%;padding:10px 14px}.message-bubble.outgoing .message-bubble-content{background:#8b5cf633;border:1px solid #8b5cf626;border-bottom-right-radius:4px}.message-bubble.incoming .message-bubble-content{background:#ffffff0f;border:1px solid #ffffff0f;border-bottom-left-radius:4px}.message-author{color:var(--text-muted);margin-bottom:3px;font-size:11px;font-weight:600;display:block}.message-body{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.45}.message-time{color:var(--text-dim);margin-top:4px;font-size:10px;display:block}.message-compose{align-items:flex-end;gap:10px;display:flex}.message-input{resize:none;flex:1;min-height:44px!important}.message-send-btn{flex-shrink:0;height:44px}.message-send-btn:disabled{opacity:.4;cursor:not-allowed}.remarks-panel{flex-direction:column;gap:12px;display:flex}.remarks-list{flex-direction:column;gap:8px;display:flex}.remarks-empty{text-align:center;color:var(--text-dim);padding:12px 0;font-size:13px}.remark-item{background:#ffffff08;border:1px solid #ffffff0a;border-radius:10px;padding:10px 12px}.remark-text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.45}.remark-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.remark-time{color:var(--text-dim);font-size:11px}.remark-actions{opacity:0;gap:8px;transition:opacity .15s;display:flex}.remark-item:hover .remark-actions{opacity:1}.remark-action-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11px;transition:color .15s}.remark-action-btn:hover{color:var(--text-primary)}.remark-action-btn.danger:hover{color:#fca5a5}.remark-edit{flex-direction:column;gap:8px;display:flex}.remark-edit-input{min-height:60px!important;font-size:13px!important}.remark-edit-actions{gap:6px;display:flex}.remark-add{flex-direction:column;gap:8px;display:flex}.attachment-uploader{flex-direction:column;gap:12px;display:flex}.attachment-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.attachment-item{background:#ffffff08;border:1px solid #ffffff0a;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;transition:border-color .15s;display:flex;position:relative}.attachment-item:hover{border-color:var(--glass-border)}.attachment-thumb{object-fit:cover;border-radius:6px;width:80px;height:60px}.attachment-file-icon{justify-content:center;align-items:center;width:80px;height:60px;display:flex}.attachment-file-icon svg{width:28px;height:28px;color:var(--text-dim)}.attachment-name{color:var(--text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.attachment-remove{color:#fca5a5;cursor:pointer;opacity:0;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.attachment-item:hover .attachment-remove{opacity:1}.attachment-remove svg{width:12px;height:12px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);background:#14141ef2;width:100%;max-width:480px;max-height:80vh;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-title{color:var(--text-primary);font-size:16px;font-weight:600}.modal-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{color:var(--text-primary);background:#ffffff1a}.modal-close svg{width:16px;height:16px}.modal-body{padding:20px 24px 24px}.ticket-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ticket-detail-title-row{align-items:center;gap:10px;display:flex}.ticket-detail-actions{gap:8px;display:flex}.ticket-detail-layout{grid-template-columns:1.5fr 1fr;align-items:start;gap:20px;display:grid}.ticket-detail-main,.ticket-detail-sidebar{flex-direction:column;gap:20px;display:flex}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;font-size:13px;font-weight:600}.ticket-issue-text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.detail-fields{flex-direction:column;gap:12px;display:flex}.detail-field{flex-direction:column;gap:4px;display:flex}.detail-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.detail-value{color:var(--text-primary);font-size:14px}.detail-field .form-input,.detail-field .form-select{padding:7px 10px;font-size:13px}@media (width<=768px){.ticket-detail-layout{grid-template-columns:1fr}}.config-manager{overflow:hidden;padding:0!important}.config-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.config-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.config-count{color:var(--text-dim);background:#ffffff0d;border-radius:6px;padding:2px 7px;font-size:11px}.config-list{flex-direction:column;display:flex}.config-item{border-bottom:1px solid #ffffff0a;transition:background .15s}.config-item:last-child{border-bottom:none}.config-item:hover{background:#ffffff08}.config-display-row{justify-content:space-between;align-items:center;gap:12px;padding:9px 16px;display:flex}.config-item-info{align-items:center;gap:8px;min-width:0;display:flex}.config-color-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.config-item-name{color:var(--text-primary);font-size:13px}.config-item-label{color:var(--text-dim);font-size:11px}.config-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex}.config-item:hover .config-actions{opacity:1}.config-action-btn{width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.config-action-btn:hover{color:var(--text-primary);background:#ffffff14}.config-action-btn.danger:hover{color:#fca5a5;background:#ef44441f}.config-action-btn svg{width:13px;height:13px}.config-edit-row,.config-add-row{border-top:1px solid var(--glass-border);align-items:center;gap:6px;padding:8px 16px;display:flex}.config-input{flex:1;min-width:0;padding:6px 10px!important;font-size:12px!important}.config-color-input{border:1px solid var(--input-border);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:2px}.config-color-input::-webkit-color-swatch-wrapper{padding:0}.config-color-input::-webkit-color-swatch{border:none;border-radius:4px}.config-add-btn{width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-top:1px dashed #ffffff14;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:12px;transition:all .2s;display:flex}.config-add-btn:hover{color:#c4b5fd;background:#8b5cf60d}.config-add-btn svg{width:13px;height:13px}.ac-panel{overflow:hidden;padding:0!important}.ac-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.ac-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:13px;font-weight:600}.ac-subtitle{color:var(--text-dim);max-width:380px;font-size:12px;line-height:1.4}.ac-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:500}.ac-badge--all{color:#86efac;background:#22c55e1f;border:1px solid #22c55e40}.ac-badge--allowlist{color:#c4b5fd;background:#8b5cf626;border:1px solid #8b5cf64d}.ac-badge--blocklist{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440}.ac-modes{border-bottom:1px solid var(--glass-border);gap:6px;padding:14px 20px;display:flex}.ac-mode-btn{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s}.ac-mode-btn:hover{color:var(--text-primary);background:#ffffff0d}.ac-mode-btn.active{color:#c4b5fd;background:#8b5cf626;border-color:#8b5cf666}.ac-body{padding:14px 20px 16px}.ac-add-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.ac-input{flex:200px;min-width:0;padding:7px 10px!important;font-size:12px!important}.ac-input--name{flex:0 160px}.ac-error{color:#fca5a5;margin-bottom:10px;font-size:11px}.ac-list{border:1px solid var(--glass-border);border-radius:10px;flex-direction:column;margin-top:12px;display:flex;overflow:hidden}.ac-empty{color:var(--text-dim);text-align:center;padding:16px;font-size:12px}.ac-user{border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:9px 12px;transition:background .15s;display:flex}.ac-user:last-child{border-bottom:none}.ac-user:hover{background:#ffffff08}.ac-user-avatar{color:#c4b5fd;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.ac-user-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ac-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.ac-user-email{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ac-remove-btn{width:24px;height:24px;color:var(--text-dim);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.ac-user:hover .ac-remove-btn{opacity:1}.ac-remove-btn:hover{color:#fca5a5;background:#ef44441f}.ac-remove-btn svg{width:12px;height:12px}@media (width<=640px){.ac-add-row{flex-wrap:wrap}.ac-input--name{flex:100%}.ac-modes{flex-wrap:wrap}.ac-remove-btn{opacity:1}}.ls-wrap{flex-direction:column;gap:16px;display:flex}.ls-subnav{border:1px solid var(--glass-border);background:#ffffff08;border-radius:12px;gap:2px;width:fit-content;padding:4px;display:flex}.ls-subtab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.ls-subtab:hover{color:var(--text-primary);background:#ffffff0d}.ls-subtab.active{color:#c4b5fd;background:#8b5cf626;border:1px solid #8b5cf64d}.ls-card{overflow:hidden;padding:0!important}.ls-card-header{border-bottom:1px solid var(--glass-border);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:13px 16px;font-size:13px;font-weight:600;display:flex}.ls-count{color:var(--text-dim);text-transform:none;letter-spacing:0;background:#ffffff0d;border-radius:6px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:400}.ls-inline-form{border-bottom:1px solid var(--glass-border);background:#8b5cf60a;flex-direction:column;gap:10px;padding:12px 16px;display:flex}.ls-inline-form--row{flex-flow:wrap;align-items:center}.ls-inline-form-actions{justify-content:flex-end;gap:6px;display:flex}.ls-input{padding:7px 10px!important;font-size:13px!important}.ls-input--flex{flex:1;min-width:120px}.ls-list{flex-direction:column;display:flex}.ls-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;min-width:0;padding:9px 16px;transition:background .15s;display:flex}.ls-row:last-child{border-bottom:none}.ls-row:hover{background:#ffffff05}.ls-row.selected{background:#8b5cf60f}.ls-row--header{border-bottom:1px solid var(--glass-border);background:#ffffff05;padding:7px 16px}.ls-row--header:hover{background:#ffffff05}.ls-th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;flex:1;font-size:11px;font-weight:600}.ls-th--cat{flex:0 0 130px}.ls-th--url{flex:1.5}.ls-th--actions{flex:0 0 100px}.ls-cat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ls-row-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.ls-row-meta{color:var(--text-dim);flex-shrink:0;font-size:11px}.ls-row-actions{opacity:0;flex-shrink:0;gap:4px;transition:opacity .15s;display:flex}.ls-row:hover .ls-row-actions{opacity:1}.ls-action-btn{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:500;transition:all .15s}.ls-action-btn:hover{color:var(--text-primary);background:#ffffff12}.ls-action-btn.danger:hover{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}.ls-row-reorder{flex-direction:column;flex-shrink:0;gap:1px;display:flex}.ls-reorder-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:1px 4px;font-size:9px;line-height:1;transition:all .15s}.ls-reorder-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff14}.ls-reorder-btn:disabled{opacity:.2;cursor:default}.ls-color-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ls-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;flex-shrink:0;width:20px;height:20px;transition:all .15s}.ls-color-swatch:hover{transform:scale(1.15)}.ls-color-swatch.selected{border-color:#fff;transform:scale(1.15)}.ls-color-custom{cursor:pointer;background:0 0;border:1px dashed #fff3;border-radius:50%;flex-shrink:0;width:20px;height:20px;padding:0}.ls-color-custom::-webkit-color-swatch-wrapper{padding:0}.ls-color-custom::-webkit-color-swatch{border:none;border-radius:50%}.ls-check{cursor:pointer;accent-color:#818cf8;flex-shrink:0;width:14px;height:14px}.ls-filters{border-bottom:1px solid var(--glass-border);align-items:center;gap:8px;padding:10px 16px;display:flex}.ls-search{flex:1;padding:6px 10px!important;font-size:12px!important}.ls-filter-select{flex:0 0 160px;padding:6px 10px!important;font-size:12px!important}.ls-link-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.ls-cat-select{flex:0 0 130px;border:1px solid var(--glass-border)!important;color:var(--text-muted)!important;background:#ffffff0a!important;border-radius:6px!important;padding:4px 8px!important;font-size:11px!important}.ls-link-url{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;flex:1.5;min-width:0;font-size:11px;overflow:hidden}.ls-empty{text-align:center;color:var(--text-dim);padding:24px 16px;font-size:13px}.ls-display-grid,.ls-data-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ls-pref-card{padding:0!important}.ls-pref-body{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.ls-pref-desc{color:var(--text-muted);font-size:12px;line-height:1.5}.ls-seg-control{border:1px solid var(--glass-border);background:#ffffff08;border-radius:10px;gap:4px;width:fit-content;padding:4px;display:flex}.ls-seg-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.ls-seg-btn:hover{color:var(--text-primary);background:#ffffff0d}.ls-seg-btn.active{color:#c4b5fd;background:#8b5cf626;border-color:#8b5cf659}.ls-toggles{gap:0!important}.ls-toggle-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.ls-toggle-row:last-child{border-bottom:none}.ls-toggle-info{flex-direction:column;gap:2px;display:flex}.ls-toggle-label{color:var(--text-primary);font-size:13px}.ls-toggle-desc{color:var(--text-dim);font-size:11px}.ls-toggle{cursor:pointer;background:#ffffff1a;border:none;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.ls-toggle.on{background:#8b5cf699}.ls-toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.ls-toggle.on .ls-toggle-thumb{transform:translate(18px)}.ls-data-actions{flex-wrap:wrap;gap:8px;display:flex}.ls-msg{color:#86efac;margin-top:4px;font-size:12px}.ls-danger-zone{gap:0!important;padding:0!important}.ls-danger-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.ls-danger-row:last-child{border-bottom:none}.ls-danger-label{color:var(--text-primary);margin-bottom:2px;font-size:13px;display:block}.ls-danger-desc{color:var(--text-dim);font-size:11px;display:block}.ls-confirm-msg{color:var(--text-muted);margin-bottom:20px;font-size:14px;line-height:1.5}.links-modal--sm{max-width:340px}@keyframes modalIn{0%{opacity:0;transform:scale(.97)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.ls-display-grid,.ls-data-grid{grid-template-columns:1fr}.ls-th--url,.ls-link-url{display:none}.ls-row-actions{opacity:1}.ls-subnav{width:100%;overflow-x:auto}}.settings-nav{border-radius:var(--glass-radius);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);align-items:center;gap:4px;width:fit-content;margin-bottom:20px;padding:5px;display:flex}.settings-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:7px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.settings-tab svg{opacity:.7;flex-shrink:0;width:14px;height:14px}.settings-tab:hover{color:var(--text-primary);background:#ffffff0f}.settings-tab.active{color:#c4b5fd;background:#8b5cf626;border-color:#8b5cf64d}.settings-tab.active svg{opacity:1}.settings-content{animation:.12s settingsFadeIn}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.settings-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=768px){.settings-nav{width:100%;overflow-x:auto}.settings-grid{grid-template-columns:1fr}}.links-page{align-items:flex-start;gap:20px;display:flex}.links-sidebar{width:220px;top:calc(80px + env(safe-area-inset-top) + 12px);flex-shrink:0;position:sticky}.links-sidebar-card{overflow:hidden;padding:0!important}.links-sidebar-header{border-bottom:1px solid var(--glass-border);padding:13px 16px}.links-sidebar-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:600}.links-cat-list{flex-direction:column;display:flex}.links-cat-item{cursor:pointer;border-bottom:1px solid #ffffff08;align-items:center;gap:8px;padding:9px 14px;transition:background .15s;display:flex;position:relative}.links-cat-item:last-child{border-bottom:none}.links-cat-item:hover{background:#ffffff0a}.links-cat-item.active{background:#8b5cf61a}.links-cat-item.active .links-cat-name{color:#c4b5fd}.links-cat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.links-cat-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.links-cat-count{color:var(--text-dim);background:#ffffff0d;border-radius:5px;flex-shrink:0;padding:1px 6px;font-size:11px}.links-cat-actions{opacity:0;flex-shrink:0;gap:2px;transition:opacity .15s;display:flex}.links-cat-item:hover .links-cat-actions{opacity:1}.links-cat-btn{width:22px;height:22px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;transition:all .15s;display:flex}.links-cat-btn:hover{color:var(--text-primary);background:#ffffff14}.links-cat-btn.danger:hover{color:#fca5a5;background:#ef44441f}.links-cat-btn svg{width:11px;height:11px}.links-add-cat-btn{width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-top:1px dashed #ffffff14;border-radius:0;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;transition:all .2s;display:flex}.links-add-cat-btn:hover{color:#c4b5fd;background:#8b5cf60d}.links-add-cat-btn svg{width:12px;height:12px}.links-main{flex:1;min-width:0}.links-page-title-inner{align-items:center;gap:10px;display:inline-flex}.links-page-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.links-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.link-card{overflow:hidden;padding:0!important;transition:transform .15s,box-shadow .15s!important}.link-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000004d!important}.link-card--compact .link-card-top{padding:8px 10px 0}.link-card--comfortable .link-card-top{padding:16px 16px 0}.link-card--compact .link-card-body{padding:6px 10px 10px}.link-card--comfortable .link-card-body{padding:14px 18px 18px}.link-card--compact .link-card-title{font-size:12px}.link-card--comfortable .link-card-title{font-size:15px}.link-card-top{justify-content:space-between;align-items:center;padding:12px 12px 0;display:flex}.link-card-icon{background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.link-card-icon img{object-fit:contain;width:20px;height:20px}.link-card-icon-fallback{width:20px;height:20px;color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;font-weight:600}.link-card-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex}.link-card:hover .link-card-actions{opacity:1}.link-action-btn{width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.link-action-btn:hover{color:var(--text-primary);background:#ffffff14}.link-action-btn.danger:hover{color:#fca5a5;background:#ef44441f}.link-action-btn svg{width:12px;height:12px}.link-card-body{cursor:pointer;padding:10px 14px 14px;text-decoration:none;display:block}.link-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:600;overflow:hidden}.link-card-body:hover .link-card-title{color:#c4b5fd}.link-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.link-card-url{color:var(--text-dim);align-items:center;gap:4px;font-size:11px;display:flex}.links-empty{color:var(--text-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.links-empty p{color:var(--text-muted);font-size:14px}.links-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.links-modal{border:1px solid var(--glass-border);border-radius:var(--glass-radius);background:#12121cf2;width:100%;max-width:420px;padding:24px;animation:.15s modalIn;box-shadow:0 24px 64px #00000080}.links-modal-title{color:var(--text-primary);margin-bottom:20px;font-size:16px;font-weight:600}.links-modal-fields{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.links-modal-fields label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:8px;font-size:11px;font-weight:600}.links-modal-fields label:first-child{margin-top:0}.links-optional{text-transform:none;letter-spacing:0;color:var(--text-dim);opacity:.6;font-weight:400}.links-modal-footer{justify-content:flex-end;gap:8px;display:flex}.links-color-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.links-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;flex-shrink:0;width:24px;height:24px;transition:all .15s}.links-color-swatch:hover{transform:scale(1.15)}.links-color-swatch.selected{border-color:#fff;transform:scale(1.15)}.links-color-custom{cursor:pointer;background:0 0;border:1px dashed #fff3;border-radius:50%;flex-shrink:0;width:24px;height:24px;padding:0}.links-color-custom::-webkit-color-swatch-wrapper{padding:0}.links-color-custom::-webkit-color-swatch{border:none;border-radius:50%}@media (width<=900px){.links-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.links-page{flex-direction:column}.links-sidebar{width:100%;position:static}.links-sidebar-card{flex-direction:row;align-items:stretch;display:flex;overflow-x:auto}.links-sidebar-header{display:none}.links-cat-list{border-bottom:none;flex-direction:row}.links-cat-item{border-bottom:none;border-right:1px solid #ffffff08;flex-shrink:0}.links-cat-actions{display:none}.links-add-cat-btn{border-top:none;border-left:1px dashed #ffffff14;flex-shrink:0;padding:0 14px}}@media (width<=480px){.links-grid{grid-template-columns:1fr}.link-card-actions{opacity:1}}.email-layout{flex-direction:column;gap:16px;max-width:780px;display:flex}.email-section-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.email-section-title{color:var(--text-primary);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.email-step-num{color:#c4b5fd;background:#8b5cf633;border:1px solid #8b5cf659;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.email-loc-badge{color:#c4b5fd;white-space:nowrap;background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:5px;flex-shrink:0;padding:2px 7px;font-family:monospace;font-size:11px;font-weight:600}.email-manager-row{cursor:pointer;border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:10px 16px;transition:background .15s;display:flex}.email-manager-row:last-child{border-bottom:none}.email-manager-row:hover{background:#ffffff08}.email-manager-row.selected{background:#8b5cf60f}.email-checkbox{accent-color:#8b5cf6;cursor:pointer;flex-shrink:0;width:15px;height:15px}.email-manager-name{color:var(--text-primary);flex:1;font-size:13px;font-weight:500}.email-manager-email{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:12px;overflow:hidden}.email-deposit-block{padding:14px 16px}.email-deposit-block--divider{border-bottom:1px solid #ffffff0f;margin-bottom:4px}.email-deposit-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.email-deposit-name{color:var(--text-primary);flex:1;font-size:13px;font-weight:600}.email-deposit-count{color:var(--text-dim);background:#ffffff0d;border-radius:5px;padding:2px 8px;font-size:11px}.email-deposit-rows{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.email-deposit-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:10px;padding:7px 12px;display:flex}.email-deposit-date{color:var(--text-primary);flex:1;font-size:13px}.email-deposit-amount{color:#34d399;font-size:13px;font-weight:600}.email-remove-btn{color:var(--text-dim);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1;transition:opacity .15s}.email-remove-btn:hover{opacity:1}.email-deposit-input-row{align-items:center;gap:8px;display:flex}.email-input-date{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex:2}.email-input-amount{flex:2}.email-generate-btn{justify-content:center;gap:8px;width:100%;padding:12px;font-size:13px}.email-generated-section{flex-direction:column;display:flex}.email-preview-header{border-bottom:1px solid var(--glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:13px 16px;display:flex}.email-variants{border-bottom:1px solid #ffffff0f;flex-direction:column;display:flex}.email-variant-card{cursor:pointer;text-align:left;background:0 0;border-top:none;border-bottom:1px solid #ffffff0a;border-left:2px solid #0000;border-right:none;flex-direction:column;width:100%;padding:0;transition:background .15s,border-color .15s;display:flex}.email-variant-card:last-child{border-bottom:none}.email-variant-card:hover{background:#ffffff06}.email-variant-card.selected{background:#8b5cf612;border-left-color:#8b5cf699}.email-variant-label{align-items:center;gap:8px;padding:10px 16px 6px;display:flex}.email-variant-num{width:20px;height:20px;color:var(--text-dim);background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.email-variant-card.selected .email-variant-num{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf666}.email-variant-tag{text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim);font-size:11px;font-weight:600}.email-variant-card.selected .email-variant-tag{color:#c4b5fd}.email-variant-check{color:#34d399;margin-left:auto;font-size:12px}.email-variant-preview{color:var(--text-muted);pointer-events:none;padding:4px 16px 12px 44px;font-size:12px;line-height:1.55}.email-variant-preview p{color:var(--text-muted);margin:0 0 6px}.email-variant-preview table{max-width:100%;margin:6px 0 8px;font-size:11px}.email-variant-preview td,.email-variant-preview th{color:#555!important;padding:4px 8px!important;font-size:11px!important}.email-attachments{border-bottom:1px solid #ffffff0a;flex-wrap:wrap;gap:6px;padding:10px 16px;display:flex}.email-attach-chip{border:1px solid var(--glass-border);color:var(--text-muted);background:#ffffff0d;border-radius:20px;align-items:center;gap:5px;padding:3px 8px 3px 10px;font-size:12px;display:inline-flex}.email-badge{border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600}.email-badge--sent{color:#34d399;background:#34d3991f;border:1px solid #34d39940}.email-badge--error{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.email-badge--sending{color:#c4b5fd;background:#8b5cf61f;border:1px solid #8b5cf640;animation:1.2s infinite epulse}@keyframes epulse{0%,to{opacity:.6}50%{opacity:1}}.email-send-error{color:#f87171;background:#ef44440f;border-top:1px solid #ef44441f;padding:8px 16px;font-size:12px}.email-actions{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.email-empty{text-align:center;color:var(--text-dim);padding:24px 16px;font-size:13px}.email-link{color:#c4b5fd;text-decoration:none}.email-link:hover{text-decoration:underline}@media (width<=640px){.email-manager-email{display:none}.email-deposit-input-row{flex-wrap:wrap}.email-input-date,.email-input-amount{flex:100%}}.page-content{max-width:1200px;padding:calc(80px + env(safe-area-inset-top)) 24px calc(40px + env(safe-area-inset-bottom));padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right));min-height:100svh;margin:0 auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.5px;font-size:24px;font-weight:600}.btn{border-radius:var(--glass-radius-sm);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.btn-primary{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf64d}.btn-primary:hover{background:#8b5cf64d;border-color:#8b5cf666}.btn-danger{color:#fca5a5;background:#ef44441a;border-color:#ef444433}.btn-danger:hover{background:#ef444433;border-color:#ef44444d}.btn-sm{border-radius:8px;padding:5px 10px;font-size:12px}.btn svg{width:15px;height:15px}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.form-input,.form-select,.form-textarea{border-radius:var(--glass-radius-sm);border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--input-focus-border)}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-select option{color:var(--text-primary);background:#1a1a2e}.back-link{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:20px;font-size:13px;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--text-primary)}.back-link svg{width:14px;height:14px}
