body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite;-webkit-animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-page{align-items:center;background-image:url(/static/media/background.3dddcf21fecba0a6939b.png);background-position:50%;background-size:cover;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;padding:0;position:relative;width:100%}.overlay{background-color:#812f2fd3;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.login-container{border-radius:12px;box-shadow:0 8px 24px #00000059;display:flex;height:65%;max-width:950px;overflow:hidden;width:85%;z-index:1}.left-section{background-color:#fff;border-bottom-left-radius:8px;border-top-left-radius:8px;flex:1 1;width:40%}.left-section,.right-section{align-items:center;display:flex;justify-content:center;padding:20px;z-index:3}.right-section{background-color:#e7111f;border-bottom-right-radius:8px;border-top-right-radius:8px;flex:2 1}.logo{border-radius:8px;width:200px}.login-box{background-color:initial;padding:20px;text-align:center;width:80%}.login-title{color:#fff;margin-bottom:20px}.social-login{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.social-login i{color:#fff;cursor:pointer;font-size:24px}.input-field{border:none;border-radius:5px;margin:10px 0;padding:10px;width:100%}.forgot-password{margin:10px 0;text-align:right}.forgot-password a{color:#fff;font-size:12px;text-decoration:none}.login-button{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px;width:100%}.app-container{background-color:#f4f6f9;color:#333;direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;width:100vw}.app-container,.sidebar{display:flex;overflow:hidden}.sidebar{background-color:#1a1a1a;border-left:1px solid #2d2d2d;box-shadow:-4px 0 15px #00000026;color:#e0e0e0;flex-direction:column;flex-shrink:0;transition:all .3s cubic-bezier(.25,.8,.25,1);width:280px;z-index:10}.sidebar-header{border-bottom:1px solid #2d2d2d;padding:30px 20px;text-align:center}.sidebar-title{color:#e7111f;font-size:28px;font-weight:800;letter-spacing:1px;margin:0;text-shadow:0 2px 4px #00000080}.sidebar-subtitle{color:#888;display:block;font-size:12px;letter-spacing:2px;margin-top:5px;text-transform:uppercase}.sidebar-menu{flex-grow:1;list-style:none;margin:0;padding:20px 10px}.sidebar-menu li{align-items:center;border-radius:8px;color:#b3b3b3;cursor:pointer;display:flex;font-size:15px;font-weight:500;margin-bottom:8px;padding:14px 20px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.sidebar-menu li:hover{background-color:#2d2d2d;color:#fff;transform:translateX(-4px)}.sidebar-menu li.active{background-color:#e7111f;box-shadow:0 4px 12px #e7111f4d;color:#fff;font-weight:600}.menu-icon{font-size:18px;margin-left:12px;text-align:center;width:20px}.sidebar-footer{border-top:1px solid #2d2d2d;padding:20px 15px}.logout-btn{align-items:center;background-color:initial;border:1px solid #2d2d2d;border-radius:8px;color:#b3b3b3;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:center;padding:12px;transition:all .2s ease-in-out;width:100%}.logout-btn:hover{background-color:#e7111f;border-color:#e7111f;box-shadow:0 4px 10px #e7111f40;color:#fff}.logout-icon{font-size:16px;margin-left:8px}.content{flex-grow:1;overflow-y:auto;padding:40px}.form-container,.screen-card{animation:slideUp .4s ease-out;background-color:#fff;border-radius:12px;border-top:4px solid #e7111f;box-shadow:0 4px 20px #0000000d;margin:0 auto;max-width:1000px;padding:35px}.form-container h2,.screen-card h2{color:#1a1a1a;font-size:24px;font-weight:700;margin-bottom:30px;margin-top:0;padding-bottom:10px;position:relative}.form-container h2:after,.screen-card h2:after{background-color:#e7111f;border-radius:2px;bottom:0;content:"";height:3px;position:absolute;right:0;width:50px}.form-container form{grid-column-gap:30px;grid-row-gap:20px;column-gap:30px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:span 2}.form-group label{color:#555;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group select{background-color:#fafafa;border:1.5px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:15px;outline:none;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{background-color:#fff;border-color:#e7111f;box-shadow:0 0 0 4px #e7111f1a}.form-group.checkbox-group{align-items:center;flex-direction:row;margin-top:15px}.form-group.checkbox-group label{cursor:pointer;margin-bottom:0;margin-right:10px}.form-group input[type=checkbox]{accent-color:#e7111f;cursor:pointer;height:20px;width:20px}.submit-button{background-color:#1a1a1a;border:none;border-radius:8px;box-shadow:0 4px 10px #00000026;color:#fff;cursor:pointer;font-size:16px;font-weight:600;grid-column:span 2;justify-self:end;margin-top:15px;padding:12px 40px;transition:all .3s ease}.submit-button:hover{background-color:#e7111f;box-shadow:0 4px 15px #e7111f4d;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.screen-content{align-items:center;color:#666;display:flex;flex-direction:column;padding:40px 0;text-align:center}.info-icon{color:#e7111f;font-size:64px;margin-bottom:20px;opacity:.8}.screen-content p{font-size:16px;line-height:1.6;max-width:500px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.app-container{flex-direction:column}.sidebar{height:auto;width:100%}.sidebar-menu{display:flex;flex-wrap:wrap;justify-content:center;padding:10px}.sidebar-menu li{margin:5px}.content{padding:20px}.form-container form{grid-template-columns:1fr}.submit-button{width:100%}}.sidebar-logo{border-radius:8px;display:block;margin:0 auto 10px;max-height:50px;max-width:160px;object-fit:contain}.clients-page-container{animation:slideUp .4s ease-out;display:flex;flex-direction:column;gap:25px;margin:0 auto;max-width:1200px}.clients-header-card{align-items:center;background-color:#fff;border-radius:12px;border-right:4px solid #e7111f;box-shadow:0 4px 20px #0000000a;display:flex;justify-content:space-between;padding:20px 30px}.header-text-group h2{color:#1a1a1a;font-size:22px;font-weight:700;margin:0 0 4px}.header-text-group p{color:#777;font-size:13.5px;margin:0}.add-client-btn{align-items:center;background-color:#e7111f;border:none;border-radius:8px;box-shadow:0 4px 12px #e7111f33;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease-in-out}.add-client-btn:hover{background-color:#c50e18;box-shadow:0 6px 15px #e7111f4d;transform:translateY(-2px)}.add-client-btn .btn-icon{font-size:16px;margin-left:6px}.table-card{background-color:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 4px 20px #0000000a;overflow:hidden}.table-responsive{overflow-x:auto;width:100%}.clients-table{border-collapse:collapse;min-width:900px;text-align:right;width:100%}.clients-table th{background-color:#fafafa;border-bottom:2px solid #eaeaea;color:#555;font-size:14px;font-weight:600;padding:16px}.clients-table td{border-bottom:1px solid #f2f2f2;color:#333;font-size:14px;padding:16px;vertical-align:middle}.clients-table tr:hover{background-color:#fdfdfd}.username-tag{background-color:#fcedee;border-radius:4px;color:#e7111f;font-family:Consolas,Monaco,monospace;font-size:13px;font-weight:600;padding:4px 8px}.null-val{color:#bbb;font-weight:300}.table-status{align-items:center;color:#666;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:60px 40px;text-align:center}.table-status .status-spinner{color:#e7111f;font-size:32px}.table-status .status-icon{color:#ccc;font-size:40px}.table-status span{font-size:15px}.error-status{color:#c50e18}.retry-btn{background-color:#1a1a1a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:5px;padding:8px 20px;transition:background .2s}.retry-btn:hover{background-color:#e7111f}.modal-backdrop{align-items:center;animation:fadeIn .25s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000008c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-card{animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1);background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:750px;overflow:hidden;width:90%}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;padding:20px 25px}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{color:#1a1a1a;font-size:18px;font-weight:700;margin:0}.modal-title-icon{color:#e7111f;font-size:18px;margin-left:10px}.modal-close-btn{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:5px;transition:color .2s}.modal-close-btn:hover{color:#e7111f}.modal-body-scroll{flex-grow:1;overflow-y:auto;padding:25px}.modal-error-banner{animation:fadeIn .2s ease-in;background-color:#fde8e8;border-radius:6px;border-right:4px solid #e7111f;color:#9b1c1c;font-size:14px;margin-bottom:20px;padding:12px 15px;text-align:right}.modal-form-grid{grid-column-gap:24px;grid-row-gap:18px;column-gap:24px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:18px}.modal-form-group{display:flex;flex-direction:column}.modal-form-group.full-width{grid-column:span 2}.modal-form-group label{color:#444;font-size:13.5px;font-weight:600;margin-bottom:8px}.modal-form-group.required label:after{color:#e7111f;content:" *"}.modal-form-group input{background-color:#fafafa;border:1.5px solid #ddd;border-radius:6px;font-family:inherit;font-size:14.5px;outline:none;padding:10px 14px;transition:all .2s ease}.modal-form-group input:focus{background-color:#fff;border-color:#e7111f;box-shadow:0 0 0 3px #e7111f14}.modal-form-group input::placeholder{color:#bbb;font-size:13px}.modal-footer{background-color:#fafafa;border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:16px 25px}.modal-btn-cancel{background-color:#fff;border:1.5px solid #dcdcdc;border-radius:6px;color:#555;cursor:pointer;font-size:14.5px;font-weight:600;padding:10px 24px;transition:all .2s ease}.modal-btn-cancel:hover{background-color:#f5f5f5;border-color:#ccc;color:#333}.modal-btn-submit{align-items:center;background-color:#e7111f;border:none;border-radius:6px;box-shadow:0 4px 10px #e7111f26;color:#fff;cursor:pointer;display:flex;font-size:14.5px;font-weight:600;justify-content:center;min-width:90px;padding:10px 32px;transition:all .2s ease}.modal-btn-submit:hover{background-color:#c50e18;box-shadow:0 4px 14px #e7111f40}.modal-btn-submit:disabled{background-color:#f38f95;box-shadow:none;cursor:not-allowed}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.modal-form-grid{grid-template-columns:1fr}.modal-form-group.full-width{grid-column:span 1}.clients-header-card{align-items:flex-start;flex-direction:column;gap:15px}.add-client-btn{justify-content:center;width:100%}}.sidebar-closed .sidebar{opacity:1;pointer-events:auto;width:80px}.sidebar-closed .sidebar .sidebar-logo{max-width:45px}.sidebar-closed .sidebar .sidebar-subtitle{display:none}.sidebar-closed .sidebar .sidebar-header{padding:20px 10px}.sidebar-closed .sidebar .sidebar-menu{padding:20px 5px}.sidebar-closed .sidebar .sidebar-menu li{justify-content:center;padding:14px 0;transform:none}.sidebar-closed .sidebar .sidebar-menu li span{display:none}.sidebar-closed .sidebar .menu-icon{font-size:20px;margin-left:0}.sidebar-closed .sidebar .logout-btn{padding:12px 0;width:100%}.sidebar-closed .sidebar .logout-btn span{display:none}.sidebar-closed .sidebar .logout-icon{font-size:18px;margin-left:0}.top-navbar{align-items:center;display:flex;justify-content:flex-start;margin-bottom:20px}.sidebar-toggle-btn{align-items:center;background-color:#fff;border:1px solid #eaeaea;border-radius:8px;box-shadow:0 2px 8px #0000000a;color:#333;cursor:pointer;display:flex;font-size:18px;justify-content:center;outline:none;padding:10px 14px;transition:all .2s ease-in-out}.sidebar-toggle-btn:hover{background-color:#fdfdfd;border-color:#dcdcdc;box-shadow:0 4px 12px #00000014;color:#e7111f;transform:translateY(-1px)}.sidebar-toggle-btn:active{transform:translateY(0)}.modal-card form{display:flex;flex-direction:column;flex-grow:1;height:100%;overflow:hidden}.logout-modal-card{max-width:450px!important}.logout-message{color:#555;font-size:15px;line-height:1.6;margin:10px 0;text-align:right}.logout-confirm-btn{background-color:#e7111f!important}.logout-confirm-btn:hover{background-color:#c50e18!important}.manage-tokens-btn{align-items:center;background-color:#1a1a1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease-in-out}.manage-tokens-btn:hover{background-color:#e7111f;box-shadow:0 4px 10px #e7111f33;transform:translateY(-1px)}.btn-key-icon{font-size:13px;margin-left:4px}.token-manager-card{max-width:800px}.generate-token-form{align-items:flex-end;background-color:#fbfbfb;border:1.5px dashed #ddd;border-radius:8px;display:flex;gap:16px;margin-bottom:25px;padding:20px}.generate-form-group{display:flex;flex-direction:column;flex-grow:1;gap:8px}.generate-form-group label{color:#555;font-size:13px;font-weight:600}.generate-form-group input{background-color:#fff;border:1.5px solid #ddd;border-radius:6px;font-size:14.5px;outline:none;padding:10px 14px;transition:border-color .2s}.generate-form-group input:focus{border-color:#e7111f}.generate-btn{height:42px;margin-top:0!important;padding:0 25px!important}.tokens-list-section h4{border-bottom:2.5px solid #f2f2f2;color:#1a1a1a;font-size:16px;font-weight:700;margin:0 0 15px;padding-bottom:8px}.token-cards-wrapper{gap:15px}.token-card,.token-cards-wrapper{display:flex;flex-direction:column}.token-card{background-color:#fff;border:1.5px solid #eaeaea;border-radius:8px;gap:12px;padding:18px;position:relative;transition:border-color .2s,box-shadow .2s}.token-card.active-token{border-right:4px solid #2e7d32}.token-card.disabled-token{border-right:4px solid #d32f2f;opacity:.85}.token-card:hover{box-shadow:0 4px 12px #00000008}.token-card-header{align-items:center;display:flex;justify-content:space-between}.token-card-header .status-badge{border-radius:4px;font-size:11px;font-weight:700;padding:3px 8px}.status-badge.active{background-color:#e8f5e9;color:#2e7d32}.status-badge.inactive{background-color:#ffebee;color:#d32f2f}.token-date{color:#999;font-size:11.5px}.token-value-container{align-items:center;background-color:#fafafa;border:1.5px solid #f0f0f0;border-radius:6px;display:flex;gap:10px;padding:10px 14px}.token-code{color:#333;flex-grow:1;font-family:Consolas,Monaco,monospace;font-size:13.5px;text-align:left;word-break:break-all}.token-copy-btn{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;font-size:15px;justify-content:center;padding:5px;transition:color .15s}.token-copy-btn:hover{color:#e7111f}.copied-text{align-items:center;color:#2e7d32;display:inline-flex;font-size:11px;font-weight:700;gap:4px}.token-card-body{color:#555;font-size:13.5px}.token-limit-display{align-items:center;display:flex;gap:8px}.edit-limit-btn{background:none;border:none;color:#06c;cursor:pointer;font-size:14px;padding:0 4px;transition:color .15s}.edit-limit-btn:hover{color:#e7111f}.limit-edit-group{align-items:center;display:inline-flex;gap:8px}.limit-edit-group input{border:1.5px solid #ccc;border-radius:4px;font-size:13px;outline:none;padding:5px 8px;width:90px}.limit-edit-group input:focus{border-color:#e7111f}.limit-edit-group button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:background .15s}.save-limit-btn{background-color:#e7111f;color:#fff}.save-limit-btn:hover{background-color:#c50e18}.cancel-limit-btn{background-color:#eee;color:#333}.cancel-limit-btn:hover{background-color:#ddd}.token-card-footer{border-top:1.5px solid #f9f9f9;display:flex;gap:15px;justify-content:flex-end;margin-top:5px;padding-top:12px}.token-action-btn{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;transition:color .15s}.btn-disable{color:#d32f2f}.btn-disable:hover{color:#b71c1c}.btn-enable{color:#2e7d32}.btn-enable:hover{color:#1b5e20}.btn-delete{color:#888}.btn-delete:hover{color:#1a1a1a}
/*# sourceMappingURL=main.b5d9beab.css.map*/