*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#070a12;--bg2:#0d1322;--bg3:#131b2e;--border:#0ea5e929;--border2:#0ea5e959;--blue:#0ea5e9;--cyan:#06b6d4;--green:#10b981;--orange:#f59e0b;--red:#ef4444;--purple:#8b5cf6;--text:#f1f5f9;--text2:#94a3b8;--text3:#64748b;--glow:#0ea5e940;--radius:16px;--radius-sm:10px}html,body{background:var(--bg);color:var(--text);min-height:100vh;direction:rtl;min-height:-webkit-fill-available;font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#0ea5e909 1px,#0000 1px),linear-gradient(90deg,#0ea5e909 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}.orb{filter:blur(120px);pointer-events:none;z-index:0;opacity:.16;border-radius:50%;position:fixed}.orb-1{background:#0ea5e9;width:500px;height:500px;top:-140px;right:-140px}.orb-2{background:#8b5cf6;width:450px;height:450px;bottom:-120px;left:-120px}.app-container{z-index:1;min-height:100vh;display:flex;position:relative}.sidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid var(--border);z-index:100;background:#0d1322f0;flex-direction:column;width:260px;padding:24px 0 16px;display:flex;position:fixed;top:0;bottom:0;right:0}.logo-wrap{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:0 20px 24px;display:flex}.logo-img{object-fit:cover;border:1px solid #0ea5e959;border-radius:12px;width:44px;height:44px;box-shadow:0 0 18px #0ea5e94d}.logo-title{background:linear-gradient(135deg,#38bdf8,#06b6d4,#a855f7);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900;line-height:1.1}.logo-sub{color:var(--text3);font-size:11px;font-weight:600}.nav-list{flex-direction:column;flex:1;gap:6px;padding:20px 12px;display:flex}.nav-btn{border-radius:var(--radius-sm);color:var(--text2);cursor:pointer;text-align:right;background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-btn:hover{color:var(--text);background:#0ea5e914;border-color:#0ea5e926;transform:translate(-2px)}.nav-btn.active{border-color:var(--border2);color:var(--blue);background:linear-gradient(135deg,#0ea5e929,#06b6d414);box-shadow:inset 0 0 12px #0ea5e91a}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:16px 20px;display:flex}.server-status-pill{color:var(--text3);justify-content:space-between;align-items:center;font-size:12px;display:flex}.server-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.network-pill{border:1px solid var(--border);color:var(--cyan);cursor:pointer;background:#0ea5e914;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-family:Inter,monospace;font-size:11px;font-weight:600;transition:all .2s;display:flex}.network-pill:hover{border-color:var(--cyan);background:#0ea5e92e}.mobile-top-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:99;background:#0d1322f5;justify-content:space-between;align-items:center;height:60px;padding:0 16px;position:fixed;top:0;left:0;right:0;display:none!important}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);height:68px;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:99;background:#0d1322f5;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;display:none!important}.mobile-nav-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-family:inherit;font-size:11px;font-weight:700;transition:all .2s;display:flex}.mobile-nav-btn.active{color:var(--blue)}.main-content{flex:1;min-height:100vh;margin-right:260px;padding:36px 40px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-title{color:var(--text);letter-spacing:-.5px;font-size:26px;font-weight:900}.page-subtitle{color:var(--text2);margin-top:4px;font-size:14px}.mobile-notice-bar{border-radius:var(--radius);background:linear-gradient(135deg,#0ea5e91a,#8b5cf614);border:1px solid #0ea5e940;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;padding:16px 20px;display:flex}.notice-info{align-items:center;gap:14px;display:flex}.notice-icon-wrap{width:42px;height:42px;color:var(--blue);background:#0ea5e926;border:1px solid #0ea5e94d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notice-title{color:var(--text);font-size:14px;font-weight:800}.notice-sub{color:var(--text2);margin-top:2px;font-size:12px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .25s;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 10px 28px #0006}.stat-icon{color:var(--blue);margin-bottom:12px}.stat-value{color:var(--text);margin-bottom:6px;font-family:Inter,sans-serif;font-size:32px;font-weight:900;line-height:1}.stat-label{color:var(--text2);font-size:13px;font-weight:700}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:26px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-title{color:var(--text);align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.full{grid-column:1/-1}label{color:var(--text2);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}input,select,textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--glow);background:#131b2ef2}input::placeholder{color:var(--text3)}.field-hint{color:var(--text3);font-size:12px;line-height:1.5}.field-hint.highlight{color:var(--cyan)}.type-selector{gap:10px;display:flex}.type-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg3);color:var(--text2);cursor:pointer;text-align:center;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex}.type-btn.active{border-color:var(--blue);color:var(--blue);background:#0ea5e91f;box-shadow:0 0 14px #0ea5e926}.pwd-input-wrap{gap:8px;display:flex}.pwd-input{letter-spacing:2px;text-align:center;color:var(--cyan);font-family:Inter,monospace;font-size:16px;font-weight:700}.btn{border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--blue), var(--cyan));color:#fff;box-shadow:0 4px 16px #0ea5e959}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 22px #0ea5e980}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--text2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--border2);color:var(--text);background:#ffffff08}.btn-danger{color:var(--red);background:#ef44441f;border:1px solid #ef444440}.btn-danger:hover{border-color:var(--red);background:#ef444438}.btn-purple{color:#c084fc;background:linear-gradient(135deg,#8b5cf640,#a855f726);border:1px solid #8b5cf666}.btn-purple:hover{color:#f3e8ff;background:#8b5cf659;border-color:#a855f7;box-shadow:0 0 14px #8b5cf64d}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{border-radius:var(--radius-sm);padding:8px 10px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.card-item{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;justify-content:space-between;padding:22px;transition:all .25s;display:flex;position:relative;overflow:hidden}.card-item:before{content:"";background:linear-gradient(90deg, var(--blue), var(--cyan), var(--purple));opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.card-item:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 10px 30px #0006}.card-item:hover:before{opacity:1}.card-header-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.card-title-group{flex-direction:column;gap:6px;display:flex}.card-name{color:var(--text);font-size:17px;font-weight:800}.card-badges-wrap{flex-wrap:wrap;gap:6px;display:flex}.badge{border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-blue{color:var(--blue);background:#0ea5e91f;border:1px solid #0ea5e94d}.badge-green{color:var(--green);background:#10b9811f;border:1px solid #10b9814d}.badge-purple{color:#c084fc;background:#8b5cf61f;border:1px solid #8b5cf64d}.badge-lock{color:var(--orange);background:#f59e0b1f;border:1px solid #f59e0b4d}.card-actions-row{gap:6px;display:flex}.card-info-box{background:var(--bg3);border-radius:var(--radius-sm);border:1px solid #ffffff0a;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px;display:flex}.card-info-row{align-items:center;gap:8px;font-size:12px;display:flex}.info-label{color:var(--text3);min-width:90px;font-weight:700}.info-val{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;text-align:left;direction:ltr;flex:1;font-family:Inter,monospace;overflow:hidden}.info-val.target{color:var(--cyan);font-weight:600}.mini-copy-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px 4px;transition:color .2s;display:flex}.mini-copy-btn:hover{color:var(--blue)}.card-buttons-bar{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.card-stats-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.scan-counter{align-items:baseline;gap:5px;display:flex}.scan-count-num{color:var(--blue);font-family:Inter,sans-serif;font-size:18px;font-weight:800}.scan-count-label{color:var(--text3);font-size:11px;font-weight:600}.card-date-label{color:var(--text3);font-size:11px}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;background:#000000d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:20px;width:100%;max-width:520px;max-height:90vh;padding:28px;animation:.25s cubic-bezier(.34,1.56,.64,1) modalIn;position:relative;overflow-y:auto;box-shadow:0 20px 50px #0009}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex;position:absolute;top:18px;left:18px}.modal-close-btn:hover{border-color:var(--red);color:var(--red)}.modal-title{color:var(--text);align-items:center;gap:8px;margin-bottom:20px;font-size:18px;font-weight:800;display:flex}.mockup-preview-container{flex-direction:column;align-items:center;gap:16px;margin:16px 0;display:flex}.mockup-card{-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;justify-content:space-between;width:350px;height:220px;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0009}.mockup-card.dark{color:#fff;background:linear-gradient(135deg,#10141f 0%,#172133 100%);border:1px solid #ffffff1f}.mockup-card.light{color:#0f172a;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #cbd5e1}.mockup-header{justify-content:space-between;align-items:center;display:flex}.google-badge{align-items:center;gap:8px;display:flex}.google-g-logo{width:22px;height:22px}.google-title{letter-spacing:-.2px;font-size:13px;font-weight:800}.mockup-stars{color:#f59e0b;letter-spacing:2px;font-size:14px}.mockup-body{justify-content:space-between;align-items:center;gap:14px;display:flex}.mockup-text-side{flex:1}.mockup-biz-name{margin-bottom:4px;font-size:15px;font-weight:900;line-height:1.2}.mockup-instruction{opacity:.75;font-size:10px;line-height:1.4}.mockup-qr-box{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:82px;height:82px;padding:4px;display:flex;box-shadow:0 4px 12px #0003}.mockup-qr-box img{object-fit:contain;width:100%;height:100%}.mockup-footer{letter-spacing:.5px;opacity:.6;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;display:flex}.mockup-nfc-indicator{align-items:center;gap:4px;display:flex}.ntag-specs-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}.ntag-spec-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.ntag-spec-label{color:var(--text3);font-size:11px;font-weight:700}.ntag-spec-val{color:var(--cyan);margin-top:4px;font-family:Inter,monospace;font-size:15px;font-weight:800}.empty-state{text-align:center;color:var(--text3);flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-state-icon{width:56px;height:56px;color:var(--text3);opacity:.4}.empty-state h3{color:var(--text2);font-size:17px}.empty-state p{font-size:13px}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:700;animation:.25s forwards toastIn;display:flex;box-shadow:0 10px 32px #00000080}.toast.success{border-color:#10b98166}.toast.error{border-color:#ef444466}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media print{body *{visibility:hidden!important}#printable-card-area,#printable-card-area *{visibility:visible!important}#printable-card-area{width:85.6mm;height:53.98mm;margin:0;padding:14px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:none!important;border:1px solid #ccc!important;border-radius:3.18mm!important}}@media (width<=860px){.sidebar{display:none!important}.mobile-top-bar,.mobile-bottom-nav{display:flex!important}.main-content{margin-right:0;padding:76px 16px 86px}.form-grid,.cards-grid{grid-template-columns:1fr}.page-title{font-size:22px}.mockup-card{width:100%;height:auto;min-height:200px}}.nfc-radar-wrap{background:#0ea5e91a;border:1px solid #0ea5e959;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:20px auto;display:flex;position:relative}.nfc-radar-wrap.pulsing:before,.nfc-radar-wrap.pulsing:after{content:"";border:1px solid #0ea5e94d;border-radius:50%;animation:2s cubic-bezier(.2,.6,.4,1) infinite radarPulse;position:absolute;inset:-12px}.nfc-radar-wrap.pulsing:after{animation-delay:.6s;inset:-24px}@keyframes radarPulse{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.nfc-step-box{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:12px;margin-top:16px;padding:16px;display:flex}.nfc-step-row{color:var(--text2);align-items:center;gap:12px;font-size:13px;display:flex}.nfc-step-row.active{color:var(--cyan);font-weight:700}.nfc-step-row.done{color:var(--green);font-weight:700}.nfc-toggle-wrap{border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f59e0b14;border:1px solid #f59e0b40;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 14px;font-size:13px;display:flex}.shab7-image-card{aspect-ratio:1024/1006;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 18px 40px #00000073);background:0 0;border-radius:42px;width:360px;max-width:100%;height:auto;margin:0 auto;position:relative;overflow:hidden}.shab7-template-bg-img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.shab7-qr-overlay-box{pointer-events:auto;z-index:5;justify-content:center;align-items:center;display:flex;position:absolute}.shab7-live-qr-img{object-fit:contain;width:100%;height:100%;display:block}.template-pill-list{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex;overflow-x:auto}.template-pill{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.template-pill:hover{color:var(--text);border-color:var(--border2);background:#0ea5e91a}.template-pill.active{border-color:var(--blue);color:var(--blue);background:linear-gradient(135deg,#0ea5e933,#06b6d426);box-shadow:0 0 12px #0ea5e933}.template-pill.add-new{border-style:dashed;border-color:var(--cyan);color:var(--cyan);background:#06b6d414}.template-pill.add-new:hover{background:#06b6d42e}.template-delete-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 2px;transition:color .15s;display:flex}.template-delete-btn:hover{color:var(--red)}.preset-btn-group{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.preset-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .15s}.preset-btn:hover{background:var(--bg2);color:var(--text)}.export-panel-wrap{background:var(--bg2);border:1px solid var(--border);text-align:right;border-radius:16px;margin-top:18px;padding:16px}.export-category-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:14px;padding-bottom:10px;display:flex}.export-category-tab{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.export-category-tab:hover{color:var(--text);border-color:var(--border2);background:#0ea5e914}.export-category-tab.active{border-color:var(--blue);color:var(--blue);background:linear-gradient(135deg,#0ea5e933,#06b6d426);box-shadow:0 0 14px #0ea5e940}.format-pill-group{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px;display:grid}@media (width<=640px){.format-pill-group{grid-template-columns:repeat(2,1fr)}.export-category-tabs{flex-direction:column}}.format-pill{background:var(--bg3);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex}.format-pill:hover{border-color:var(--border2);background:#0ea5e91a}.format-pill.active{border-color:var(--blue);color:var(--blue);background:linear-gradient(135deg,#0ea5e933,#06b6d426);box-shadow:0 0 12px #0ea5e933}.format-pill-name{font-size:13px;font-weight:800}.format-pill-hint{color:var(--text3);margin-top:3px;font-size:10px}.format-pill.active .format-pill-hint{color:var(--blue);opacity:.9}.threed-model-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px;display:grid}@media (width<=580px){.threed-model-grid{grid-template-columns:1fr}}.threed-model-card{background:var(--bg3);border:1px solid var(--border);cursor:pointer;text-align:right;border-radius:12px;align-items:flex-start;gap:10px;padding:12px;transition:all .2s;display:flex}.threed-model-card:hover{border-color:var(--border2);background:#0ea5e914}.threed-model-card.active{border-color:var(--cyan);background:linear-gradient(135deg,#0ea5e92e,#8b5cf624);box-shadow:0 0 14px #06b6d433}.threed-model-icon{width:38px;height:38px;color:var(--cyan);background:#0ea5e926;border:1px solid #0ea5e94d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.threed-model-card.active .threed-model-icon{background:var(--cyan);color:#0b0f19}.threed-model-title{color:var(--text);font-size:13px;font-weight:800}.threed-model-desc{color:var(--text3);margin-top:3px;font-size:11px;line-height:1.4}.threed-specs-badge{background:var(--bg3);border:1px solid var(--border);color:var(--text2);border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12px;display:flex}.scale-pill{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .15s}.scale-pill:hover{color:var(--text)}.scale-pill.active{background:var(--blue);border-color:var(--blue);color:#fff}@media print{body *{visibility:hidden!important}#printable-shab7-card,#printable-shab7-card *{visibility:visible!important}#printable-shab7-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100mm!important;height:101.4mm!important;box-shadow:none!important;filter:none!important;background:0 0!important;border:none!important;border-radius:4.5mm!important;margin:0!important;padding:0!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--blue)}.login-screen-wrapper{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-loading-box{z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex}.login-logo-pulse{object-fit:cover;border-radius:18px;width:72px;height:72px;margin-bottom:20px;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 35px #0ea5e966}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 30px #0ea5e959}50%{transform:scale(1.05);box-shadow:0 0 50px #0ea5e999}}.login-card-container{border:1px solid var(--border2);-webkit-backdrop-filter:blur(28px);z-index:10;background:#0d1322eb;border-radius:20px;width:100%;max-width:440px;padding:36px 32px;animation:.35s cubic-bezier(.34,1.56,.64,1) loginSlide;position:relative;box-shadow:0 25px 60px #000000b3,0 0 40px #0ea5e91f}@keyframes loginSlide{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo-wrap{text-align:center;margin-bottom:26px}.login-logo-img{object-fit:cover;border:2px solid #0ea5e966;border-radius:16px;width:60px;height:60px;margin-bottom:12px;box-shadow:0 0 25px #0ea5e959}.login-title{background:linear-gradient(135deg,#38bdf8,#06b6d4,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:900;line-height:1.2}.login-subtitle{color:var(--text3);margin-top:4px;font-size:12px}.login-restricted-badge{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;border-radius:20px;align-items:center;gap:6px;margin-top:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.login-error-alert{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459;border-radius:10px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.password-input-wrap{align-items:center;display:flex;position:relative}.password-input-wrap .form-input{padding-left:42px}.password-toggle-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;left:12px}.password-toggle-btn:hover{color:var(--cyan)}.login-submit-btn{justify-content:center;width:100%;margin-top:10px;padding:14px;font-size:14px;font-weight:800}.login-footer-hint{border-top:1px solid var(--border);color:var(--text3);text-align:center;justify-content:center;align-items:center;gap:6px;margin-top:20px;padding-top:16px;font-size:11px;line-height:1.5;display:flex}.user-profile-widget{border:1px solid var(--border);border-radius:var(--radius-sm);background:#131b2eb3;margin-bottom:10px;padding:10px 12px}.user-profile-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.user-avatar-circle{color:#fff;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:900;display:flex;box-shadow:0 0 10px #0ea5e966}.user-info-text{flex:1;min-width:0}.user-display-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.user-role-badge{color:var(--cyan);font-size:10px;font-weight:600}.user-actions-row{gap:6px;display:flex}.btn-user-action{border:1px solid var(--border);color:var(--text2);cursor:pointer;background:#0ea5e90f;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s;display:flex}.btn-user-action:hover{color:var(--cyan);border-color:var(--cyan);background:#0ea5e929}.btn-user-action.logout:hover{color:var(--red);border-color:var(--red);background:#ef444429}.users-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.user-card-item{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s;display:flex}.user-card-item:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 10px 25px #0000004d}.user-card-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.user-card-avatar{color:#fff;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:900;display:flex;box-shadow:0 0 12px #0ea5e94d}.user-card-name{color:var(--text);align-items:center;gap:6px;font-size:15px;font-weight:800;display:flex}.user-card-username{color:var(--text3);text-align:right;direction:ltr;font-family:Inter,monospace;font-size:12px}.user-role-tag{border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.user-role-tag.admin{color:#c084fc;background:#8b5cf626;border:1px solid #8b5cf659}.user-role-tag.editor{color:#38bdf8;background:#0ea5e926;border:1px solid #0ea5e959}.you-badge{color:var(--green);background:#10b98126;border:1px solid #10b9814d;border-radius:4px;padding:2px 6px;font-size:10px}.user-card-meta{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text3);flex-direction:column;gap:6px;margin-bottom:14px;padding:10px 12px;font-size:12px;display:flex}.user-card-meta div{justify-content:space-between;display:flex}.user-card-meta strong{color:var(--text2)}.user-card-actions{gap:8px;display:flex}.nfc-subnav-bar{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);gap:8px;margin-bottom:22px;padding:6px;display:flex;overflow-x:auto}.nfc-subnav-btn{color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex}.nfc-subnav-btn:hover{color:var(--text);background:#0ea5e914}.nfc-subnav-btn.active{color:#38bdf8;background:linear-gradient(135deg,#0ea5e933,#8b5cf633);border:1px solid #0ea5e966;box-shadow:0 0 16px #0ea5e933}.nfc-radar-live-card{border:1px solid var(--border2);background:linear-gradient(135deg,#0d1322f2,#131b2ee6);position:relative;overflow:hidden}.radar-visual-container{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.radar-dish{background:radial-gradient(circle,#0ea5e91f 0%,#070a12e6 70%);border:2px solid #0ea5e94d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative;box-shadow:0 0 25px #0ea5e933}.radar-dish.active{border-color:#10b98199;box-shadow:0 0 35px #10b98159}.radar-ring{border:1px dashed #0ea5e940;border-radius:50%;position:absolute}.radar-ring.ring-1{inset:15px}.radar-ring.ring-2{inset:32px}.radar-ring.ring-3{inset:50px}.radar-dish.active .radar-sweep{pointer-events:none;background:conic-gradient(#10b98166 0deg,#0000 65deg 360deg);border-radius:50%;animation:2.4s linear infinite radarSpin;position:absolute;inset:0}@keyframes radarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-center-icon{width:52px;height:52px;color:var(--cyan);z-index:2;background:#0d1322f2;border:1px solid #0ea5e966;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 14px #0ea5e94d}.radar-dish.active .radar-center-icon{color:var(--green);border-color:#10b98199;animation:1.6s ease-in-out infinite alternate radarPulseCore;box-shadow:0 0 20px #10b98180}@keyframes radarPulseCore{0%{transform:scale(.95)}to{transform:scale(1.08)}}.radar-info-box{flex:1;min-width:280px}.status-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.status-dot.active{background:var(--green);box-shadow:0 0 12px var(--green)}.status-dot.idle{background:var(--text3)}.nfc-notice-alert{border-radius:var(--radius-sm);color:var(--cyan);background:#0ea5e91a;border:1px solid #0ea5e940;align-items:center;gap:10px;padding:10px 14px;font-size:12px;line-height:1.5;display:flex}.nfc-scanned-result-box{background:var(--bg2);border-radius:var(--radius);border:1px solid #10b9814d;padding:20px;box-shadow:0 0 25px #10b9811f}.nfc-result-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.nfc-uid-chip{background:var(--bg3);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.uid-code{color:var(--cyan);direction:ltr;font-family:Inter,monospace;font-size:13px;font-weight:800}.nfc-health-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.nfc-health-badge.healthy{color:#34d399;background:#10b98126;border:1px solid #10b98159}.nfc-bank-card-badge{border-radius:var(--radius-sm);background:linear-gradient(135deg,#f59e0b1f,#b4530914);border:1px solid #f59e0b59;margin-top:14px;padding:14px}.nfc-decoded-record-item{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.nfc-history-item{background:var(--bg3);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.nfc-history-item:hover{border-color:var(--cyan);background:#0ea5e914}.nfc-writer-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.nfc-writer-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:12px;padding:14px;transition:all .2s;display:flex}.nfc-writer-card:hover{border-color:#0ea5e966;transform:translateY(-2px)}.nfc-writer-card.active{border-color:var(--cyan);background:linear-gradient(135deg,#0ea5e926,#8b5cf61f);box-shadow:0 0 16px #0ea5e933}.nfc-writer-card-icon{width:38px;height:38px;color:var(--cyan);background:#0ea5e926;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nfc-writer-card.active .nfc-writer-card-icon{background:var(--cyan);color:#070a12}.nfc-writer-card-title{color:var(--text);font-size:13px;font-weight:800}.nfc-writer-card-desc{color:var(--text3);margin-top:3px;font-size:11px;line-height:1.4}.nfc-sim-grid{flex-direction:column;gap:10px;display:flex}.nfc-sim-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:right;align-items:center;gap:14px;padding:12px 14px;transition:all .2s;display:flex}.nfc-sim-card:hover{border-color:var(--cyan);background:#0ea5e91a;transform:translate(-4px)}.nfc-sim-card-icon{width:42px;height:42px;color:var(--cyan);background:#0ea5e926;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-green{color:#34d399;background:#10b9812e;border:1px solid #10b98166}.btn-green:hover{color:#fff;background:#10b9814d}