:root{--primary-bg:#23497c;--primary-gradient:linear-gradient(135deg,#23497c,#00a8e8);--primary-gradient-hover:linear-gradient(135deg,#00a8e8,#07c);--primary-color:#00a8e8;--secondary-color:#07c;--accent-color:#f0e6d2;--text-light:#f0e6d2;--text-dark:#1a1a1a;--box-shadow:0 4px 15px #0000004d;--box-shadow-hover:0 6px 15px #0006}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0b1e3a,#23497c);background-color:#f9f9f9;color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;transition:background .5s,color .5s}.hidden{display:none!important}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.footer{margin-top:auto;padding:20px;text-align:center}.theme-toggle-btn{background:linear-gradient(135deg,#23497c,#00a8e8);border:none;border-radius:50%;bottom:10px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;font-size:1.05rem;left:10px;padding:.56rem .84rem;position:fixed;transition:background .3s,transform .3s;z-index:1000}.theme-toggle-btn:hover{background:linear-gradient(135deg,#00a8e8,#07c);transform:scale(1.1)}.app-container{align-items:stretch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;display:flex;flex-direction:column;margin:auto;max-width:1920px;min-height:100vh;padding:1rem;width:100%}.app-routes-container{display:flex;flex:1 1 auto;flex-direction:column}.app-container h1{color:#f0e6d2;font-size:2.5rem;margin-bottom:1rem;margin-top:0;text-align:center;text-shadow:0 2px 5px #00000080}button{background:linear-gradient(135deg,#23497c,#00a8e8);border:none;border-radius:999px;box-shadow:0 4px 10px #0000004d;color:#f0e6d2;cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem 1rem;transition:background .3s,transform .3s}button:hover{background-color:#07c;background-color:var(--secondary-color)}input,textarea{font-size:16px;padding:8px}.content form input,input,textarea{border:1px solid #ccc;border-radius:24px}.content form input{margin-bottom:0;padding:12px;width:100%}a{color:#00a8e8;color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}select{border:1px solid #ccc;border-radius:24px;box-sizing:border-box;font-size:16px;padding:8px;width:100%}.message{border:2px solid;border-radius:8px;display:inline-block;font-weight:700;margin-top:30px;min-width:300px;padding:15px 20px;position:relative;text-align:center}.message.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.message.success:before{color:#155724;content:"\2714";font-weight:700;margin-right:8px}.message.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.message.error:before{color:#721c24;content:"\2716";font-weight:700;margin-right:8px}table{border-collapse:collapse;border-radius:8px;box-shadow:0 4px 10px #0000004d;margin-top:20px;overflow:hidden;width:100%}table thead{text-transform:uppercase}table thead th{font-weight:700;padding:12px 15px;text-align:left}table tbody tr{border-bottom:1px solid #fff3;transition:background-color .3s ease}table tbody tr:nth-child(2n){background:#ffffff0d}table tbody tr:hover{background:#ffffff26}table tbody td{padding:12px 15px;vertical-align:middle}table tbody td button{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;padding:6px 10px;transition:background-color .3s ease,transform .3s}table tbody td button:hover{transform:scale(1.05)}.content{padding:20px}code{background-color:#f4f4f4;border-radius:4px;display:inline-block;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:.2em .4em}@media (max-width:768px){body{font-size:90%}}.header-container{background-color:var(--header-bg);box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;max-width:1920px;padding:10px 15px}.header-container,.top-row{align-items:center;width:100%}.top-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr auto auto;padding:10px 20px}.logo-container{align-items:center;cursor:pointer;display:flex;grid-column:2;justify-content:center;justify-self:center}.logo{height:auto;width:120px}.menu-container{align-items:center;display:flex;gap:12px;grid-column:3;justify-self:end;position:relative}.menu-button{background-color:#23497c;background:linear-gradient(135deg,#23497c,#00a8e8);border:none;border-radius:999px;box-shadow:0 4px 10px #0000004d;color:#f0e6d2;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:.5rem 1rem;transition:background .3s,transform .3s}.menu-button-with-initials{overflow:hidden;position:relative}.menu-button-placeholder{visibility:hidden}.menu-button-initials{align-items:center;display:flex;font-size:.76rem;inset:0;justify-content:center;letter-spacing:0;line-height:1;position:absolute;text-shadow:0 1px 2px #0000008c;white-space:nowrap;z-index:1}.menu-button-has-image .menu-button-initials{color:#fff;position:absolute;text-shadow:-.5px -.5px 0 #000000bf,.5px -.5px 0 #000000bf,-.5px .5px 0 #000000bf,.5px .5px 0 #000000bf}.menu-button-has-image .menu-button-initials:before{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#00000047;border-radius:999px;box-shadow:0 1px 6px #00000040;content:"";height:1.25rem;max-width:3rem;min-width:2.2rem;position:absolute;width:calc(100% - 1rem);z-index:-1}.menu-button-has-image{background-color:#23497c}.menu-button:not(.menu-button-has-image):hover{background:linear-gradient(135deg,#00a8e8,#07c);box-shadow:0 6px 15px #0006;color:#1a1a1a;transform:scale(1.1)}.menu-button-has-image:hover{background-color:initial;box-shadow:0 6px 15px #0006;color:#f0e6d2;transform:scale(1.1)}.dropdown-menu{background:linear-gradient(135deg,#23497c,#00a8e8);border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#fff;display:flex;flex-direction:column;gap:10px;min-width:150px;padding:10px 0;position:absolute;right:0;top:100%;z-index:1000}.dropdown-menu button{background:none;border:none;color:#fff;cursor:pointer;display:block;padding:10px;text-align:left;width:100%}.dropdown-menu button:hover{background-color:#ffffff0f}.slogan-container{margin-top:10px;text-align:center;width:100%}.slogan-container h1{color:#f0e6d2;font-size:2rem;margin:0;text-align:center}@media (max-width:480px){.slogan-container h1{font-size:.6rem}.tabButton-details{display:none}}@media (max-width:768px){.slogan-container h1{font-size:.8rem}}@media (max-width:1024px){.slogan-container h1{font-size:1.2rem}}@media (max-width:1280px){.header{padding:8px 10px}.logo{width:100px}.slogan-container h1{font-size:1.5rem}}.menu-container.horizontal-menu{align-items:center;display:flex;gap:20px;justify-content:center}.horizontal-menu-buttons{align-items:center;display:flex;gap:12px}.horizontal-menu-buttons span{cursor:pointer;font-size:16px;padding:0;position:relative;text-decoration:none}.horizontal-menu-buttons span:not(:last-child):after{color:inherit;content:" |";font-size:16px;margin-left:6px}.horizontal-menu-buttons span:hover{text-decoration:underline}.horizontal-menu-buttons .lang-select select{min-width:100px;width:auto}.horizontal-menu .menu-button{display:none}.footer-ad-slot{display:flex;justify-content:center;margin-top:12px;width:100%}.footer-ad-slot .ad-wrapper{border-radius:6px;height:320px;max-width:1920px;overflow:hidden;position:relative;width:100%}.footer-ad-slot .ad-wrapper .ad-img{display:block;height:100%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.footer-ad-slot .ad-wrapper .ad-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.footer-ad-slot .ad-wrapper .ad-overlay .ad-text{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;background:#00000073;border-radius:4px;color:#fff;display:-webkit-box;font-size:16px;max-width:90%;overflow:hidden;padding:6px 10px;text-overflow:ellipsis}@media (max-width:1600px){.footer-ad-slot .ad-wrapper{height:280px;max-width:1400px}}@media (max-width:1280px){.footer-ad-slot .ad-wrapper{height:220px;max-width:1000px}}@media (max-width:1024px){.footer-ad-slot .ad-wrapper{height:180px;max-width:800px}}@media (max-width:768px){.footer-ad-slot .ad-wrapper{height:120px;max-width:520px}}@media (max-width:480px){.footer-ad-slot .ad-wrapper{height:80px;max-width:400px}.footer-ad-slot .ad-wrapper .ad-overlay .ad-text{font-size:12px;padding:4px 8px}}@media (max-width:360px){.footer-ad-slot .ad-wrapper{height:64px;max-width:320px}}.wheel-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.wheel-content{background:#123;background:var(--header-bg,#123);border-radius:10px;box-shadow:0 8px 32px #0009;color:#fff;max-width:720px;padding:18px;width:100%}.close-button{background:#0000;color:#fff;font-size:22px;padding:4px 8px;right:8px;top:8px}.wheel-container{height:360px;margin:0 auto;position:relative;width:360px}.wheel-svg{display:block;height:100%;pointer-events:none;width:100%}.wheel-pointer{align-items:center;background:#0000;border-radius:50%;display:flex;height:44px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:-15px;transform:translateX(-50%);transition:transform .2s ease,box-shadow .2s ease;width:44px}.wheel-pointer svg{display:block}.wheel-pointer.win{animation:pulse .9s ease-in-out 0s 3;box-shadow:0 0 12px #ffdd5799,0 0 28px #ff990040;transform:translateX(-50%) scale(1.08)}.wheel-rim{fill:none;stroke:#d4af37;stroke-width:14px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}.wheel-hub{fill:#f5d067;stroke:#d4af37;stroke-width:4px}.rim-bulb{fill:#fff7c3;stroke:#ffd966;stroke-width:1px;filter:drop-shadow(0 4px 8px rgba(255,200,80,.25))}.pointer-tab{left:50%;pointer-events:none;position:absolute;top:6px;transform:translateX(-50%);z-index:5}.pointer-tab .tab-content{align-items:center;background:#0009;border-radius:12px;color:#fff;display:flex;gap:8px;justify-content:center;min-width:120px;padding:6px 10px}.pointer-tab .tab-label{font-size:13px;font-weight:700}.pointer-tab .tab-empty{opacity:0}.radial-path{fill:none;stroke:none}.segment-label{fill:#000;stroke:#fff;stroke-width:1.2px;vector-effect:non-scaling-stroke;font-size:20px;font-weight:700;paint-order:stroke}.segment.highlight{stroke:gold;stroke-width:3px;filter:drop-shadow(0 6px 22px rgba(255,215,0,.45))}.segment.win.highlight{fill:#4cd964}.segment.lose.highlight{fill:#ff6b6b}@keyframes pulse{0%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.18)}to{transform:translateX(-50%) scale(1)}}.segment.win{fill:#2ecc71;stroke:#ffffff22}.segment.lose{fill:#e74c3c;stroke:#ffffff22}.wheel-controls{display:flex;justify-content:center;margin-top:0;position:relative;z-index:6}.spin-button{-webkit-text-stroke:.7px #fff;background:linear-gradient(135deg,#ff9a1c,#ff7a00);border:none;border-radius:999px;box-shadow:0 6px 12px #00000024;color:#000;cursor:pointer;font-size:20px;font-weight:800;margin-left:20px;margin-top:-10px;padding:10px 22px;position:relative;z-index:8}.spin-button:disabled{cursor:default;opacity:.6}.wheel-result{margin-top:12px;text-align:center}.stars{color:gold;margin-left:8px}.star{margin-right:2px}@media (max-width:480px){.wheel-container{height:260px;width:260px}.wheel-content{max-width:320px;padding:12px}}table{overflow:visible!important}.items-container table{max-width:100%;table-layout:fixed;width:100%}.items-container table:not(.files-table) td:first-child,.items-container table:not(.files-table) th:first-child{padding:8px;width:20px}.items-container table:not(.files-table) td:first-child input[type=checkbox],.items-container table:not(.files-table) th:first-child input[type=checkbox]{margin:0}.items-container table td:nth-child(4),.items-container table th:nth-child(4){min-width:0;width:25%;word-break:break-word}.dashboard-container .col-reward,.items-container .col-reward,.items-container .col-summary{display:none}.items-container .menu-button,.others-items-container .menu-button{line-height:1;min-width:36px;padding:6px 10px;white-space:nowrap}.items-container .row-menu-anchor,.others-items-container .row-menu-anchor{display:inline-block;position:relative}.items-container .row-menu-anchor .dropdown-menu,.others-items-container .row-menu-anchor .dropdown-menu{right:0;top:calc(100% + 2px)}@media (max-width:800px){.menu-label-desktop{display:none}.menu-label-mobile{display:inline}.items-container .menu-button,.others-items-container .menu-button{font-size:14px;min-width:28px;padding:4px 7px}.items-container .col-lended,.items-container .col-lost,.items-container .col-name,.items-container .col-sn{display:none}.items-container .col-summary{display:table-cell}}.items-container table td:nth-child(3),.items-container table th:nth-child(3){min-width:0;width:20%;word-break:break-word}.items-container table td:nth-child(9),.items-container table th:nth-child(9){min-width:0;width:80px;word-break:break-word}.wheel-campaigns-table{table-layout:fixed}.wheel-campaigns-table .col-select{width:32px}.wheel-campaigns-table .col-code{min-width:0;width:18%;word-break:break-word}.wheel-campaigns-table .col-description{min-width:0;width:34%;word-break:break-word}.wheel-campaigns-table .col-end,.wheel-campaigns-table .col-start{min-width:0;width:13%;word-break:break-word}.wheel-campaigns-table .col-status{min-width:0;width:10%;word-break:break-word}.wheel-campaigns-table .col-actions{min-width:0;width:70px;word-break:break-word}.wheel-campaigns-table .col-summary{display:none}@media (max-width:800px){.wheel-campaigns-table .col-actions,.wheel-campaigns-table .col-code,.wheel-campaigns-table .col-description,.wheel-campaigns-table .col-end,.wheel-campaigns-table .col-start,.wheel-campaigns-table .col-status{display:none}.wheel-campaigns-table .col-summary{display:table-cell}}.wheel-campaigns-entries-table{max-width:100%;table-layout:fixed;width:100%}.wheel-campaigns-entries-table td:first-child,.wheel-campaigns-entries-table th:first-child{padding:6px;width:32px!important}.wheel-campaigns-entries-table td,.wheel-campaigns-entries-table th{min-width:0;word-break:break-word}.wheel-campaigns-entries-table .col-text{width:18%}.wheel-campaigns-entries-table .col-price-text,.wheel-campaigns-entries-table .col-price-url{width:16%}.wheel-campaigns-entries-table .col-price-image{width:14%}.wheel-campaigns-entries-table .col-discount{width:12%}.wheel-campaigns-entries-table .col-qty{width:10%}.wheel-campaigns-entries-table .col-closed{width:6%}.wheel-campaigns-entries-table .col-actions{text-align:right;width:50px}.wheel-campaigns-entries-table input[type=number],.wheel-campaigns-entries-table input[type=text],.wheel-campaigns-entries-table input[type=url]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box;outline:none!important;padding:2px 4px;width:100%}.wheel-campaigns-entries-table .entry-input{all:unset;box-sizing:border-box;display:block;padding:2px 4px;width:100%}.wheel-campaigns-entries-table .entry-input:focus{border-bottom:1px solid #90caf9}.wheel-campaigns-entries-table .entry-checkbox{all:unset;border:1px solid #bbb;border-radius:2px;display:inline-block;height:14px;vertical-align:middle;width:14px}.wheel-campaigns-entries-table .entry-checkbox:checked{background:#1976d2;border-color:#1976d2}.wheel-campaigns-entries-table input[type=number]:focus,.wheel-campaigns-entries-table input[type=text]:focus,.wheel-campaigns-entries-table input[type=url]:focus{border-bottom:1px solid #90caf9}.wheel-campaigns-entries-table input[type=checkbox]{transform:translateY(1px)}.wheel-campaigns-entries-table .col-summary{display:none}@media (max-width:800px){.wheel-campaigns-entries-table .col-actions,.wheel-campaigns-entries-table .col-closed,.wheel-campaigns-entries-table .col-discount,.wheel-campaigns-entries-table .col-price-image,.wheel-campaigns-entries-table .col-price-text,.wheel-campaigns-entries-table .col-price-url,.wheel-campaigns-entries-table .col-qty,.wheel-campaigns-entries-table .col-text{display:none}.wheel-campaigns-entries-table .col-summary{display:table-cell}}.new-messages-row{background:#e3f2fd;border-radius:6px;color:#0d47a1;cursor:pointer;display:inline-block;font-weight:600;margin:8px 0 12px;padding:10px 12px;transition:background .2s}.new-messages-row:hover{background:#bbdefb}.credit-balance-row{background:#e8f5e9;border-radius:6px;color:#1b5e20;display:inline-block;font-weight:600;margin:0 0 12px;padding:10px 12px}.others-items-container table{max-width:100%;table-layout:fixed;width:100%}.others-items-container table td:first-child,.others-items-container table th:first-child{padding:8px;width:70px}.others-items-container table td:nth-child(2),.others-items-container table th:nth-child(2){min-width:0;width:30%;word-break:break-word}.others-items-container table td:nth-child(3),.others-items-container table th:nth-child(3){min-width:0;width:25%;word-break:break-word}.others-items-container table td:nth-child(4),.others-items-container table th:nth-child(4){min-width:0;width:15%;word-break:break-word}.others-items-container .col-summary{display:none;min-width:0;word-break:break-word}.others-items-container .col-actions{min-width:0;width:80px;word-break:break-word}@media (max-width:800px){.others-items-container .col-others-reward,.others-items-container .col-sn,.others-items-container .col-status{display:none}.others-items-container .col-summary{display:table-cell}.others-items-container .col-actions{width:56px}}.dashboard-stats-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin:20px 0}.dashboard-stat-box{background:#f5f5f5;border-radius:8px;box-shadow:0 1px 4px #0000000f;cursor:pointer;flex:1 1 180px;margin-bottom:10px;max-width:100px;min-width:100px;padding:16px;text-align:center;transition:background .2s}.dashboard-stat-box:hover{background:#e0e0e0}.dashboard-stat-value{font-size:28px;font-weight:700}@media (max-width:900px){.dashboard-stat-box{flex:1 1 45%;max-width:100%;min-width:100px}}@media (max-width:600px){.dashboard-stats-container{gap:10px}.dashboard-stat-box{flex:1 1 20%;font-size:15px;max-width:100%;min-width:80px;padding:12px}.dashboard-stat-value{font-size:22px}}.row-lost{background-color:#ffebee!important}.row-lended{background-color:#fff3e0!important}.row-destroyed{background-color:#eee!important}.edititem-container{border-radius:8px;box-shadow:0 4px 8px #0000001a}.edititem-container h1{font-size:24px;text-align:center}.edititem-form{display:flex;flex-direction:column}.form-group{display:flex;justify-content:space-between}.form-group label{flex:1 1;margin-right:10px}.form-group input,.form-group textarea{box-sizing:border-box;flex:2 1;width:100%}.attachment-picker-wrap{display:inline-block;max-width:100%;position:relative}.attachment-picker-image{border-radius:8px;display:block;max-height:220px}.attachment-picker-pdf{background:#fff;border:1px solid #d9d9d9;border-radius:8px;display:block;height:220px}.attachment-picker-file-card{background:#fafafa;border:1px solid #d9d9d9;border-radius:8px;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:100px;padding:16px}.attachment-picker-file-ext{color:#666;font-size:.8rem;font-weight:700}.attachment-picker-file-name{font-size:.95rem;word-break:break-word}.attachment-picker-action{align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;line-height:1;position:absolute;top:5px;width:32px}.attachment-picker-action svg,.attachment-picker-empty-actions button svg{display:block;flex:0 0 auto}.attachment-picker-action-delete{background:#ff0000b3}.attachment-picker-action:disabled{cursor:not-allowed;opacity:.6}.attachment-picker-empty p{margin:0 0 8px}.attachment-picker-empty-actions{display:flex;flex-wrap:wrap;gap:8px}.attachment-picker-empty-actions button{align-items:center;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:inline-flex;gap:6px;padding:8px 12px}.attachment-picker-error{color:#c62828;font-size:.9rem;margin-top:6px}.attachment-picker-modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.attachment-picker-modal{background:#fff;border-radius:12px;max-height:85vh;overflow:auto;padding:16px;width:min(900px,100%)}.attachment-picker-modal-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.attachment-picker-modal-header h4{margin:0}.attachment-picker-modal-header button{background:#0000;border:none;cursor:pointer;font-size:1.5rem}.attachment-picker-library-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.attachment-picker-library-item{align-items:stretch;background:#fff;border:1px solid #ddd;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:10px;text-align:left}.attachment-picker-library-item:disabled{cursor:progress}.attachment-picker-library-item small,.attachment-picker-library-item span{word-break:break-word}.attachment-picker-library-placeholder,.attachment-picker-library-preview{border-radius:8px;height:120px;object-fit:cover;width:100%}.attachment-picker-library-placeholder{align-items:center;background:#f4f4f4;color:#555;display:flex;font-weight:700;justify-content:center}.login-container{max-width:300px}.login-container,.register-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto}.register-container{max-width:420px}.content,.shop-container{margin:20px auto}.shop-container{border-radius:8px;box-shadow:0 4px 8px #0000001a}.result-container{padding:20px;text-align:center}.result-container .content{margin:0 auto;max-width:800px;text-align:center}.expand-btn{background-color:#f9f9f9;border:1px solid #ccc;border-radius:999px;font-size:1rem;padding:.5rem 1rem}.expand-btn:hover{background-color:#f0f0f0}.search-box{align-items:center;display:flex;gap:10px}.scan-button{align-items:center;aspect-ratio:1/1;border-radius:50%;display:inline-flex;flex:0 0 40px;font-size:18px;height:40px;justify-content:center;line-height:1;max-height:40px;min-height:40px;min-width:40px;padding:0;width:40px}.logoSearch{height:auto;width:220px}.result-container .content .search-box button,.result-container .content .search-box input{border:none;box-sizing:border-box;height:40px;margin:0;max-height:40px;min-height:40px;padding:0}.result-container .content .search-box input{border:1px solid #ccc;border-radius:24px 24px 24px 24px;flex:1 1;font-size:16px;line-height:normal;outline:none;padding:0 10px}.result-container .content .search-box button{background-color:var(--primary-color);color:#fff;cursor:pointer;font-size:16px;line-height:40px;padding:0 20px;transition:background-color .3s ease}.search-box button:hover{background-color:var(--secondary-color)}.scanner-overlay{align-items:center;background:#000000b8;height:100dvh;inset:0;justify-content:center;overflow:hidden;overscroll-behavior:contain;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));position:fixed;width:100vw;z-index:1000}.scanner-modal,.scanner-overlay{box-sizing:border-box;display:flex}.scanner-modal{align-items:stretch;background:#111111f5;border-radius:24px;box-shadow:0 24px 80px #0006;flex-direction:column;gap:12px;max-height:min(92dvh,720px);padding:16px;position:relative;width:min(92vw,420px)}.scanner-header{align-items:center;display:flex;justify-content:flex-end}.scanner-header-spacer{display:none}.scanner-frame{align-items:center;aspect-ratio:1/1;background:#000;border-radius:20px;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.scanner-frame canvas,.scanner-frame video,.scanner-frame>div{height:100%!important;width:100%!important}.scanner-frame video{object-fit:cover;object-position:center center}.scanner-close{align-items:center;background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:24px;height:40px;justify-content:center;line-height:1;padding:0;position:relative;width:40px;z-index:1}.scanner-error{color:#ffb3b3;margin:0;text-align:left;word-break:break-word}.tabs{margin-bottom:20px}.tabs button{background-color:#f0f0f0;border:1px solid #ccc;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.tabs button.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.tabs button:not(:last-child){border-right:none}.tabs button:hover{background-color:var(--secondary-color);color:#fff}@media (max-width:768px){.search-box{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:center}.result-container .content .search-box input{flex:1 0 100%;width:100%}.result-container .content .search-box button{align-self:center;width:auto}.scan-button{align-self:center;aspect-ratio:1/1;height:40px;max-height:40px;min-height:40px;min-width:40px;padding:0;width:40px}.scanner-overlay{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.scanner-modal{border-radius:20px;padding:14px;width:min(100%,420px)}}.content{max-width:800px}.settings-container{border-radius:8px;box-shadow:0 4px 8px #0000001a}.settings-container h1{font-size:24px;margin-bottom:20px;text-align:center}.settings-form{display:flex;flex-direction:column;gap:15px}.form-group{grid-column-gap:16px;align-items:center;column-gap:16px;display:grid;grid-template-columns:1fr 2fr}.form-group label{font-size:16px;margin-right:0;text-align:left}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;width:100%}.form-group input[type=checkbox]{justify-self:start;margin:0;width:auto}.form-group select{box-sizing:border-box;max-width:300px;width:100%}.form-group textarea{height:80px;resize:vertical}.expand-btn,.submit-button{display:block;width:100%}.expand-btn{cursor:pointer;font-weight:700;margin-bottom:10px;padding:8px 12px;text-align:left}.forgot-password-container{align-items:flex-start;background-color:#f7f7f7;display:flex;justify-content:center;padding-top:0}.messages-container{padding:20px;text-align:left}.messages-container .content{margin:0 auto;text-align:left}.view-tabs{display:flex;gap:10px;margin-bottom:20px}.view-tabs .tab{background:#f5f5f5;border:1px solid #bbb;border-radius:6px 6px 0 0;color:#333;cursor:pointer;font-size:16px;outline:none;padding:8px 20px;transition:background .2s,color .2s}.view-tabs .tab:hover{background-color:#b8daff}.view-tabs .tab.active{background:#1976d2;border-bottom:2px solid #1976d2;color:#fff;font-weight:700}.view-tabs-mobile{border:1px solid #bbb;border-radius:6px;display:none;font-size:16px;margin-bottom:20px;padding:10px;width:100%}@media (max-width:768px){.view-tabs{display:none}.view-tabs-mobile{display:block}}.filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;margin:8px 0 16px}.conversation-toggle{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:8px}.conversation-toggle input{transform:translateY(1px)}.expand-button{align-items:center;background:linear-gradient(135deg,#23497c,#00a8e8);border:none;border-radius:999px;box-shadow:0 3px 8px #00000040;color:#f0e6d2;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:4px 10px;transition:background .3s,transform .3s}.expand-button:hover{background:linear-gradient(135deg,#00a8e8,#07c);box-shadow:0 5px 12px #00000059;color:#1a1a1a;transform:scale(1.05)}.conversation-row{background:#f9fbff}.conversation-row.has-unread{background:#fff3cd;box-shadow:inset 4px 0 0 #ffc107;font-weight:700}.message-detail-row{background:#fff}.message-detail-row.unread{background:#fff3cd;box-shadow:inset 4px 0 0 #ffc107;font-weight:700}.messages-table .col-summary{display:none}.summary-line{margin-bottom:4px}@media (max-width:800px){.messages-table .col-actions,.messages-table .col-date,.messages-table .col-direction,.messages-table .col-image,.messages-table .col-my,.messages-table .col-name,.messages-table .col-sn,.messages-table .col-text{display:none}.messages-table .col-summary{display:table-cell}}.message-detail-row td{background:#fff}.tab-content f2 .arrow-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:1.5rem;transition:color .3s,transform .3s}.tab-content f2{align-items:center;display:flex;justify-content:flex-end;width:100%}.tab-content f2 .arrow-button:hover{color:var(--secondary-color);transform:scale(1.2)}.dropdown,.nav-arrows,.tabs{transition:background .5s,color .5s}.tabs{border-radius:15px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem;padding:1rem}.tab-button,.tabs{box-shadow:var(--box-shadow)}.tab-button{background:var(--primary-gradient);border:none;border-radius:999px;color:var(--text-light);cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:background .3s,transform .3s}.tab-button.active,.tab-button:hover{background:var(--primary-gradient-hover);box-shadow:var(--box-shadow-hover);color:var(--text-dark);transform:scale(1.1)}.tab-content{border-radius:15px;box-shadow:var(--box-shadow);display:none;opacity:0;padding:1px 2rem 2rem;position:relative;transition:all .5s ease-in-out}.tab-content.active{display:block;opacity:1}.tab-content h2{align-items:center;color:var(--primary-color);display:flex;font-size:1.8rem;justify-content:space-between;text-shadow:0 2px 5px #00000080}.tab-content h2 .arrow-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:1.5rem;transition:color .3s,transform .3s}.tab-content h2 .arrow-button:hover{color:var(--secondary-color);transform:scale(1.2)}.tab-content p{font-size:1.2rem;line-height:1.8;margin-top:1rem;text-shadow:0 1px 3px #00000080}.nav-arrows{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.arrow-button{background:var(--primary-gradient);border:none;border-radius:50%;box-shadow:var(--box-shadow);color:var(--text-light);cursor:pointer;font-size:1.5rem;margin-top:20px;padding:.5rem 1rem;transition:background .3s,transform .3s}.arrow-button:hover{background:var(--primary-gradient-hover);box-shadow:var(--box-shadow-hover);color:var(--text-dark);transform:scale(1.1)}.dropdown{display:none;margin-bottom:1rem;text-align:center}.dropdown select{background:var(--primary-gradient);border:none;border-radius:999px;box-shadow:var(--box-shadow);color:var(--text-light);font-size:1rem;padding:1rem;transition:background .3s}.dropdown select:hover{background:var(--primary-gradient-hover);color:var(--text-dark)}.gallery-section{margin:auto;max-width:1600px;padding:2rem}.gallery-title{color:var(--accent-color);font-size:2.5rem;margin-bottom:2rem;text-align:center}.gallery-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.gallery-item{border-radius:1rem;box-shadow:0 4px 20px #00000080;overflow:hidden}.gallery-item img{display:block;height:auto;object-fit:cover;transition:transform .5s ease;width:100%}.gallery-item:hover img{transform:scale(1.05)}.card-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.card{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000004d;color:#333;max-width:500px;padding:20px;position:relative;width:90%}.close-button{background:none;border:none;color:#333;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.card-content h3{color:var(--primary-bg);margin-top:0}.card-content h4{color:var(--primary-color)}.card-content p{color:#333;line-height:1.6}.read-more{color:var(--primary-color);cursor:pointer;text-decoration:underline}.read-more:hover{color:var(--secondary-color)}@media (max-width:768px){.tabs{display:none}.dropdown{display:block}}.llpn-cards-container{margin:0 auto;max-width:1200px;padding:20px}.llpn-cards-container .content{background:#0000;box-shadow:none}.llpn-cards-container .back-button{margin-bottom:12px}.llpn-add-btn{align-items:center;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:6px;margin-bottom:16px;padding:8px 20px}.llpn-cards-form-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0514288c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.llpn-cards-form-dialog{background:#fffffffa;border-radius:12px;box-shadow:0 18px 48px #00000047;max-height:88vh;overflow:auto;padding:16px;width:min(920px,100%)}.llpn-cards-form-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.llpn-cards-form-header h3{margin:0}.llpn-cards-form-close{align-items:center;background:#ffffffe6;border:1px solid #0003;border-radius:50%;color:#1f2937;cursor:pointer;display:inline-flex;font-size:20px;height:32px;justify-content:center;line-height:1;width:32px}.llpn-cards-form{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:0}.llpn-cards-form .form-group{display:flex;flex-direction:column;gap:6px}.llpn-cards-form .llpn-cards-form-actions{align-items:center;display:flex;gap:12px;grid-column:1/-1;justify-content:flex-end;margin-top:6px}.llpn-cards-message{border-radius:8px;margin:10px 0;padding:10px}.llpn-cards-message.success{background:#30ad4b33}.llpn-cards-message.error{background:#d2414140}.llpn-cards-list table{table-layout:fixed;width:100%}.llpn-cards-list td,.llpn-cards-list th{min-width:0;overflow-wrap:anywhere;text-align:left;white-space:normal;word-break:break-word}.llpn-cards-list .col-partner{padding:12px 15px!important;width:28%!important}.llpn-cards-list .col-customer-no{width:32%!important}.llpn-cards-list .col-friendly-name{width:30%!important}.llpn-cards-list .col-summary{display:none}.llpn-cards-list .col-actions{padding-left:6px;padding-right:6px;text-align:right;width:70px!important}.llpn-cards-list .row-menu-anchor{display:inline-block;position:relative}.llpn-cards-list .row-menu-anchor .dropdown-menu{right:0;top:calc(100% + 2px)}.llpn-cards-form .secondary-btn{margin-top:6px}.llpn-image-preview-wrap{display:inline-block;max-width:240px;position:relative}.llpn-inline-image-preview{background:#ffffffe6;border-radius:8px;display:block;max-height:160px;max-width:240px}.llpn-image-action{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:5px;position:absolute;text-decoration:none;top:5px;width:32px;z-index:2}.llpn-image-action-download,.llpn-image-action-edit{background:#00000080}.llpn-image-action-delete{background:#ff0000b3}.llpn-cards-list .scan-row-clickable{cursor:pointer}.llpn-scan-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0514288c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.llpn-scan-modal{background:#ffffffeb;border:1px solid #ffffff40;border-radius:10px;box-shadow:0 8px 24px #00000040;padding:16px;position:relative;text-align:center;width:min(92vw,520px)}.llpn-scan-modal h3{margin:0 32px 10px 0}.llpn-scan-close{align-items:center;background:#ffffffe6;border:1px solid #0003;border-radius:50%;color:#1f2937;cursor:pointer;display:inline-flex;font-size:18px;height:28px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;width:28px}.llpn-scan-close:hover{background:#fff}.llpn-scan-preview{background:#fff;border-radius:8px;margin:10px 0 14px;max-height:60vh;max-width:100%}.llpn-scan-card-no{margin-top:4px;text-align:center}@media (max-width:700px){.llpn-cards-list .col-customer-no,.llpn-cards-list .col-friendly-name,.llpn-cards-list .col-partner{display:none}.llpn-cards-list .col-summary{display:table-cell!important;width:auto!important}.llpn-cards-list .col-actions{width:50px!important}.llpn-cards-form-overlay{padding:12px}.llpn-cards-form-dialog{max-height:92vh;padding:12px;width:100%}}.files-container .items-container{max-width:1100px}.files-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.files-view-toggle{display:inline-flex;gap:8px}.files-add-button{align-items:center;border-radius:999px;display:inline-flex;font-size:28px;height:44px;justify-content:center;line-height:1;min-width:44px;padding:0}.files-hidden-upload{display:none}.files-view-toggle button.active{border:1px solid #4caf50}.files-form{background:#fff;background:var(--card-bg,#fff);border:1px solid #80808059;border-radius:8px;padding:12px}.files-form-actions{display:flex;gap:10px;justify-content:flex-end}.files-message{border-radius:6px;margin:10px 0;padding:8px 10px}.files-message.success{background:#4caf501f;border:1px solid #4caf5059}.files-message.error{background:#f443361f;border:1px solid #f4433659}.files-edit-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1200}.files-edit-dialog{width:min(100%,560px)}.files-edit-dialog .files-form{box-shadow:0 20px 48px #00000040;margin:0}.files-table{border-collapse:collapse;table-layout:fixed;width:100%}.files-table td,.files-table th{border-bottom:1px solid #80808040;min-width:0;padding:8px;text-align:left;vertical-align:middle}.files-container .files-table td.file-col-preview,.files-container .files-table th.file-col-preview{max-width:88px;min-width:88px;overflow:hidden;width:88px}.files-table .file-col-name{padding-left:16px;width:auto}.files-table .file-col-type{width:220px}.files-table .file-col-updated{width:170px}.files-table .file-col-actions{width:70px}.file-name-text,.files-table .file-col-name,.files-table .file-col-type,.files-table .file-col-updated{overflow-wrap:anywhere;word-break:break-word}.file-name-text{display:block;width:100%}.file-list-preview{border-radius:6px;display:block;height:56px;margin:0 auto;object-fit:cover;width:56px}.file-tile-actions{display:flex;flex-wrap:wrap;gap:8px}.files-table .file-row-actions{text-align:right;vertical-align:middle}.files-table .file-row-actions .row-menu-anchor{align-items:center;display:flex;justify-content:flex-end;min-height:56px;width:100%}.files-container .row-menu-anchor{display:inline-block;position:relative}.files-container .menu-button{line-height:1;min-width:36px;padding:6px 10px;white-space:nowrap}.files-container .row-menu-anchor .dropdown-menu{right:0;top:calc(100% + 2px)}.menu-label-mobile{display:none}.files-tiles-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.file-tile{border:1px solid #8080804d;border-radius:10px;padding:10px}.file-preview{align-items:center;background:#00000014;border-radius:8px;display:flex;height:140px;justify-content:center;margin-bottom:8px;overflow:hidden}.file-image-preview-wrap{position:relative}.file-image-preview-wrap-list{width:120px}.file-preview img{height:100%;object-fit:cover;width:100%}.file-preview-placeholder{font-weight:700;opacity:.7}.file-tile-name{font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:800px){.files-toolbar{align-items:stretch}.menu-label-desktop{display:none}.menu-label-mobile{display:inline}.files-container .menu-button{font-size:14px;min-width:28px;padding:4px 7px}.files-add-button{font-size:24px;height:40px;min-width:40px}.files-table .file-col-type,.files-table .file-col-updated{display:none}.files-table .file-col-name{padding-left:12px}.files-table .file-col-actions{width:56px}.files-edit-overlay{align-items:flex-end;padding:12px}.files-edit-dialog{width:100%}}
/*# sourceMappingURL=main.80a5b9ce.css.map*/