@font-face{font-family:shabnam;src:url(/font/Shabnam.ttf)}:root{--color-primary: #0087c5;--color-primary-dark: #00405e;--color-primary-light: #33beff;--color-primary-hover: #006fa3;--color-accent: #07dee9;--color-accent-dark: #00939b;--color-success: #008d6a;--color-success-light: #e5fff4;--color-success-bg: #b0f5e4;--color-success-border: #91f1d9;--color-danger: #e6123d;--color-danger-light: #ffe8ec;--color-danger-bg: #fff1f2;--color-warning: #dbb300;--color-warning-light: #feffda;--color-info: #3877ff;--color-info-light: #eff5ff;--color-text: #1a2b3c;--color-text-muted: #5a6b7c;--color-text-light: #8a9bab;--color-bg: #f4f8fb;--color-bg-card: #ffffff;--color-bg-sidebar: #fcfcfc;--color-bg-hover: #ebf7fd;--color-bg-input: #f8fbfd;--color-border: #e2e8f0;--color-border-light: #d1effd;--color-border-input: #c5d9e8;--shadow-sm: 0 1px 3px rgba(0, 64, 94, .08);--shadow-md: 0 4px 12px rgba(0, 64, 94, .12);--shadow-lg: 0 8px 24px rgba(0, 64, 94, .16);--shadow-popup: 0 12px 40px rgba(0, 0, 0, .25);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 50%;--transition-fast: .2s ease;--transition-normal: .3s ease;--font-family: "shabnam", Tahoma, sans-serif}*,*:before,*:after{box-sizing:border-box}*{font-family:var(--font-family);margin:0;direction:rtl}html,body,#root{overflow-x:hidden;max-width:100%}body{background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#e8f4f8;border-radius:50px}::-webkit-scrollbar-thumb{border-radius:50px;background:linear-gradient(180deg,var(--color-accent),var(--color-primary))}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-dark)}input,select,textarea,button{font-family:var(--font-family)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #0087c526}button{transition:all var(--transition-fast)}button:active{transform:scale(.98)}.Toastify__toast{border-radius:var(--radius-md)!important;font-family:var(--font-family)!important}.Toastify__toast--success{background:linear-gradient(135deg,#008d6a,#00af83)!important}.Toastify__toast--error{background:linear-gradient(135deg,#e6123d,#f3192b)!important}.Toastify__toast--info{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))!important}[class$=-bg],[class$=-area],.admin-page-body{max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box}.admin-page-body{padding:0 1rem;width:100%}.search-area{display:grid;grid-template-columns:repeat(2,1fr);place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.2rem;background:var(--color-bg-card);box-shadow:var(--shadow-sm);width:100%;max-width:100%;box-sizing:border-box}.search-area input{width:80%;font-size:1rem;outline:none;border:1px solid var(--color-border-input);padding:.5rem .8rem;border-radius:var(--radius-md);background:var(--color-bg-input);transition:all var(--transition-fast)}.table-wrapper{display:block;width:100%;max-width:100%;margin-top:1.5rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);background:var(--color-bg-card);box-sizing:border-box}.table{width:max-content;min-width:100%;margin:0;padding:0;border-collapse:collapse;border-spacing:0;background:var(--color-bg-card);table-layout:auto}.table th{text-align:center;background:linear-gradient(180deg,#f8fafc,#f0f4f8);border-bottom:2px solid var(--color-border);padding:.7rem .3rem;font-size:.95rem;color:var(--color-primary-dark);font-weight:700}.table td{text-align:center;padding:.5rem .3rem;border-bottom:1px solid var(--color-border);font-size:.85rem;color:var(--color-text);transition:background var(--transition-fast)}.table tbody tr:hover td{background:var(--color-bg-hover)}.table tbody tr:last-child td{border-bottom:none}.table-edit-btn,.table-delete-btn{border-radius:var(--radius-sm);margin-left:.3rem;width:5rem;cursor:pointer;transition:all var(--transition-fast);padding:.2rem}.table-edit-btn{border:1px solid var(--color-accent-dark);background:#e0fafb}.table-edit-btn:hover{background:var(--color-accent-dark);color:#fff;box-shadow:var(--shadow-sm)}.table-delete-btn{border:1px solid var(--color-danger);background:var(--color-danger-bg)}.table-delete-btn:hover{background:var(--color-danger);color:#fff;box-shadow:var(--shadow-sm)}@media (max-width: 767px){.admin-page-body{padding:0 .5rem}.search-area{grid-template-columns:1fr;grid-row-gap:.8rem}.search-area input{width:100%}.table th,.table td{font-size:.75rem;padding:.5rem .4rem;white-space:nowrap}.table td button{font-size:.7rem;width:auto!important}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-bg{background:url(/photo/backgrounds/signin-background.png);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100vh;position:relative}.login-area{position:absolute;right:0;top:0;width:33rem;height:100%;background:var(--color-bg-card);box-shadow:var(--shadow-lg);display:grid;grid-template-rows:25% 75%;place-items:center}.login-logo div{width:6rem;height:6rem;display:grid;place-items:center;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));border-radius:var(--radius-full);font-size:1.7rem;color:#fff;box-shadow:var(--shadow-md)}.login-content{display:grid;grid-template-rows:repeat(5,1fr);grid-row-gap:1rem;place-items:center;align-self:start;margin-top:3rem;width:80%}.login-content h2{font-size:1.7rem;color:var(--color-primary-dark);font-weight:700}.login-content p{font-size:.9rem;color:var(--color-text-muted)}.login-content div input{direction:ltr;width:19rem;padding:.65rem 0 .65rem 3rem;outline:none;border:1px solid var(--color-border-input);border-radius:var(--radius-md);font-size:.9rem;background:var(--color-bg-input);transition:all var(--transition-fast)}.login-content div input::placeholder{color:var(--color-text-light)}.login-content div{position:relative}.login-content div img{width:1.7rem;height:1.7rem;position:absolute;left:.5rem;top:50%;transform:translateY(-50%);opacity:.6}.login-btn{width:50%;padding:.5rem 0;font-size:1.2rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border:none;border-radius:var(--radius-xl);color:#fff;align-self:end;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.login-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.white-color{color:#fff!important}.login-forget-link{font-size:.9rem;text-decoration:none;cursor:pointer;color:var(--color-primary-dark);border-bottom:1px solid var(--color-primary-dark);padding:.2rem;transition:all var(--transition-fast)}.login-forget-link:hover{color:var(--color-primary);border-color:var(--color-primary)}.forget-content{display:grid;grid-template-rows:repeat(4,1fr);grid-row-gap:1rem;place-items:center;align-self:start;margin-top:3rem;width:80%}.forget-content h2{font-size:1.7rem;color:var(--color-primary-dark)}.forget-content p{font-size:.9rem;color:var(--color-text-muted)}.forget-content div input{direction:ltr;width:19rem;padding:.65rem 0 .65rem 3rem;outline:none;border:1px solid var(--color-border-input);border-radius:var(--radius-md);font-size:1rem;background:var(--color-bg-input);transition:all var(--transition-fast)}.forget-content div input::placeholder{color:var(--color-text-light)}.forget-content div{position:relative}.forget-content div img{width:1.7rem;height:1.7rem;position:absolute;left:.5rem;top:50%;transform:translateY(-50%);opacity:.6}.forget-btn{width:40%;padding:.5rem 0;font-size:1.1rem;background:var(--color-primary-dark);border:none;border-radius:var(--radius-xl);color:#fff;align-self:end;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.forget-btn:hover{background:var(--color-primary-light);color:var(--color-primary-dark);box-shadow:var(--shadow-md)}@media (max-width: 767px){.login-area{width:100%;height:100%}}.reset-content{display:grid;grid-template-rows:repeat(5,1fr);grid-row-gap:1rem;place-items:center;align-self:start;margin-top:3rem;width:80%}.reset-content h2{font-size:1.7rem;color:var(--color-primary-dark);font-weight:700}.reset-content p{font-size:.9rem;color:var(--color-text-muted)}.reset-content div input{direction:ltr;width:19rem;padding:.65rem 0 .65rem 3rem;outline:none;border:1px solid var(--color-border-input);border-radius:var(--radius-md);font-size:.9rem;background:var(--color-bg-input);transition:all var(--transition-fast)}.reset-content div input::placeholder{color:var(--color-text-light)}.reset-content div{position:relative}.reset-content div img{width:1.7rem;height:1.7rem;position:absolute;left:.5rem;top:50%;transform:translateY(-50%);opacity:.6}.reset-btn{width:40%;padding:.5rem 0;font-size:1.1rem;background:var(--color-primary-dark);border:none;border-radius:var(--radius-xl);color:#fff;align-self:end;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.reset-btn:hover{background:var(--color-primary-light);color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.logout-area{display:grid;grid-template-rows:repeat(2,1fr);place-items:center}.logout-area h4{margin-top:4.5rem;color:var(--color-text);font-size:1.2rem}.logout-area div{margin-top:2rem;display:grid;grid-template-columns:max-content max-content;grid-column-gap:1.5rem}.logout-yes-btn{border:1px solid var(--color-danger);border-radius:var(--radius-md);width:5.5rem;padding:.4rem;background:var(--color-danger-light);font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.logout-yes-btn:hover{background:var(--color-danger);color:#fff;box-shadow:var(--shadow-sm)}.logout-no-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);width:5.5rem;padding:.4rem;background:var(--color-bg-input);font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.logout-no-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.admin-page-heading{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content max-content;color:#fff;padding:1rem 1.5rem;margin-bottom:2rem;max-width:100%;box-sizing:border-box;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));box-shadow:var(--shadow-md);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.admin-page-heading h2{padding-right:3rem;font-weight:700}.admin-page-heading div{font-size:1.3rem;display:grid;place-items:center;width:2.2rem;height:2.2rem;position:relative;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.admin-page-heading div:hover{background:rgba(255,255,255,.15);transform:scale(1.1)}.delete-msg{text-align:left;padding:0 1rem;color:var(--color-text-muted)}.dashboard-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:2rem;place-items:center;padding:0 1rem}.dashboard-cards div{display:grid;grid-template-columns:55% 45%;grid-column-gap:1rem;grid-row-gap:1rem;box-shadow:var(--shadow-md);border-radius:var(--radius-lg);padding:1.5rem;width:100%;max-width:100%;background:var(--color-bg-card);border:1px solid var(--color-border-light);transition:all var(--transition-normal)}.dashboard-cards div:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.dashboard-cards div img{width:5.5rem;height:5.5rem;border-radius:var(--radius-md)}.dashboard-cards div h4{font-size:1.9rem;place-self:center;letter-spacing:.05rem;color:var(--color-primary-dark);font-weight:700}.admin-message-area{width:100%;max-width:100%;height:auto;padding:1rem 0;margin:2rem 1rem 0;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--color-bg-card)}.admin-message-area h4{padding:.5rem 1.2rem;margin-bottom:.5rem;color:var(--color-primary-dark);border-bottom:1px solid var(--color-border-light)}.admin-message-area p{padding:1rem;color:var(--color-text-muted);line-height:1.8}.logout-btn{display:grid;grid-template-columns:20% 80%;place-items:center;border:1px solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-danger-light);margin-right:.8rem;cursor:pointer;transition:all var(--transition-fast);padding:.2rem}.logout-btn:hover{box-shadow:var(--shadow-sm);background:var(--color-danger);color:#fff}.logout-btn span{padding:.3rem;padding-top:.6rem!important;font-size:1rem}.change-password{margin:1.5rem}@media (min-width: 768px) and (max-width: 992px){.dashboard-cards div img{width:3.8rem;height:3.8rem}.dashboard-cards div h4{font-size:1.5rem}.dashboard-cards div h3{font-size:1rem}}@media (max-width: 767px){.admin-page-heading h2{font-size:1.3rem}.logout-btn{font-size:.8rem}.dashboard-cards{grid-template-columns:1fr;grid-row-gap:1rem}.dashboard-cards div img{width:4rem;height:4rem}}.new-represent-area{display:grid;grid-template-columns:1fr;place-items:center;grid-row-gap:1rem;margin:3rem 0;padding:0 1rem}.new-represent-area div{display:grid;grid-template-columns:20% 80%;width:80%;margin-right:10%}.new-represent-area div label{align-self:center;color:var(--color-text-muted);font-weight:600}.new-represent-area input{border:1px solid var(--color-border-input);border-radius:var(--radius-md);outline:none;width:60%;padding:.5rem;font-size:1rem;background:var(--color-bg-input);transition:all var(--transition-fast)}.new-represent-area select{width:40%;padding:.5rem;font-size:1rem;outline:none;border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg-input);cursor:pointer;transition:all var(--transition-fast)}.new-represent-area button{border:1px solid var(--color-success);border-radius:var(--radius-md);background:var(--color-success-bg);padding:.5rem 1.5rem;color:var(--color-success);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.new-represent-area button:hover{background:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}.add-credit-area{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);place-items:center;grid-row-gap:1rem;margin:1rem 0;padding:0 1rem}.add-credit-area div{display:grid;grid-template-columns:max-content 80%;grid-column-gap:.5rem;width:65%;margin-right:30%}.add-credit-area div label{align-self:center;color:var(--color-text-muted);font-weight:600}.add-credit-area p{font-size:.85rem;color:var(--color-text-muted);display:grid;grid-template-columns:max-content 1fr;grid-column-gap:.4rem;place-items:center}.add-credit-area p span{font-size:1rem;color:var(--color-primary);font-weight:700}.add-credit-area input{border:1px solid var(--color-border-input);border-radius:var(--radius-md);outline:none;width:50%;align-self:start;padding:.5rem;font-size:1rem;background:var(--color-bg-input);transition:all var(--transition-fast)}.add-credit-area button{border:1px solid var(--color-success);border-radius:var(--radius-md);background:var(--color-success-bg);padding:.5rem 1.5rem;color:var(--color-success);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.add-credit-area button:hover{background:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}.represent-charge-btn{border:1px solid var(--color-success);border-radius:var(--radius-sm);background:var(--color-success-light);margin-left:.2rem;width:6rem;cursor:pointer;transition:all var(--transition-fast);padding:.2rem}.represent-charge-btn:hover{background:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}.represent-status-active{color:var(--color-success);font-weight:600}.represent-status-blocked{color:var(--color-danger);font-weight:600}.represent-block-btn{border:1px solid #ff6f87;border-radius:var(--radius-sm);background:var(--color-danger-light);margin-right:.2rem;width:6rem;cursor:pointer;transition:all var(--transition-fast);padding:.2rem}.represent-block-btn:hover{background:var(--color-danger);color:#fff;box-shadow:var(--shadow-sm)}.represent-unblock-btn{border:1px solid var(--color-info);border-radius:var(--radius-sm);background:var(--color-info-light);margin-right:.2rem;width:6rem;cursor:pointer;transition:all var(--transition-fast);padding:.2rem}.represent-unblock-btn:hover{background:var(--color-info);color:#fff;box-shadow:var(--shadow-sm)}.represent-change-pass-btn{border:1px solid var(--color-warning);border-radius:var(--radius-sm);background:var(--color-warning-light);margin-right:.3rem;width:6rem;cursor:pointer;transition:all var(--transition-fast);padding:.2rem}.represent-change-pass-btn:hover{background:var(--color-warning);color:#fff;box-shadow:var(--shadow-sm)}.represent-delete-btn{border:1px solid var(--color-danger);border-radius:var(--radius-sm);background:var(--color-danger-bg);margin-right:.3rem;width:6rem;cursor:pointer;transition:all var(--transition-fast);padding:.2rem}.represent-delete-btn:hover{background:var(--color-danger);color:#fff;box-shadow:var(--shadow-sm)}.access-admin{font-weight:700;color:var(--color-info)}.access-client{font-weight:700;color:var(--color-text-muted)}.confirmation .text{padding:2rem;text-align:center;font-size:1.2rem;color:var(--color-text);line-height:1.8}.confirmation .buttons{display:flex;column-gap:1rem;justify-content:center;padding-bottom:1.5rem}.confirmation .confirm{background:linear-gradient(135deg,var(--color-success),#00af83);color:#fff;padding:.5rem 1.5rem;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.confirmation .confirm:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.confirmation .cancel{background:linear-gradient(135deg,var(--color-danger),#f3192b);color:#fff;padding:.5rem 1.5rem;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.confirmation .cancel:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.new-service-area{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);grid-row-gap:1rem;place-items:center;margin:1rem 0;padding:0 1rem}.new-service-area div{display:grid;grid-template-columns:1fr;width:50%}#service_protocol{width:100%}.new-service-area label{color:var(--color-text-muted);font-weight:600;margin-bottom:.3rem}.new-service-area select{padding:.5rem;font-size:1rem;outline:none;border:1px solid var(--color-border-input);border-radius:var(--radius-md);cursor:pointer;background:var(--color-bg-input);transition:all var(--transition-fast)}.new-service-area select option{background:var(--color-bg-card);font-size:.9rem}.new-service-area input{border:1px solid var(--color-border-input);border-radius:var(--radius-md);outline:none;width:80%;padding:.5rem;font-size:1rem;background:var(--color-bg-input);transition:all var(--transition-fast)}.new-service-area button{border:1px solid var(--color-success);border-radius:var(--radius-md);background:var(--color-success-bg);padding:.5rem 1.5rem;color:var(--color-success);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.new-service-area button:hover{background:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}.edit-service-area{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);grid-row-gap:1.5rem;place-items:center;margin:1rem 0;padding:0 1rem}.edit-service-area div{display:grid;grid-template-columns:max-content 80%;grid-column-gap:.5rem}.edit-service-area div label{align-self:center;color:var(--color-text-muted);font-weight:600}.edit-service-area select{width:55%;padding:.5rem;font-size:1rem;outline:none;border:1px solid var(--color-border-input);border-radius:var(--radius-md);cursor:pointer;background:var(--color-bg-input);transition:all var(--transition-fast)}.edit-service-area select option{background:var(--color-bg-card);font-size:.9rem}.edit-service-area input{border:1px solid var(--color-border-input);border-radius:var(--radius-md);outline:none;width:50%;padding:.5rem;font-size:1rem;background:var(--color-bg-input);transition:all var(--transition-fast)}.edit-service-area button{border:1px solid var(--color-success);border-radius:var(--radius-md);background:var(--color-success-bg);padding:.5rem 1.5rem;color:var(--color-success);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.edit-service-area button:hover{background:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}.edit-service-dropdown{display:grid;grid-template-columns:1fr!important;grid-template-rows:repeat(2,1fr);width:50%}.edit-service-dropdown select{width:100%!important}.notification-list{list-style:none;max-height:30rem;overflow-y:auto;padding:0}.notification-list li{padding:1.5rem 1.8rem;border-bottom:1px solid var(--color-border);line-height:2rem;display:grid;grid-template-columns:1fr max-content;position:relative;transition:background var(--transition-fast)}.notification-list li:hover{background:var(--color-bg-hover)}.notification-list li span{font-size:.75rem;color:var(--color-text-light)}.notification-list-unseen{background:var(--color-bg-hover);border-right:3px solid var(--color-primary)}.notification-send{width:100%;height:3.5rem;display:flex;justify-content:space-around;align-items:center;background:var(--color-bg-card);position:absolute;bottom:0;box-shadow:0 -2px 8px #0087c51a;border-top:1px solid var(--color-border-light);place-self:end}.notification-send input{border:1px solid var(--color-border-input);border-radius:var(--radius-md);outline:none;padding:.5rem;font-size:1rem;background:var(--color-bg-input);transition:all var(--transition-fast)}#notification_input{width:50%}.notification-send button{border:1px solid var(--color-success);border-radius:var(--radius-md);background:var(--color-success-bg);color:var(--color-success);font-size:.9rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:grid;grid-template-columns:30% 70%;place-items:center;padding:.3rem .8rem}.notification-send button:hover{background:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}.notification-send button span{font-size:1.1rem;padding-top:.4rem}.seen{display:flex;justify-content:end;color:var(--color-success);padding:.5rem;cursor:pointer;transition:color var(--transition-fast)}.seen:hover{color:var(--color-primary)}.delete-notification{position:absolute;left:1rem;color:var(--color-danger);cursor:pointer;transition:transform var(--transition-fast)}.delete-notification:hover{transform:scale(1.2)}@media (max-width: 767px){.notification-list li{font-size:.85rem!important}.notification-send input{font-size:.85rem}.notification-send button{font-size:.75rem}.admin-note-box{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:.2rem;place-items:center;margin-right:.3rem;font-size:.7rem}}.qrcode-area{display:grid;grid-template-rows:max-content 1fr;grid-row-gap:1.5rem;place-items:center;padding:2rem}.qrcode-area div{display:grid;grid-template-columns:max-content 1fr;place-items:center}.qrcode-area div span{display:grid;grid-template-columns:max-content 1fr;place-items:center;grid-column-gap:.5rem;border:1px solid var(--color-primary-light);border-radius:var(--radius-md);padding:.5rem 1rem;font-size:1.3rem;color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg-hover)}.qrcode-area div span:hover{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.qrcode-area img{width:12rem;height:12rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.5rem;background:#fff;border:1px solid var(--color-border)}.qr-nav{display:flex;column-gap:.5rem}.qr-nav span{padding:.4rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border);background:var(--color-bg-input)}.qr-nav .active{background:var(--color-success);color:#fff;border-color:var(--color-success)}.search-area h3 span{color:var(--color-accent-dark);font-size:1.3rem;font-weight:700}.add-btn{margin-top:2rem;border:1px solid var(--color-success-border);border-radius:var(--radius-md);background:var(--color-success-bg);cursor:pointer;margin-right:2rem;transition:all var(--transition-fast);display:flex;column-gap:1rem;align-items:center;width:max-content;padding:.2rem .5rem}.add-btn:hover{box-shadow:var(--shadow-sm);background:var(--color-success);color:#fff}.add-btn:hover span{color:#fff}.add-btn span{color:var(--color-success);padding:.3rem;font-size:1rem;transition:color var(--transition-fast)}.table-status-active p{color:var(--color-success);font-weight:600}.table-status-active div{width:1.6rem;height:.7rem;border:1px solid var(--color-border);border-radius:1rem;display:block;margin:.3rem auto;cursor:pointer;transition:all var(--transition-fast);position:relative;background:#d4f5e9}.table-status-active div span{position:absolute;width:.75rem;height:.65rem;background:#00e6a8;border-radius:50%;right:0;box-shadow:0 0 4px #00e6a880}.table-status-inactive p{color:var(--color-danger)!important;font-weight:600}.table-status-inactive div{width:1.6rem;height:.7rem;border:1px solid var(--color-border);border-radius:1rem;display:block;margin:.3rem auto;cursor:pointer;transition:all var(--transition-fast);position:relative;background:#ffe0e6}.table-status-inactive div span{position:absolute;width:.75rem;height:.65rem;background:var(--color-danger);border-radius:50%;left:0;box-shadow:0 0 4px #e6123d66}.qrcode-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg-input);padding:.2rem .4rem}.qrcode-btn:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary);color:var(--color-primary)}.service-period-extention-btn{border:1px solid var(--color-warning);border-radius:var(--radius-sm);background:var(--color-warning-light);margin-left:.3rem;width:5rem;cursor:pointer;transition:all var(--transition-fast);padding:.2rem}.service-period-extention-btn:hover{box-shadow:var(--shadow-sm);background:var(--color-warning);color:#fff}.service-change-link-btn{border:1px solid #9d00db;border-radius:var(--radius-sm);background:#f8eeff;margin-left:.3rem;width:5rem;cursor:pointer;transition:all var(--transition-fast);padding:.2rem}.service-change-link-btn:hover{box-shadow:var(--shadow-sm);background:#9d00db;color:#fff}.table-edit-btn{border:1px solid var(--color-accent-dark);border-radius:var(--radius-sm);background:#e0fafb;margin-left:.3rem!important;width:5rem;cursor:pointer;transition:all var(--transition-fast);padding:.2rem}.table-edit-btn:hover{box-shadow:var(--shadow-sm);background:var(--color-accent-dark);color:#fff}.table-delete-btn{border:1px solid var(--color-danger);border-radius:var(--radius-sm);background:var(--color-danger-bg);margin-left:.3rem;width:5rem;cursor:pointer;transition:all var(--transition-fast);padding:.2rem}.table-delete-btn:hover{box-shadow:var(--shadow-sm);background:var(--color-danger);color:#fff}.table-volume{direction:ltr!important}.table-volume span{font-size:1rem;font-weight:600;color:var(--color-primary)}.table-status-active-client p{color:var(--color-success)}.table-status-inactive-client p{color:var(--color-danger)}@media (max-width: 767px){.search-area{grid-template-columns:1fr;grid-row-gap:.8rem}.search-area input{font-size:.95rem;width:100%}.qrcode-btn{font-size:.7rem}}.add-plan-area{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);place-items:center;grid-row-gap:1rem;margin:1rem 0;padding:0 1rem}.add-plan-area div{display:grid;grid-template-columns:repeat(2,1fr)}.add-plan-area div label{place-self:center;color:var(--color-text-muted);font-weight:600}.add-plan-area input{border:1px solid var(--color-border-input);border-radius:var(--radius-md);outline:none;width:100%;justify-self:start;padding:.5rem;font-size:1rem;background:var(--color-bg-input);transition:all var(--transition-fast)}.add-plan-area button{border:1px solid var(--color-success);border-radius:var(--radius-md);background:var(--color-success-bg);padding:.5rem 1.5rem;color:var(--color-success);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.add-plan-area button:hover{background:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}.checkbox{display:flex;align-items:center;padding:0;width:50%;margin:auto;column-gap:1rem}.checkbox input{width:max-content;cursor:pointer;accent-color:var(--color-primary)}.edit-plan-area{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);place-items:center;grid-row-gap:1rem;margin:1rem 0;padding:0 1rem}.edit-plan-area div{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1rem}.edit-plan-area div label{place-self:center;color:var(--color-text-muted);font-weight:600}.edit-plan-area input{border:1px solid var(--color-border-input);border-radius:var(--radius-md);outline:none;width:60%;padding:.5rem;font-size:1rem;background:var(--color-bg-input);transition:all var(--transition-fast)}.edit-plan-area button{border:1px solid var(--color-success);border-radius:var(--radius-md);background:var(--color-success-bg);padding:.5rem 1.5rem;color:var(--color-success);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.edit-plan-area button:hover{background:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}.checkbox-area{display:grid;grid-template-columns:max-content 1fr!important}.checkbox-area input{width:.9rem;height:.9rem;cursor:pointer;accent-color:var(--color-primary)}.new-server-area{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(7,1fr);place-items:center;grid-row-gap:1rem;margin:1rem 0;padding:0 1rem}.new-server-area div{display:grid;grid-template-columns:.5fr 1fr;direction:ltr}.new-server-area div label{align-self:center;direction:ltr;color:var(--color-text-muted);font-weight:600}.new-server-area input{border:1px solid var(--color-border-input);border-radius:var(--radius-md);outline:none;width:120%;padding:.5rem;font-size:1rem;direction:ltr!important;background:var(--color-bg-input);transition:all var(--transition-fast)}.ids{display:flex}.ids input{width:45%!important;margin:auto}.new-server-area button{border:1px solid var(--color-success);border-radius:var(--radius-md);background:var(--color-success-bg);padding:.5rem 1.5rem;color:var(--color-success);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.new-server-area button:hover{background:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}.edit-server-area{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(7,1fr);place-items:center;grid-row-gap:1rem;margin:1rem 0;padding:0 1rem}.edit-server-area div{display:grid;grid-template-columns:.5fr 1fr;direction:ltr}.edit-server-area div label{align-self:center;direction:ltr;color:var(--color-text-muted);font-weight:600}.edit-server-area input{border:1px solid var(--color-border-input);border-radius:var(--radius-md);outline:none;width:120%;padding:.5rem;font-size:1rem;direction:ltr!important;background:var(--color-bg-input);transition:all var(--transition-fast)}.edit-server-area button{border:1px solid var(--color-success);border-radius:var(--radius-md);background:var(--color-success-bg);padding:.5rem 1.5rem;color:var(--color-success);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.edit-server-area button:hover{background:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}.actions{display:flex;column-gap:1rem}.new-ticket-area{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);place-items:center;grid-row-gap:1rem;margin:1rem 0;padding:0 1rem}.new-ticket-area input{border:1px solid var(--color-border-input);border-radius:var(--radius-md);outline:none;width:50%;padding:.5rem;font-size:1rem;background:var(--color-bg-input);transition:all var(--transition-fast)}.new-ticket-area textarea{border:1px solid var(--color-border-input);border-radius:var(--radius-md);outline:none;font-size:1rem;width:80%;padding:.5rem;height:7rem;margin-top:-1rem;background:var(--color-bg-input);resize:vertical;transition:all var(--transition-fast);font-family:var(--font-family)}.new-ticket-area button{border:1px solid var(--color-success);border-radius:var(--radius-md);background:var(--color-success-bg);padding:.5rem 1.5rem;color:var(--color-success);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.new-ticket-area button:hover{background:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}.show-ticket-area{display:grid;grid-template-columns:1fr;max-height:20rem!important;overflow-y:auto;padding:2rem 1rem 4rem}.show-ticket-client{display:grid;grid-template-rows:1fr max-content;grid-row-gap:.5rem;width:55%;justify-self:start;min-height:2rem;max-height:6rem;border:1px solid #f0b8e8;border-radius:var(--radius-md);background:#fef0fb;padding:1rem;overflow:auto;box-shadow:var(--shadow-sm)}.show-ticket-client p{font-size:.7rem;color:var(--color-text-light)}.show-ticket-admin{display:grid;grid-template-rows:1fr max-content;grid-row-gap:.5rem;width:55%;justify-self:end;min-height:2rem;max-height:6rem;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-hover);margin-top:1rem;padding:1.2rem;overflow:auto;box-shadow:var(--shadow-sm)}.show-ticket-admin p{font-size:.7rem;color:var(--color-text-light)}.show-ticket-area input{border:1px solid var(--color-border-input);border-radius:var(--radius-md);outline:none;width:30%;padding:.5rem;font-size:1rem;background:var(--color-bg-input);transition:all var(--transition-fast)}.new-ticket-chatbox{width:100%;height:3.5rem;display:grid;grid-template-columns:70% 30%;place-items:center;background:var(--color-bg-card);position:absolute;bottom:0;box-shadow:0 -2px 8px #0087c51a;border-top:1px solid var(--color-border-light);place-self:end}.new-ticket-chatbox input{width:90%;border:1px solid var(--color-border-input);border-radius:var(--radius-md);outline:none;padding:.5rem;font-size:1rem;background:var(--color-bg-input);transition:all var(--transition-fast)}.new-ticket-chatbox button{border:1px solid var(--color-success);border-radius:var(--radius-md);background:var(--color-success-bg);color:var(--color-success);font-size:.9rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);display:grid;grid-template-columns:30% 70%;place-items:center;padding:.3rem .8rem}.new-ticket-chatbox button:hover{background:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}.new-ticket-chatbox button span{font-size:1.1rem;padding-top:.4rem}@media (max-width: 767px){.show-ticket-admin,.show-ticket-client{font-size:.85rem;width:75%}.new-ticket-chatbox input{font-size:.85rem}.new-ticket-chatbox button{font-size:.75rem}}.support-table-showticket{border:1px solid var(--color-primary-light);border-radius:var(--radius-md);background:var(--color-bg-hover);cursor:pointer;transition:all var(--transition-fast);padding:.2rem .5rem}.support-table-showticket:hover{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.ticket-response-true{color:var(--color-success);font-weight:600}.ticket-response-false{color:var(--color-primary);font-weight:600}.ways-social-list{list-style:none;display:block;margin:auto;padding:1rem}.ways-social-list li{display:grid;grid-template-columns:max-content 70%;grid-column-gap:2rem;font-size:1rem;padding:1.2rem;border-bottom:1px solid var(--color-border-light);transition:all var(--transition-fast);border-radius:var(--radius-md)}.ways-social-list li:hover{background:var(--color-bg-hover);transform:translate(-3px)}.ways-social-list li img{width:3rem;height:3rem;border-radius:30%;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.ways-social-list li:hover img{transform:scale(1.05)}@media (max-width: 767px){.ways-social-list li{font-size:.85rem}.ways-social-list li img{width:2.5rem;height:2.5rem}}.admin-bg{display:grid;grid-template-columns:max-content minmax(0,1fr);min-height:100vh;max-width:100vw;overflow-x:hidden;background:var(--color-bg)}.admin-content{min-width:0;max-width:100%;overflow-x:hidden;width:100%}.admin-panel{list-style:none;width:18rem;height:100vh;padding:0;background:var(--color-bg-sidebar);box-shadow:var(--shadow-md);transition:ease-in-out .4s;overflow:auto;z-index:100!important;border-left:1px solid var(--color-border-light)}.admin-panel-toggle{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;display:grid;grid-template-columns:repeat(2,1fr);align-items:center}.admin-panel-toggle span{font-size:1.5rem!important;color:#fff!important;cursor:pointer;transition:transform var(--transition-fast)}.admin-panel-toggle span:hover{transform:scale(1.1)}.admin-panel-toggle h2{place-self:end;padding-left:1rem}.admin-panel-toggle:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))!important}.admin-panel-heading{height:3.45rem;display:grid!important;grid-template-columns:max-content 1fr!important;place-items:center!important;color:var(--color-primary-dark)!important;cursor:default!important;border-bottom:1px solid var(--color-border-light)}.admin-panel-heading img{width:2.8rem;height:2.8rem;border:2px solid var(--color-border-light);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.admin-panel-heading span{width:2.95rem;height:2.95rem;border:3px solid var(--color-border);border-radius:var(--radius-full)}.admin-panel-heading h3{font-size:1.5rem!important;font-weight:700!important}.admin-panel-heading:hover{background:var(--color-bg-card)!important}.admin-panel li,.admin-panel a{display:grid;grid-template-columns:20% 80%;align-items:center;justify-items:start;color:var(--color-text-muted);padding:.5rem .3rem;border-bottom:1px solid var(--color-border-light);cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.admin-panel li:hover{background:var(--color-bg-hover);color:var(--color-text)}.admin-panel li p{font-size:1rem}.admin-panel li span,.admin-panel a span{font-size:1.3rem;color:var(--color-primary)}.admin-panel-hidden{height:100vh;width:0;transition:ease-in-out .4s}.admin-panel-active{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary),var(--color-primary-light));color:#fff!important;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:0 .25rem}.admin-panel-active:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-hover),var(--color-primary-light))!important;color:#fff!important}.admin-panel-active span{color:#fff!important}.panel-submenu{display:grid;grid-template-columns:20% 70% 10%!important;padding:.4rem!important}.sub-main-menu{display:grid;grid-template-columns:90% 10%!important;border-top:1px solid var(--color-primary-dark)!important;cursor:default!important}.sub-main-menu:hover{background:var(--color-bg-sidebar)!important}.sub-main-menu p{font-size:1.1rem;padding:.4rem}.side-user-icon{width:2.1rem;height:2.1rem;border:2px solid #fff;border-radius:var(--radius-full);box-sizing:border-box;margin-right:2rem;cursor:pointer;transition:all var(--transition-fast)}.side-user-icon:hover{box-shadow:0 0 .5rem #fff9;transform:scale(1.05)}.side-dropdown-area{position:absolute;background:var(--color-bg-card);top:3rem;left:2.2rem;width:7rem;height:10rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);border-top-left-radius:0!important;display:grid;grid-template-rows:repeat(2,1fr);place-items:center;box-shadow:var(--shadow-md)}.change-pass-btn{display:grid;grid-template-columns:1fr;grid-column-gap:.5rem;border:1px solid var(--color-primary-dark);border-radius:var(--radius-sm);background:var(--color-bg-hover);font-size:.9rem;padding:.3rem .5rem;cursor:pointer;transition:all var(--transition-fast)}.change-pass-btn:hover{box-shadow:var(--shadow-sm);background:var(--color-primary);color:#fff}.admin-popup-bg{position:fixed;top:0;right:0;width:100%;height:100vh;background:rgba(0,30,50,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .25s ease}.admin-popup{position:fixed;top:5rem;right:25%;width:50%;min-height:15rem;max-height:30rem;overflow:auto;background:var(--color-bg-card);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-popup);animation:slideUp .3s ease}.admin-popup-close-btn{position:fixed;top:5.5rem;right:25.5%;padding:.2rem .4rem;font-size:1.1rem;cursor:pointer;border:none;background:var(--color-bg-card);color:var(--color-danger);border-radius:var(--radius-sm);transition:all var(--transition-fast);z-index:10}.admin-popup-close-btn:hover{background:var(--color-danger-light);transform:scale(1.1)}.notif-unseen{position:absolute;width:.9rem;height:.9rem;display:grid;place-items:center;background:var(--color-danger);border:2px solid #fff;border-radius:var(--radius-full);font-size:.7rem!important;color:#fff;right:-.25rem;top:.8rem;box-shadow:var(--shadow-sm)}.loading-area{position:fixed;top:0;right:0;width:100%;height:100vh;background:rgba(0,30,50,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999}.lds-roller{display:inline-block;position:absolute;top:39%;right:45%;width:8rem;height:8rem}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:.55rem;height:.55rem;border-radius:50%;background:var(--color-primary-light);box-shadow:0 0 .5rem var(--color-accent);margin:-4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.show-panel-anim{animation:show_panel_anim .5s ease}.toggle-show-anim{animation:toggle-panel-show .5s}.toggle-hide-anim{animation:toggle-panel-hide .5s}.side-menu-anim{animation:side-menu-anim .5s}@keyframes show_panel_anim{0%{opacity:0}to{opacity:1}}@keyframes toggle-panel-show{0%{width:0}to{width:18rem}}@keyframes toggle-panel-hide{0%{width:18rem}to{width:0}}@keyframes side-menu-anim{0%{height:0;opacity:0}to{height:10rem;opacity:1}}@keyframes sub-menu-anim{0%{height:0;opacity:0}to{height:auto;opacity:1}}@media (min-width: 768px) and (max-width: 992px){.admin-panel{position:absolute}}@media (max-width: 767px){.admin-panel{position:absolute!important}.admin-popup{width:90%;right:5%;top:8rem}.admin-popup-close-btn{top:8.5rem;right:7%}}.change-pass{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);place-items:center;grid-row-gap:1rem;margin:1rem 0;padding:0 1rem}.change-pass input{border:1px solid var(--color-border-input);border-radius:var(--radius-md);outline:none;width:50%;padding:.5rem;font-size:1rem;direction:ltr!important;background:var(--color-bg-input);transition:all var(--transition-fast)}.change-pass button{border:1px solid var(--color-success);border-radius:var(--radius-md);background:var(--color-success-bg);padding:.5rem 1.5rem;color:var(--color-success);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.change-pass button:hover{background:var(--color-success);color:#fff;box-shadow:var(--shadow-sm)}.data-usage{max-width:40rem;margin:2rem auto;background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;border:1px solid var(--color-border-light)}.data-usage .title{text-align:center;padding:1.2rem 0;font-weight:700;font-size:1.3rem;background:linear-gradient(135deg,var(--color-accent-dark),var(--color-primary));color:#fff}.data-usage .input{display:grid;place-items:center;margin:1.5rem;width:calc(100% - 3rem)}.data-usage textarea{max-width:30rem;width:100%;min-height:7rem;margin:auto;resize:none;direction:ltr;border:1px solid var(--color-border-input);border-radius:var(--radius-md);padding:.8rem;font-size:.95rem;background:var(--color-bg-input);transition:all var(--transition-fast);font-family:var(--font-family)}.data-usage .button{display:grid;place-items:center;margin:1rem 1.5rem 1.5rem}.data-usage .button button{border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;padding:.6rem 2rem;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.data-usage .button button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.data-usage>div:last-child{padding:1rem 1.5rem 1.5rem;display:grid;grid-row-gap:.6rem}.data-usage>div:last-child>div{padding:.6rem 1rem;background:var(--color-bg-hover);border-radius:var(--radius-md);border:1px solid var(--color-border-light);font-size:.95rem;color:var(--color-text)}.data-usage>div:last-child>div span{color:var(--color-primary);font-weight:700}