*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}html{background-color:#090a0f}body{color:#fff;direction:rtl;background:radial-gradient(at bottom,#1b2735 0%,#090a0f 100%) fixed;min-height:100dvh;overflow-x:hidden}.hidden{display:none!important}.login-container{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.tk-title{color:#ffffffb3;text-shadow:0 0 20px #00fffc80;letter-spacing:5px;text-align:center;margin-bottom:20px;font-size:80px}.login-box{text-align:center;background:#000000b3;border-radius:15px;width:400px;padding:40px;box-shadow:0 15px 25px #0009}.login-box h2{color:#fff;margin-bottom:30px}.user-box{width:100%;margin-bottom:30px;position:relative}.user-box input{color:#00fffc;text-align:right;background:0 0;border:none;border-bottom:1px solid #00fffc;outline:none;width:100%;margin-bottom:5px;padding:10px 0;font-size:16px}.user-box label{color:#fff;pointer-events:none;padding:0;font-size:16px;transition:all .5s;position:absolute;top:10px;right:0}.user-box input:focus~label,.user-box input:valid~label{color:#00fffc;font-size:12px;top:-20px}.btnn{color:#00fffc;text-transform:uppercase;cursor:pointer;letter-spacing:2px;background:#00000080;border:1px solid #00fffc;border-radius:5px;padding:10px 30px;font-size:16px;transition:all .5s;display:inline-block;position:relative;overflow:hidden}.btnn:hover{color:#000;background:#00fffc;box-shadow:0 0 5px #00fffc,0 0 15px #00fffc}.btnn span{display:block;position:absolute}.btnn span:first-child{background:linear-gradient(270deg,#0000,#00fffc);width:100%;height:2px;animation:1s linear infinite btn-anim1;top:0;right:-100%}@keyframes btn-anim1{0%{right:-100%}50%,to{right:100%}}.cancel-btn{color:#ff4d4d;border-color:#ff4d4d}.cancel-btn:hover{color:#fff;background:#ff4d4d;box-shadow:0 0 5px #ff4d4d}.save-btn{color:#00fffc}.navbar{background:#000c;justify-content:space-between;align-items:center;padding:15px 30px;display:flex;box-shadow:0 4px 10px #00000080}.tk-logo{color:#fff;letter-spacing:2px;margin:0;font-size:24px}.tk-logo span{color:#00fffc}.nav-actions{align-items:center;gap:20px;display:flex}.bell-btn{cursor:pointer;background-color:#2c2c2c;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition-duration:.3s;display:flex;position:relative;box-shadow:2px 2px 10px #00000021}.bell-btn .bell{width:18px}.bell-btn .bell path{fill:#fff}.bell-btn:hover{background-color:#383838}.bell-btn:hover .bell{animation:.9s both bellRing}@keyframes bellRing{0%,to{transform-origin:top}15%{transform:rotate(10deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}75%{transform:rotate(2deg)}}.bell-btn:active{transform:scale(.8)}.badge{color:#fff;background:#ff4d4d;border:2px solid #000c;border-radius:50%;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:-4px;right:-4px}.back-nav-btn{cursor:pointer;background:#2e8eff33 linear-gradient(to bottom right,#2e8eff 0%,#2e8eff00 30%);border-radius:15px;justify-content:center;align-items:center;width:110px;height:45px;transition:all .3s;display:flex}.back-nav-btn:hover,.back-nav-btn:focus{background-color:#2e8effb3;outline:none;box-shadow:0 0 10px #2e8eff80}.back-nav-btn-inner{color:#fff;background-color:#1a1a1a;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:106px;height:41px;font-weight:600;display:flex}.back-nav-btn-inner svg{fill:#fff;width:20px;height:20px}.back-nav-btn-inner p{margin:0;font-size:15px}.Btn{cursor:pointer;direction:ltr;background-color:#ff4141;border:none;border-radius:50%;justify-content:flex-start;align-items:center;width:45px;height:45px;transition-duration:.3s;display:flex;position:relative;overflow:hidden;box-shadow:2px 2px 10px #0003}.sign{justify-content:center;align-items:center;width:100%;transition-duration:.3s;display:flex}.sign svg{width:17px}.sign svg path{fill:#fff}.text{opacity:0;color:#fff;width:0%;font-size:1.2em;font-weight:600;transition-duration:.3s;position:absolute;right:0%}.Btn:hover{border-radius:40px;width:125px;transition-duration:.3s}.Btn:hover .sign{width:30%;padding-left:20px;transition-duration:.3s}.Btn:hover .text{opacity:1;width:70%;padding-right:10px;transition-duration:.3s}.Btn:active{transform:translate(2px,2px)}.container{max-width:1400px;margin:0 auto;padding:30px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h2{text-shadow:0 0 10px #00000080}.table-responsive{background:#0009;border:1px solid #00fffc33;border-radius:10px;padding:20px;overflow-x:auto;box-shadow:0 10px 20px #0006}table{border-collapse:collapse;color:#fff;text-align:right;width:100%}th,td{border-bottom:1px solid #ffffff1a;padding:12px 15px}th{color:#00fffc;text-transform:uppercase;letter-spacing:1px;font-weight:700}tr:hover{background:#00fffc0d}td img{object-fit:cover;border-radius:5px;width:50px;height:50px}.action-btn{color:#fff;cursor:pointer;background:#333;border:1px solid #555;border-radius:3px;margin:0 2px;padding:5px 10px;transition:all .3s}.action-btn:hover{color:#000;background:#00fffc;border-color:#00fffc}.action-btn.delete{color:#ff4d4d}.action-btn.delete:hover{color:#fff;background:#ff4d4d;border-color:#ff4d4d}.action-btn.active-page{color:#000;background:#00fffc;font-weight:700;transform:scale(1.1);box-shadow:0 0 10px #00fffc}.modal{z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:#1a1a2e;border:1px solid #00fffc;border-radius:10px;width:600px;padding:30px;box-shadow:0 0 20px #00fffc33}.modal-content h2{color:#00fffc;text-align:center;margin-bottom:20px}.input-grid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.modal-actions{justify-content:space-between;margin-top:20px;display:flex}.toolbar-grid{background:#0006;border:1px solid #00fffc33;border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px;padding:15px;display:grid}.toolbar-grid input,.toolbar-grid select{color:#fff;background:0 0;border:1px solid #00fffc;border-radius:5px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:14px}.toolbar-grid select option{color:#fff;background:#1a1a2e}.toolbar-grid input:focus,.toolbar-grid select:focus{box-shadow:0 0 10px #00fffc80}.pagination-container{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:20px;padding:10px;display:flex}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{text-align:center;background:#0009;border:1px solid #00fffc;border-radius:10px;padding:25px;transition:all .3s;box-shadow:0 5px 15px #00fffc33}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00fffc66}.stat-card h3{color:#ccc;margin-bottom:10px;font-size:18px;font-weight:400}.stat-card p{color:#00fffc;text-shadow:0 0 10px #00fffc80;font-size:32px;font-weight:700}.alert-card{border-color:#ff4d4d;box-shadow:0 5px 15px #ff4d4d33}.alert-card p{color:#ff4d4d;text-shadow:0 0 10px #ff4d4d80}.section-title{color:#fff;border-bottom:1px solid #00fffc4d;margin-bottom:20px;padding-bottom:10px}.nav-cards-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));justify-items:center;gap:25px;display:grid}.card{cursor:pointer;width:100%;min-width:190px;max-width:220px;height:254px;overflow:visible}.content{width:100%;height:100%;transform-style:preserve-3d;border-radius:10px;transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px 2px #000c}.front,.back{backface-visibility:hidden;background-color:#0a0a0a;border-radius:10px;width:100%;height:100%;position:absolute;overflow:hidden}.back{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.back:before{content:" ";background:linear-gradient(90deg,#0000,#00fffc,#395588,#00fffc,#00fffc,#0000);width:160px;height:160%;animation:5s linear infinite rotation_481;display:block;position:absolute}.back-content{color:#00fffc;background-color:#0a0a0a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:98%;height:98%;display:flex;position:absolute}.card:hover .content{transform:rotateY(180deg)}@keyframes rotation_481{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.front{color:#fff;transform:rotateY(180deg)}.front .front-content{flex-direction:column;width:100%;height:100%;padding:15px;display:flex;position:absolute}.front-content .badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#00fffc;background-color:#0009;border:1px solid #00fffc4d;border-radius:15px;width:fit-content;padding:4px 12px;font-weight:700}.description{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0a0a0acc;border:1px solid #00fffc1a;border-radius:8px;width:100%;margin-top:auto;padding:12px;box-shadow:0 0 10px 5px #00000080}.title{color:#fff;justify-content:space-between;align-items:center;max-width:100%;font-size:13px;display:flex}.title p{width:70%;line-height:1.4}.card-footer{color:#aaa;margin-top:8px;font-size:11px}.front .img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute}.circle{filter:blur(25px);opacity:.6;background-color:#00fffc;border-radius:50%;width:90px;height:90px;animation:2.6s linear infinite floating;position:relative}#bottom{background-color:#395588;width:150px;height:150px;animation-delay:-800ms;top:0;left:50px}#right{background-color:#ff4d4d;width:50px;height:50px;animation-delay:-1800ms;top:-80px;left:160px}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@media print{body *{visibility:hidden}.printable-area,.printable-area *{visibility:visible;color:#000!important}.printable-area{width:100%;position:absolute;top:0;left:0;background:#fff!important}table{border:1px solid #000}th,td{text-align:center;border:1px solid #000;padding:8px}.no-print{display:none!important}}.chat-container{background:#0009;border:1px solid #00fffc;border-radius:10px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 5px 15px #00fffc1a}.chat-messages{flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.chat-bubble-wrapper{width:100%;display:flex}.chat-bubble-wrapper.user{justify-content:flex-start}.chat-bubble-wrapper.ai,.chat-bubble-wrapper.error{justify-content:flex-end}.chat-bubble{word-wrap:break-word;border-radius:15px;max-width:70%;padding:12px 18px;font-size:15px;line-height:1.5}.chat-bubble.user{color:#fff;background:#00fffc26;border:1px solid #00fffc;border-bottom-right-radius:2px}.chat-bubble.ai{color:#00fffc;background:#1a1a2e;border:1px solid #555;border-bottom-left-radius:2px}.chat-bubble.error{color:#ff4d4d;background:#ff4d4d1a;border:1px solid #ff4d4d}.chat-input-area{background:#000c;border-top:1px solid #00fffc4d;gap:10px;padding:15px;display:flex}.chat-input-area input{color:#fff;background:0 0;border:1px solid #555;border-radius:5px;outline:none;flex:1;padding:10px 15px;font-size:15px;transition:all .3s}.chat-input-area input:focus{border-color:#00fffc;box-shadow:0 0 10px #00fffc33}.chat-bubble.loading{align-items:center;gap:5px;padding:15px 20px;display:flex}.chat-bubble.loading span{background-color:#00fffc;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.chat-bubble.loading span:first-child{animation-delay:-.32s}.chat-bubble.loading span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (width<=768px){.container{padding:15px}.login-box{width:95%;padding:30px 15px}.tk-title{font-size:50px}.navbar{padding:15px 10px}.tk-logo{font-size:20px}.modal{align-items:flex-end}.modal-content{border-bottom:none;border-radius:20px 20px 0 0;width:100%;max-height:85dvh;margin:0;padding:20px 15px;overflow-y:auto}.input-grid{grid-template-columns:1fr;gap:10px}.modal-actions{z-index:10;background:#1a1a2e;border-top:1px solid #00fffc33;padding:15px 0;position:sticky;bottom:-20px}.toolbar-grid{grid-template-columns:1fr;padding:10px}.table-responsive{box-shadow:none;background:0 0;border:none;padding:10px}.table-responsive table,.table-responsive thead,.table-responsive tbody,.table-responsive th,.table-responsive td,.table-responsive tr{width:100%;display:block}.table-responsive thead tr{position:absolute;top:-9999px;left:-9999px}.table-responsive tr{background:#0006;border:1px solid #00fffc;border-radius:10px;margin-bottom:15px;padding:10px 5px;box-shadow:0 4px 6px #0000004d}.table-responsive td{text-align:left;border:none;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:45px;padding:10px;display:flex}.table-responsive td:last-child{border-bottom:none}.table-responsive td:before{content:attr(data-label);color:#00fffc;text-align:right;flex-shrink:0;margin-left:10px;font-weight:700}.table-responsive td .action-btn{margin-right:auto;padding:8px 15px}.table-responsive td img{width:40px;height:40px}.chat-bubble{max-width:90%}.chat-input-area{padding-bottom:max(15px, env(safe-area-inset-bottom))}}.container_chat_bot{flex-direction:column;width:100%;margin-top:10px;display:flex}.container_chat_bot .container-chat-options{background:linear-gradient(to bottom right,#7e7e7e,#363636,#363636,#363636,#363636);border-radius:16px;padding:1.5px;display:flex;position:relative;overflow:hidden}.container_chat_bot .container-chat-options:after{content:"";filter:blur(1px);background:radial-gradient(#fff,#ffffff4d,#ffffff1a,#0000,#0000,#0000,#0000);width:30px;height:30px;position:absolute;top:-10px;left:-10px}.container_chat_bot .container-chat-options .chat{z-index:2;background-color:#000c;border-radius:15px;flex-direction:column;width:100%;display:flex;overflow:hidden}.container_chat_bot .container-chat-options .chat .chat-bot{display:flex;position:relative}.container_chat_bot .chat .chat-bot input{color:#fff;background-color:#0000;border:none;border-radius:16px;outline:none;width:100%;height:50px;padding:15px;font-family:inherit;font-size:14px;font-weight:400}.container_chat_bot .chat .chat-bot input::placeholder{color:#8b8b8b;transition:all .3s}.container_chat_bot .chat .chat-bot input:focus::placeholder{color:#363636}.container_chat_bot .chat .options{justify-content:space-between;align-items:flex-end;padding:10px 15px;display:flex}.container_chat_bot .chat .options .btns-add{align-items:center;gap:12px;display:flex}.container_chat_bot .chat .options .btns-add label,.container_chat_bot .chat .options .btns-add button{color:#fff6;cursor:pointer;background-color:#0000;border:none;padding:0;transition:all .3s;display:flex}.container_chat_bot .chat .options .btns-add label:hover,.container_chat_bot .chat .options .btns-add button:hover{color:#00fffc;transform:translateY(-3px)}.container_chat_bot .chat .options .btn-submit{cursor:pointer;background-image:linear-gradient(#292929,#555,#292929);border:none;border-radius:10px;outline:none;padding:2px;transition:all .15s;display:flex;box-shadow:inset 0 6px 2px -4px #ffffff80}.container_chat_bot .chat .options .btn-submit i{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#8b8b8b;background:#0000001a;border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;padding:8px;display:flex}.container_chat_bot .chat .options .btn-submit svg{width:100%;height:100%;transition:all .3s}.container_chat_bot .chat .options .btn-submit:hover svg{color:#00fffc;filter:drop-shadow(0 0 5px #00fffc)}.container_chat_bot .chat .options .btn-submit:focus svg{color:#00fffc;filter:drop-shadow(0 0 5px #00fffc);transform:scale(1.2)rotate(45deg)translate(-2px)translateY(1px)}.container_chat_bot .chat .options .btn-submit:active{transform:scale(.92)}.container_chat_bot .tags{color:#fff;flex-wrap:wrap;gap:8px;padding:14px 0 0;font-size:12px;display:flex}.container_chat_bot .tags span{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#1b1b1b;border:1.5px solid #363636;border-radius:10px;padding:6px 12px;transition:all .3s}.container_chat_bot .tags span:hover{color:#00fffc;border-color:#00fffc}.container_chat_bot .tags span.active-toggle{color:#00fffc;background-color:#00fffc26;border-color:#00fffc;box-shadow:0 0 8px #00fffc4d}.user-box textarea{color:#00fffc;text-align:right;resize:vertical;background:0 0;border:none;border-bottom:1px solid #00fffc;outline:none;width:100%;min-height:80px;margin-bottom:5px;padding:10px 0;font-family:inherit;font-size:16px}.user-box textarea:focus~label,.user-box textarea:valid~label{color:#00fffc;font-size:12px;top:-20px}.category-dropdown{z-index:100;direction:rtl;background-color:#1a1a2e;border:1px solid #00fffc;border-radius:10px;width:220px;max-height:250px;padding:10px;position:absolute;bottom:65px;left:10px;overflow-y:auto;box-shadow:0 0 15px #00fffc33}.category-header{color:#ccc;text-align:center;border-bottom:1px solid #333;margin-bottom:10px;padding-bottom:5px;font-size:12px}.category-item{color:#fff;cursor:pointer;border-radius:5px;padding:8px 12px;font-size:14px;transition:all .2s}.category-item:hover,.category-item.selected{color:#00fffc;background-color:#00fffc26;font-weight:700}.btn-submit.category-toggle.active{color:#00fffc;filter:drop-shadow(0 0 8px #00fffc);transform:scale(1.1)}.action-buttons-container{flex-wrap:wrap;justify-content:center;gap:15px;padding:0 0 15px;display:flex}.action-send-btn{color:#fff;cursor:pointer;background:#0006;border:1px solid #363636;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:700;transition:all .3s;display:flex}.action-send-btn:hover{color:#00fffc;border-color:#00fffc;transform:translateY(-2px);box-shadow:0 0 10px #00fffc33}.category-dropdown-menu{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);direction:rtl;background-color:#1a1a2ef2;border:1px solid #00fffc;border-radius:12px;width:220px;max-height:250px;padding:10px;position:absolute;bottom:120px;left:20px;overflow-y:auto;box-shadow:0 5px 25px #00fffc33}.category-dropdown-menu .category-header{color:#ccc;text-align:center;border-bottom:1px solid #ffffff1a;margin-bottom:10px;padding-bottom:8px;font-size:13px}.category-dropdown-menu .category-item{color:#fff;cursor:pointer;border-radius:6px;margin-bottom:4px;padding:10px 12px;font-size:14px;transition:all .2s}.category-dropdown-menu .category-item:hover,.category-dropdown-menu .category-item.selected{color:#00fffc;background-color:#00fffc26;padding-right:18px;font-weight:700}.grid-category-btn:hover{transform:scale(1.1);color:#00fffc!important}.grid-category-btn svg{transition:all .3s}
