:root{--sf-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;--accent:#0071e3;--accent-hover:#0077ed;--bg:#f5f5f7;--card-solid:#ffffff;--text-primary:#1d1d1f;--text-secondary:#86868b;--border:rgba(0,0,0,0.08);--border-focus:#0071e3;--success:#34c759;--radius-outer:20px;--radius-inner:12px;--radius-pill:980px;}.ft-app-container{width:100%;max-width:none;margin:24px auto;font-family:var(--sf-font);color:var(--text-primary);box-sizing:border-box;-webkit-font-smoothing:antialiased;}.elementor-widget-shortcode,.elementor-widget-shortcode>.elementor-widget-container{width:100%;max-width:none;}.ft-app-container *{box-sizing:border-box;}input[type="password"]::-ms-reveal,input[type="password"]::-ms-clear{display:none !important;}input[type="password"]::-webkit-credentials-auto-fill-button{visibility:hidden !important;position:absolute !important;right:0 !important;}.ft-highlight-red{background-color:#ffebee !important;color:#d32f2f !important;font-weight:800 !important;padding:1px 3px !important;border-radius:3px !important;text-decoration:underline !important;text-decoration-color:#d32f2f !important;}.ft-app-container svg{display:inline-block !important;vertical-align:middle !important;flex-shrink:0 !important;opacity:1 !important;visibility:visible !important;}.ft-nav-svg,.ft-search-svg,.ft-tab-svg,.ft-modal-close-svg,.ft-svg-eye{stroke:#86868b !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}.ft-nav-svg-blue{stroke:var(--accent) !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}.ft-logout-svg,.ft-svg-trash{stroke:#ff3b30 !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}.ft-toggle-svg{stroke:var(--text-primary) !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}.ft-pill-svg,.ft-modal-check-svg,.ft-svg-play{stroke:#34c759 !important;fill:none !important;stroke-width:2.5 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}.ft-svg-pause{stroke:#ff9500 !important;fill:none !important;stroke-width:2.5 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}.ft-btn-svg{stroke:#ffffff !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}.ft-btn-svg-dark{stroke:#1d1d1f !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}.ft-field-svg{position:absolute;left:14px;stroke:#86868b !important;fill:none !important;stroke-width:2 !important;pointer-events:none;}.ft-svg-action{display:inline-block !important;width:16px !important;height:16px !important;}.ft-glass-nav{background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-pill);padding:10px 22px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;box-shadow:0 4px 24px rgba(0,0,0,0.04);}.ft-nav-left{display:flex;align-items:center;gap:8px;}.ft-badge-status-dot{width:8px;height:8px;background:#34c759;border-radius:50%;display:inline-block;}.ft-nav-title{font-size:14px;font-weight:600;color:var(--text-secondary);}.ft-nav-right{display:flex;align-items:center;gap:12px;}.ft-role-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(0,113,227,0.08);color:var(--accent);padding:6px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;}.ft-btn-logout{display:inline-flex;align-items:center;gap:6px;background:#fff0f0;color:#ff3b30;border:1px solid #ffdcdc;padding:6px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;text-decoration:none;transition:all 0.2s ease;}.ft-btn-logout:hover{background:#ffe5e5;color:#d32f2f;}.ft-tab-bar{display:flex;gap:8px;background:#e5e5ea;padding:4px;border-radius:var(--radius-inner);margin-bottom:22px;}.ft-tab-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;border:none;background:transparent;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all 0.2s ease;outline:none;}.ft-tab-btn.active{background:#ffffff;color:var(--text-primary);box-shadow:0 2px 8px rgba(0,0,0,0.08);}.ft-tab-btn.active .ft-tab-svg{stroke:var(--accent) !important;}.ft-tab-content{display:none;}.ft-tab-content.active{display:block;animation:ftTabFade 0.25s ease forwards;}@keyframes ftTabFade{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}.ft-pos-header-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}.ft-pos-badge-sub{background:#eef7ff;color:var(--accent);font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--radius-pill);}.ft-pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;max-height:330px;overflow-y:auto;padding:6px 2px;margin-top:4px;-webkit-overflow-scrolling:touch;}.ft-pos-grid::-webkit-scrollbar{width:6px;}.ft-pos-grid::-webkit-scrollbar-track{background:#f1f1f4;border-radius:10px;}.ft-pos-grid::-webkit-scrollbar-thumb{background:#d2d2d7;border-radius:10px;}.ft-pos-card{position:relative;background:#fbfbfd;border:2px solid #e5e5ea;border-radius:var(--radius-inner);padding:14px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;user-select:none;min-height:140px;justify-content:space-between;transition:transform 0.12s ease,border-color 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease;}.ft-pos-card:hover{border-color:#c7c7cc;background:#ffffff;transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,0.06);}.ft-pos-card:active{transform:scale(0.96);}.ft-pos-card.active{border-color:var(--accent);background:#ffffff;box-shadow:0 0 0 3px rgba(0,113,227,0.15),0 6px 16px rgba(0,113,227,0.1);}.ft-pos-img{width:52px;height:52px;border-radius:10px;object-fit:cover;margin-bottom:8px;background:#f2f2f7;box-shadow:0 2px 6px rgba(0,0,0,0.06);}.ft-pos-icon{width:52px;height:52px;border-radius:10px;background:rgba(0,113,227,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:8px;}.ft-pos-icon svg{stroke:var(--accent) !important;}.ft-pos-card.active .ft-pos-icon{background:var(--accent);}.ft-pos-card.active .ft-pos-icon svg{stroke:#ffffff !important;}.ft-pos-info{width:100%;margin-bottom:4px;}.ft-pos-title{font-size:13px;font-weight:600;color:var(--text-primary);display:block;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.ft-pos-meta{font-size:11px;color:var(--text-secondary);display:block;margin-top:2px;}.ft-pos-price{font-size:13px;font-weight:700;color:var(--accent);background:rgba(0,113,227,0.08);padding:4px 10px;border-radius:var(--radius-pill);margin-top:4px;width:100%;}.ft-pos-card.active .ft-pos-price{background:var(--accent);color:#ffffff;}.ft-pos-tag{position:absolute;top:6px;right:6px;font-size:9px;font-weight:700;text-transform:uppercase;background:#e5e5ea;color:#48484a;padding:2px 6px;border-radius:4px;}.ft-pos-card.active .ft-pos-tag{background:var(--accent);color:#ffffff;}.ft-input-highlight{animation:ftPulse 0.5s ease-out;}@keyframes ftPulse{0%{background-color:rgba(52,199,89,0.25);border-color:#34c759;}100%{background-color:#fbfbfd;border-color:#d2d2d7;}}.ft-card{background:var(--card-solid);border:1px solid var(--border);border-radius:var(--radius-outer);box-shadow:0 4px 24px rgba(0,0,0,0.04);padding:36px 40px;margin-bottom:24px;}.ft-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px;}.ft-logo-box{max-height:52px;display:flex;align-items:center;}.ft-logo-img{max-height:52px;max-width:160px;height:auto;width:auto;object-fit:contain;display:block;}.ft-logo-text{font-size:20px;font-weight:700;color:var(--accent);}.ft-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:0.08em;color:var(--accent);font-weight:700;margin-bottom:4px;display:block;}.ft-header-text h1{font-size:26px;font-weight:700;letter-spacing:-0.02em;margin:0 0 6px 0;}.ft-header-text p{font-size:14px;color:var(--text-secondary);margin:0;}.ft-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}.ft-full{grid-column:span 2;}.ft-group{display:flex;flex-direction:column;gap:6px;}.ft-group label{font-size:13px;font-weight:600;color:#3a3a3c;display:flex;justify-content:space-between;}.ft-req{color:#ff3b30;font-weight:400;}.ft-group input,.ft-group textarea{width:100%;background:#fbfbfd;border:1px solid #d2d2d7;border-radius:var(--radius-inner);padding:12px 16px;font-size:15px;color:var(--text-primary);outline:none;transition:all 0.2s ease;}.ft-group input:focus,.ft-group textarea:focus{border-color:var(--border-focus);background:#ffffff;box-shadow:0 0 0 3px rgba(0,113,227,0.15);}.ft-currency-wrap{position:relative;display:flex;align-items:center;}.ft-curr-symbol{position:absolute;left:14px;font-weight:600;color:var(--text-secondary);}.ft-currency-wrap input{padding-left:32px;}.ft-hint{font-size:12px;color:var(--text-secondary);}.ft-disabled{background:#f5f5f7 !important;color:#8e8e93 !important;cursor:not-allowed;}.ft-toggle-box{background:#fbfbfd;border:1px solid #e5e5ea;border-radius:var(--radius-inner);padding:16px 18px;}.ft-switch-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;}.ft-switch-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;}.ft-switch{position:relative;width:46px;height:26px;display:inline-block;}.ft-switch input{opacity:0;width:0;height:0;}.ft-slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e5ea;border-radius:34px;transition:0.3s cubic-bezier(0.16,1,0.3,1);}.ft-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:white;border-radius:50%;transition:0.3s cubic-bezier(0.16,1,0.3,1);box-shadow:0 2px 4px rgba(0,0,0,0.15);}.ft-switch input:checked + .ft-slider{background-color:var(--accent);}.ft-switch input:checked + .ft-slider:before{transform:translateX(20px);}.ft-subgrid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(0,0,0,0.06);}.ft-pill-group{display:flex;gap:8px;flex-wrap:wrap;}.ft-pill{background:#f5f5f7;border:1px solid #e5e5ea;padding:6px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;color:#48484a;display:inline-flex;align-items:center;gap:6px;}.ft-actions{margin-top:24px;display:flex;justify-content:flex-end;}.ft-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;border-radius:var(--radius-pill);padding:13px 26px;cursor:pointer;border:none;transition:all 0.2s ease;}.ft-btn-primary{background:var(--accent);color:#ffffff;}.ft-btn-primary:hover{background:var(--accent-hover);}.ft-btn-secondary{background:#e5e5ea;color:var(--text-primary);}.ft-btn-secondary:hover{background:#d2d2d7;}.ft-btn-block{width:100%;}.ft-btn-small{padding:7px 16px;font-size:13px;}.ft-btn-refresh{background:#f5f5f7;color:var(--text-primary);border:1px solid #e5e5ea;}.ft-btn-refresh:hover{background:#e5e5ea;}.ft-table-header-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap;}.ft-table-header-left h2{font-size:22px;font-weight:700;margin:0;}.ft-table-header-right{display:flex;align-items:center;gap:12px;}.ft-search-wrap{position:relative;display:flex;align-items:center;width:280px;}.ft-search-wrap input{width:100%;background:#fbfbfd;border:1px solid #d2d2d7;border-radius:var(--radius-pill);padding:9px 32px 9px 36px;font-size:13px;color:var(--text-primary);outline:none;transition:all 0.2s ease;}.ft-search-wrap input:focus{border-color:var(--border-focus);background:#ffffff;box-shadow:0 0 0 3px rgba(0,113,227,0.15);width:320px;}.ft-search-svg{position:absolute;left:12px;pointer-events:none;}.ft-search-clear{position:absolute;right:10px;background:#e5e5ea;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:#86868b;}.ft-search-clear:hover{background:#d2d2d7;color:#1d1d1f;}.ft-search-count-bar{font-size:12px;font-weight:600;color:#86868b;margin-bottom:12px;padding:4px 10px;background:#f5f5f7;border-radius:6px;display:inline-block;}.ft-table-wrapper{overflow-x:auto;border:1px solid #e5e5ea;border-radius:var(--radius-inner);}.ft-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left;}.ft-table th{background:#f9f9fb;color:var(--text-secondary);font-weight:600;padding:14px 16px;border-bottom:1px solid #e5e5ea;user-select:none;}.ft-th-wrap{display:inline-flex;align-items:center;gap:6px;}.ft-sortable{cursor:pointer;transition:background 0.2s;}.ft-sortable:hover{background:#f2f2f7;color:var(--text-primary);}.ft-sort-icon{display:inline-flex;opacity:0.35;transition:opacity 0.2s,transform 0.2s;}.ft-sortable.asc .ft-sort-icon{opacity:1;color:var(--accent);transform:rotate(180deg);}.ft-sortable.desc .ft-sort-icon{opacity:1;color:var(--accent);transform:rotate(0deg);}.ft-table td{padding:14px 16px;border-bottom:1px solid #f2f2f7;color:var(--text-primary);}.ft-table tr:last-child td{border-bottom:none;}.ft-table code{font-family:ui-monospace,monospace;font-weight:700;color:var(--accent);background:rgba(0,113,227,0.06);padding:4px 8px;border-radius:4px;}.ft-status-pill{display:inline-block;padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;}.ft-status-active{background:rgba(52,199,89,0.12);color:#248a3d;}.ft-status-used{background:#f2f2f7;color:#8e8e93;}.ft-status-deactivated{background:#fff3e0;color:#e65100;}.ft-empty-state{text-align:center;color:var(--text-secondary);padding:24px !important;}.ft-table-actions{text-align:right;white-space:nowrap;}.ft-btn-icon{background:#f5f5f7;border:1px solid #e5e5ea;border-radius:8px;width:34px;height:34px;display:inline-flex !important;align-items:center !important;justify-content:center !important;cursor:pointer;margin-left:4px;transition:all 0.2s ease;}.ft-btn-icon:hover{background:#ffffff;box-shadow:0 2px 6px rgba(0,0,0,0.08);}.ft-action-resend:hover svg{stroke:var(--accent) !important;}.ft-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999999;padding:16px;}.ft-modal-box{background:#ffffff;border-radius:var(--radius-outer);box-shadow:0 24px 60px rgba(0,0,0,0.18);width:100%;max-width:480px;padding:32px 28px;position:relative;text-align:center;}.ft-modal-close{position:absolute;top:18px;right:18px;background:#f5f5f7;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all 0.2s;}.ft-modal-close:hover{background:#e5e5ea;color:var(--text-primary);}.ft-modal-icon-wrap{width:56px;height:56px;background:rgba(52,199,89,0.12);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;}.ft-modal-title{font-size:22px;font-weight:700;margin:0 0 4px 0;color:var(--text-primary);}.ft-modal-sub{font-size:14px;color:var(--text-secondary);margin:0 0 20px 0;}.ft-code-row{background:#f8fafc;border:1px dashed #34c759;border-radius:var(--radius-inner);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.ft-code-row code{font-family:ui-monospace,Menlo,monospace;font-size:20px;font-weight:700;letter-spacing:2px;color:#15803d;}.ft-btn-copy{background:#34c759;color:white;border:none;padding:6px 14px;font-size:12px;font-weight:600;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background 0.2s;}.ft-btn-copy:hover{background:#2cb04d;}.ft-mail-badge{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#166534;background:#f0fdf4;padding:10px 14px;border-radius:8px;margin-bottom:16px;}.ft-modal-details{font-size:13px;color:var(--text-secondary);line-height:1.6;background:#fbfbfd;border:1px solid #f2f2f7;border-radius:10px;padding:12px 16px;text-align:left;margin-bottom:20px;}.ft-btn-modal{width:100%;}.ft-lock-box{background:#ffffff;border:1px solid #e5e5ea;border-radius:var(--radius-outer);padding:30px;text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:10px;}.ft-logo-picker-wrap{display:flex;align-items:center;gap:16px;background:#fbfbfd;border:1px solid #d2d2d7;border-radius:var(--radius-inner);padding:14px;margin-top:4px;}.ft-logo-preview{width:140px;height:60px;background:#ffffff;border:1px dashed #d2d2d7;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:6px;overflow:hidden;}.ft-logo-preview img{max-width:100%;max-height:100%;object-fit:contain;display:block;}.ft-no-logo-text{font-size:11px;color:#86868b;text-align:center;line-height:1.2;}.ft-logo-picker-actions{display:flex;gap:8px;flex-wrap:wrap;}.ft-section-title{font-size:16px;font-weight:700;margin:10px 0 4px 0;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:8px;}.ft-login-card{max-width:440px;margin:40px auto;padding:38px 32px;text-align:center;}.ft-login-header{margin-bottom:24px;}.ft-login-logo{justify-content:center;margin-bottom:14px;}.ft-login-header h1{font-size:24px;font-weight:700;margin:0 0 6px 0;}.ft-login-header p{font-size:13px;color:var(--text-secondary);margin:0;}.ft-input-with-svg{position:relative;display:flex;align-items:center;}.ft-input-with-svg input{padding-left:42px !important;}.ft-password-wrap input{padding-right:42px !important;}.ft-pw-toggle{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:background 0.2s,color 0.2s;}.ft-pw-toggle:hover{color:var(--text-primary);background:rgba(0,0,0,0.04);}.ft-login-options{display:flex;justify-content:space-between;align-items:center;margin:6px 0 16px 0;}.ft-checkbox-container{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;}.ft-checkbox-container input{width:16px;height:16px;cursor:pointer;accent-color:var(--accent);}.ft-login-actions{display:flex;flex-direction:column;gap:12px;}.ft-biometric-divider{display:flex;align-items:center;text-align:center;color:var(--text-secondary);font-size:12px;margin:4px 0;}.ft-biometric-divider:before,.ft-biometric-divider:after{content:"";flex:1;border-bottom:1px solid #e5e5ea;}.ft-biometric-divider:not(:empty)::before{margin-right:.75em;}.ft-biometric-divider:not(:empty)::after{margin-left:.75em;}.ft-btn-biometric{background:#f5f5f7;color:var(--text-primary);border:1px solid #e5e5ea;}.ft-btn-biometric:hover{background:#e5e5ea;}.ft-login-alert{background:#fff2f2;border:1px solid #ffcdd2;color:#d32f2f;font-size:13px;padding:10px 14px;border-radius:var(--radius-inner);margin-bottom:14px;text-align:left;}.ft-char-count{display:block;margin-top:6px;color:var(--text-muted,#7a8088);font-size:11px;text-align:right;}@media (max-width:1024px){.ft-app-container{width:95vw;}}@media (max-width:720px){.ftcm-app .ft-app-container,.ftcm-app .ft-pos-app,.ftcm-app .ft-content,.ftcm-app .ft-card{width:100% !important;max-width:100% !important;min-width:0 !important;}.ftcm-app .ft-app-container{margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;}.ft-card{padding:20px 16px;}.ft-header-flex{flex-direction:column-reverse;align-items:flex-start;}.ft-grid{grid-template-columns:1fr;gap:14px;}.ft-full{grid-column:span 1;}.ft-glass-nav{flex-direction:column;align-items:flex-start;gap:8px;}.ft-nav-right{width:100%;justify-content:space-between;}.ft-tab-bar{flex-direction:column;}.ftcm-app .ft-pos-grid{grid-template-columns:minmax(0,1fr) !important;max-height:none;overflow:visible;}.ftcm-app .ft-pos-card{width:100% !important;min-width:0 !important;}.ft-table-header-box{flex-direction:column;align-items:flex-start;}.ft-search-wrap{width:100% !important;}.ft-search-wrap input:focus{width:100% !important;}.ft-btn{width:100%;}.ftcm-app .ft-tab-bar{display:grid !important;grid-template-columns:1fr 1fr;width:100%;gap:6px;}.ftcm-app .ft-tab-btn{width:100%;min-width:0;white-space:normal;}.ftcm-app .ft-form-grid,.ftcm-app .ft-grid-2,.ftcm-app .ft-grid-3{grid-template-columns:1fr !important;}.ftcm-app .ft-table-card{overflow:visible;}.ft-code-row{flex-direction:column;gap:10px;text-align:center;}.ft-logo-picker-wrap{flex-direction:column;align-items:flex-start;}}