.face-swiping{background-color:#0a0a0a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh;padding:20px;background-image:radial-gradient(circle at 15% 25%,rgba(139,0,0,.1) 0,transparent 15%),radial-gradient(circle at 85% 75%,rgba(139,0,0,.1) 0,transparent 15%)}.face-swiping *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.face-swiping .container{color:#e53935;max-width:1200px;width:100%;background-color:rgba(10,10,10,.95);border:1px solid #450000;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 10px 30px rgba(139,0,0,.3);box-shadow:0 10px 30px rgba(139,0,0,.3)}.face-swiping header{padding:25px 40px;background:-webkit-gradient(linear,left top,right top,from(#1a0000),to(#260000));background:linear-gradient(90deg,#1a0000,#260000);border-bottom:1px solid #450000;position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.face-swiping header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,transparent 20%,rgba(139,0,0,.1) 25%,transparent 30%),radial-gradient(circle,transparent 20%,rgba(139,0,0,.1) 25%,transparent 30%);background-size:30px 30px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation:patternShift 20s linear infinite;animation:patternShift 20s linear infinite}@-webkit-keyframes patternShift{0%{background-position:0 0}to{background-position:30px 30px}}@keyframes patternShift{0%{background-position:0 0}to{background-position:30px 30px}}.face-swiping .header-title{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:300px}.face-swiping h1{font-size:2.5rem;position:relative;text-shadow:0 0 10px rgba(229,57,53,.6);letter-spacing:1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#e53935}.face-swiping h1 i{margin-right:15px;font-size:2rem}.face-swiping .subtitle{margin-top:10px;opacity:.8;font-size:1.1rem;text-align:left}.face-swiping .stat-card{background:rgba(20,0,0,.7);border:1px solid #450000;border-radius:8px;min-width:200px;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0 5px 0;-webkit-box-sizing:content-box;box-sizing:content-box}.face-swiping .stat-card h3{font-size:1.4rem;margin-bottom:5px;opacity:.8;text-align:center;color:#e53935}.face-swiping .stat-card .number{font-size:3rem;font-weight:700;text-shadow:0 0 12px rgba(229,57,53,.7);display:block;text-align:center}.face-swiping .table-container{max-height:500px;margin:30px 40px;overflow-y:auto;overflow-x:hidden;position:relative;background:rgba(10,10,10,.9);border-radius:8px;border:1px solid #450000}.face-swiping table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}.face-swiping thead{position:sticky;top:0;z-index:20}.face-swiping th{background:rgba(30,0,0,.9);color:#ff6b6b;text-transform:uppercase;font-weight:600;letter-spacing:.5px;font-size:.95rem;padding:18px 15px;text-align:left;border-bottom:2px solid #450000;-webkit-transition:all .3s ease;transition:all .3s ease;position:sticky;top:0}.face-swiping th:hover{background:rgba(40,0,0,.9)}.face-swiping tr{-webkit-transition:all .3s ease;transition:all .3s ease;border-bottom:1px solid rgba(69,0,0,.3)}.face-swiping tr:nth-child(2n){background:rgba(15,0,0,.3)}.face-swiping tr.hover-row{-webkit-transform:scale(1.02);transform:scale(1.02);z-index:10;background:rgba(40,0,0,.4);position:relative}.face-swiping td{padding:16px 15px;font-size:1.05rem;word-wrap:break-word}.face-swiping .id-col{color:#ff8a80;font-weight:700}.face-swiping .time-col{font-style:italic}.face-swiping .location-col{font-weight:700}.face-swiping .btn{color:#e53935;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.face-swiping .btn:hover{color:#ff8a80;text-decoration:underline}.face-swiping .table-container::-webkit-scrollbar{width:8px}.face-swiping .table-container::-webkit-scrollbar-track{background:rgba(20,0,0,.5);border-radius:4px}.face-swiping .table-container::-webkit-scrollbar-thumb{background:rgba(229,57,53,.5);border-radius:4px}.face-swiping .table-container::-webkit-scrollbar-thumb:hover{background:rgba(229,57,53,.7)}.face-swiping .custom-confirm-wrapper .ant-modal-content{background-color:rgba(10,10,10,.95)!important;border:1px solid #450000!important;border-radius:12px!important}.face-swiping .custom-confirm-wrapper .ant-modal-header{background:-webkit-gradient(linear,left top,right top,from(#1a0000),to(#260000))!important;background:linear-gradient(90deg,#1a0000,#260000)!important;border-bottom:1px solid #450000!important;color:#e53935!important;border-radius:12px 12px 0 0!important}.face-swiping .custom-confirm-wrapper .ant-modal-body{background-color:rgba(20,0,0,.9)!important;color:#ff6b6b!important}.face-swiping .custom-confirm-wrapper .ant-modal-footer{background-color:rgba(20,0,0,.9)!important;border-top:1px solid #450000!important}.face-swiping :deep(.custom-confirm-wrapper) .ant-modal-content{background-color:rgba(10,10,10,.95)!important}@media (max-width:768px){.face-swiping header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.face-swiping .stat-card{margin-top:25px;height:90px;min-width:180px;-ms-flex-item-align:end;align-self:flex-end}.face-swiping .stat-card h3{font-size:1.3rem}.face-swiping .stat-card .number{font-size:2.5rem}.face-swiping .table-container,.face-swiping header{padding:20px}.face-swiping h1{font-size:1.8rem}.face-swiping .subtitle{font-size:1rem}.face-swiping table{display:block;width:100%}.face-swiping td,.face-swiping th{padding:12px 8px;font-size:.9rem}}@media (max-width:480px){.face-swiping .stat-card{min-width:160px;padding:15px 20px}.face-swiping .table-container{margin:20px 15px}.face-swiping td,.face-swiping th{padding:10px 5px;font-size:.85rem}}#app #home .main .right-content .right-layout-content{margin:0}