@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}:root{--primary-color:#0076ce;--primary-dark:#005a9e;--primary-light:#e6f2fa;--secondary-color:#1e3a8a;--accent-color:#00a3e0;--error-color:#d32f2f;--success-color:#2e7d32;--text-primary:#2d3748;--text-secondary:#4a5568;--text-light:#718096;--border-color:#e2e8f0;--bg-primary:#fff;--bg-secondary:#f7fafc;--water-color:#f0f8ff;--water-accent:#e6f2fa;--gradient-primary:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);--gradient-light:linear-gradient(135deg,var(--bg-secondary) 0%,var(--primary-light) 100%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-3d:0 20px 40px #0000001a,0 10px 20px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden}body{background:#f0f8ff;background:var(--water-color);color:#2d3748;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;position:relative}.auth-background{background:#f0f8ff;background:var(--water-color);overflow:hidden;position:fixed;z-index:-1}.auth-background,.waves-container{height:100%;left:0;top:0;width:100%}.waves-container{opacity:.8;position:absolute}.wave{background-position:0 bottom;background-repeat:repeat-x;bottom:0;height:100%;left:0;opacity:.6;position:absolute;transform-origin:center bottom;width:200%}.wave-front{animation:wave 25s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C989.49 25 1113-14.29 1200 52.47V0Z' opacity='.25' fill='%230076ce'/%3E%3C/svg%3E");opacity:.7;z-index:1}.wave-middle{animation:wave 20s linear infinite reverse;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0v15.81c13 21.11 27.64 41.05 47.69 56.24C99.41 111.27 165 111 224.58 91.58c31.15-10.15 60.09-26.07 89.67-39.8 40.92-19 84.73-46 130.83-49.67 36.26-2.85 70.9 9.42 98.6 31.56 31.77 25.39 62.32 62 103.63 73 40.44 10.79 81.35-6.69 119.13-24.28s75.16-39 116.92-43.05c59.73-5.85 113.28 22.88 168.9 38.84 30.2 8.66 59 6.17 87.09-7.5 22.43-10.89 48-26.93 60.65-49.24V0Z' opacity='.5' fill='%2300a3e0'/%3E%3C/svg%3E");opacity:.5;z-index:2}.wave-back{animation:wave 30s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0v5.63C149.93 59 314.09 71.32 475.83 42.57c43-7.64 84.23-20.12 127.61-26.46 59-8.63 112.48 12.24 165.56 35.4C827.93 77.22 886 95.24 951.2 90c86.53-7 172.46-45.71 248.8-84.81V0Z' fill='%231e3a8a' opacity='.4'/%3E%3C/svg%3E");opacity:.4;z-index:3}@keyframes wave{0%{transform:translateX(0)}50%{transform:translateX(-25%)}to{transform:translateX(-50%)}}.bubbles{height:100%;left:0;pointer-events:none;top:0;width:100%}.bubble,.bubbles{position:absolute;z-index:4}.bubble{animation:float linear infinite;background:#fff9;border-radius:50%}.bubble:first-child{animation-delay:0s;animation-duration:25s;height:25px;left:10%;width:25px}.bubble:nth-child(2){animation-delay:2s;animation-duration:30s;height:20px;left:20%;width:20px}.bubble:nth-child(3){animation-delay:4s;animation-duration:20s;height:30px;left:35%;width:30px}.bubble:nth-child(4){animation-delay:1s;animation-duration:28s;height:22px;left:50%;width:22px}.bubble:nth-child(5){animation-delay:3s;animation-duration:22s;height:27px;left:65%;width:27px}.bubble:nth-child(6){animation-delay:5s;animation-duration:26s;height:19px;left:80%;width:19px}.bubble:nth-child(7){animation-delay:2s;animation-duration:24s;height:24px;left:90%;width:24px}@keyframes float{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.8}90%{opacity:.6}to{opacity:0;transform:translateY(-100px) scale(1)}}.auth-background:after{color:#0076ce1a;content:"YPS";font-family:Inter,sans-serif;font-size:20rem;font-weight:900;left:50%;letter-spacing:3rem;pointer-events:none;position:absolute;text-shadow:0 0 30px #ffffff80;top:50%;transform:translate(-50%,-50%) rotate(-15deg);white-space:nowrap;z-index:0}.auth-container{align-items:center;justify-content:center;min-height:100vh;padding:2rem;z-index:1}.auth-card-container,.auth-container{display:flex;position:relative;width:100%}.auth-card-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-primary);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a,0 10px 20px #0000000d,0 0 0 1px #ffffff1a,0 8px 32px #00000026;box-shadow:var(--shadow-3d),0 0 0 1px #ffffff1a,0 8px 32px #00000026;max-width:1000px;min-height:600px;overflow:hidden;transform:translateY(-5px);transition:transform .3s ease,box-shadow .3s ease;z-index:2}.auth-card-container:hover{box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff1a,0 12px 36px #0003;transform:translateY(-8px)}.auth-welcome-pane{align-items:center;background:linear-gradient(135deg,#0076ce,#1e3a8a);background:var(--gradient-primary);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:3rem 2rem;position:relative}.auth-welcome-pane:before{background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.welcome-content{max-width:400px;position:relative;text-align:center;z-index:2}.welcome-logo{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;height:140px;justify-content:center;margin:0 auto 3rem;padding:2rem;width:140px}.welcome-logo img{height:80px;object-fit:contain;width:80px}.welcome-title{font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:1rem;text-shadow:0 2px 4px #0000001a}.welcome-slogan{font-size:1.3rem;font-weight:600;margin-bottom:2rem;opacity:.95}.welcome-description{font-size:1rem;line-height:1.7;margin-bottom:3rem;opacity:.9}.tech-highlights{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:3rem}.tech-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:25px;font-size:.85rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.tech-badge:hover{background:#ffffff40;transform:translateY(-2px)}.auth-login-pane{align-items:center;background:#fff;background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:3rem 2rem;position:relative}.auth-login-pane:before{background:linear-gradient(135deg,#f7fafce6,#e6f2fa99);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-card{background:#0000;box-shadow:none;max-width:400px;padding:0;position:relative;width:100%;z-index:2}.auth-header{margin-bottom:3rem;text-align:center;width:100%}.login-title{color:#2d3748;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-prompt{color:#4a5568;color:var(--text-secondary);font-size:1.1rem}form{position:relative;width:100%;z-index:2}.form-group{margin-bottom:1.5rem;width:100%}.form-group label{color:#2d3748;color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group input[type=email],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=text]{background:#fff;background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:10px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);box-sizing:border-box;color:#2d3748;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#718096;color:var(--text-light)}.form-group input:focus{border-color:#0076ce;border-color:var(--primary-color);box-shadow:0 0 0 3px #0076ce1a,0 1px 2px 0 #0000000d;box-shadow:0 0 0 3px #0076ce1a,var(--shadow-sm);outline:none;transform:translateY(-1px)}.form-options{justify-content:space-between;margin:2rem 0;width:100%}.form-options,.remember-me{align-items:center;display:flex}.remember-me{gap:.5rem}.remember-me input[type=checkbox]{border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;height:16px;transition:all .2s ease;width:16px}.remember-me input[type=checkbox]:checked{background-color:#0076ce;background-color:var(--primary-color);border-color:#0076ce;border-color:var(--primary-color)}.remember-me label{color:#4a5568;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;margin:0}.forgot-password{color:#0076ce;color:var(--primary-color);font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s ease}.forgot-password:hover{color:#005a9e;color:var(--primary-dark);text-decoration:underline;transform:translateX(2px)}.login-button{align-items:center;background:#0076ce;background:var(--primary-color);border:none;border-radius:10px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:2rem;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:all .3s ease;width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-button:hover{background:#005a9e;background:var(--primary-dark);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-button:hover:before{left:100%}.login-button:active{transform:translateY(0)}.login-button:disabled{background:#718096;background:var(--text-light);box-shadow:none;cursor:not-allowed;transform:none}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:18px;width:18px}.error-message{background:#fed7d7;border:1px solid #feb2b2;border-radius:10px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#d32f2f;color:var(--error-color);margin-bottom:1.5rem;padding:1rem;text-align:center;width:100%}.error-main{font-weight:600;margin-bottom:.25rem}.error-tip{font-size:.85rem;margin-top:.5rem;opacity:.9}.loading-overlay{align-items:center;display:flex;justify-content:center;min-height:400px;width:100%}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0076ce;border:3px solid var(--border-color);border-top-color:var(--primary-color);height:40px;width:40px}.login-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem;position:relative;text-align:center;width:100%;z-index:2}.login-footer p{color:#4a5568;color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem}.contact-admin{border:2px solid #0076ce;border:2px solid var(--primary-color);border-radius:8px;color:#0076ce;color:var(--primary-color);display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.contact-admin:hover{background:#0076ce;background:var(--primary-color);color:#fff;text-decoration:none;transform:translateY(-1px)}.website-url{color:#718096;color:var(--text-light);font-size:.9rem;font-weight:600;margin-top:2rem;position:relative;text-align:center;z-index:2}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:1024px){.auth-card-container{max-width:900px;min-height:550px}.welcome-title{font-size:2rem}.welcome-slogan{font-size:1.2rem}.auth-background:after{font-size:15rem;letter-spacing:2rem}}@media (max-width:768px){.auth-container{padding:1rem}.auth-card-container{flex-direction:column;max-width:500px;min-height:auto}.auth-login-pane,.auth-welcome-pane{padding:2rem 1.5rem}.welcome-logo{height:120px;padding:1.5rem;width:120px}.welcome-logo img{height:60px;width:60px}.login-title,.welcome-title{font-size:1.75rem}.tech-highlights{gap:1rem}.tech-badge{font-size:.8rem;padding:.5rem 1rem}.auth-background:after{font-size:10rem;letter-spacing:1rem}}@media (max-width:480px){.auth-container{padding:.5rem}.form-options{align-items:flex-start;flex-direction:column;gap:1rem}.forgot-password{align-self:flex-start}.login-title,.welcome-title{font-size:1.5rem}.welcome-slogan{font-size:1.1rem}.auth-background:after{font-size:6rem;letter-spacing:.5rem}}.admin-container{background-color:#f7fafc;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#2d3748;color:var(--text-primary);margin:0 auto;max-width:1200px;padding:2rem}.admin-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.admin-title{color:#2d3748;color:var(--text-primary);font-size:1.75rem}.requests-table{background-color:#f7fafc;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-collapse:collapse;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:2rem;overflow:hidden;width:100%}.requests-table th{font-weight:600;text-align:left}.requests-table td,.requests-table th{background-color:#f7fafc;background-color:var(--bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#2d3748;color:var(--text-primary);padding:1rem}.requests-table td{vertical-align:middle}.requests-table tr:last-child td{border-bottom:none}.requests-table tbody tr:hover{background-color:#e6f2fa;background-color:var(--primary-light)}.approve-btn,.reject-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;margin-right:.5rem;padding:.5rem 1rem;transition:all .2s ease}.approve-btn{background-color:#2e7d32;background-color:var(--success-color);color:#fff}.approve-btn:hover{background-color:#28a99c}.reject-btn{background-color:#d32f2f;background-color:var(--error-color);color:#fff}.reject-btn:hover{background-color:#b71c1c}.approve-btn:disabled,.reject-btn:disabled{cursor:not-allowed;opacity:.6}.status-badge{font-size:.8rem;font-weight:500;padding:.35rem .75rem}.status-pending{background-color:#fff3cd;color:#856404}.status-approved{background-color:#d4edda;color:#155724}.status-rejected{background-color:#f8d7da;color:#721c24}.admin-form-group{margin-bottom:1.5rem}.admin-form-group label{color:#2d3748;color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.admin-form-control{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;color:#2d3748;color:var(--text-primary);font-size:1rem;padding:.75rem;width:100%}.admin-card{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2rem}.admin-card,.form-group select,.form-group textarea{background-color:#fff;background-color:var(--bg-primary)}.form-group select,.form-group textarea{-webkit-appearance:none;appearance:none;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:#2d3748;color:var(--text-primary);font-size:1rem;padding:12px 15px;width:100%}.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%238d99ae'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 0 1 1.414 0L10 10.586l3.293-3.293a1 1 0 1 1 1.414 1.414l-4 4' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem 1.25rem;padding-right:2.5rem}.form-group textarea{min-height:100px;resize:vertical}.form-group label .required{color:#d32f2f;color:var(--error-color);font-weight:700;margin-left:4px}.form-group input::placeholder,.form-group textarea::placeholder{color:#718096;color:var(--text-light);opacity:1}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0076ce;border-color:var(--primary-color);box-shadow:0 0 0 3px #0076ce33;outline:none}.success-message{background-color:#2ec4b614;border:1px solid #2ec4b633;border-radius:8px;color:#2e7d32;color:var(--success-color);font-size:.9rem;margin-bottom:1.5rem;padding:1rem;text-align:center}.error-text{color:#d32f2f;color:var(--error-color);font-size:.8rem;margin-top:.25rem}.password-requirements{color:#718096;color:var(--text-light);font-size:.9em;margin-top:5px;padding-left:20px}.password-requirements li{list-style-type:disc;margin-bottom:3px}.auth-footer{flex-shrink:0;margin-top:1.5rem;text-align:center}.auth-footer p{color:#718096;color:var(--text-light);font-size:.9rem}.auth-footer a{color:#0076ce;color:var(--primary-color);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:768px){.requests-table{display:block;overflow-x:auto}.admin-header{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:600px){.admin-container{padding:1rem}}:root{--primary:#3b82f6;--primary-hover:#2563eb;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#8b5cf6;--card-bg:#fff;--card-border:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--bg-primary:#f9fafb;--color-total-tickets:#6b7280;--color-waiting:#f97316;--color-in-progress:#3b82f6;--color-waiting-customer:#8b5cf6;--color-escalated:#ef4444;--color-resolved:#10b981;--color-closed:#9ca3af;--color-cancelled:#d1d5db;--color-unassigned:#f59e0b;--color-reopened:#06b6d4;--color-unknown:#6b7280;--chart-grid:#6b728033;--chart-text:#6b7280;--card-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--card-shadow-hover:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--header-gradient:linear-gradient(135deg,#3b82f6,#1d4ed8)}.dark-mode{--primary:#60a5fa;--primary-hover:#3b82f6;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#a78bfa;--card-bg:#1f2937;--card-border:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--bg-primary:#111827;--bg-secondary:#1f2937;--color-total-tickets:#9ca3af;--color-waiting:#fb923c;--color-in-progress:#60a5fa;--color-waiting-customer:#a78bfa;--color-escalated:#f87171;--color-resolved:#34d399;--color-closed:#6b7280;--color-cancelled:#4b5563;--color-unassigned:#fbbf24;--color-reopened:#22d3ee;--color-unknown:#9ca3af;--chart-grid:#ffffff1a;--chart-text:#d1d5db;--card-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--card-shadow-hover:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--header-gradient:linear-gradient(135deg,#1e40af,#1e3a8a)}.dashboard-content{background-color:#f9fafb!important;background-color:var(--bg-primary)!important;color:#1f2937!important;color:var(--text-primary)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:24px}.dashboard-header{align-items:flex-start;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;background:var(--header-gradient)!important;border-radius:12px;color:#fff!important;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px;padding:24px}.header-left h1{color:#fff!important;font-size:28px;font-weight:700;margin:0 0 8px}.header-subtitle{color:#fffc!important;font-size:16px;font-weight:400;margin:0}.role-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3!important;border-radius:20px;color:#fff!important;display:inline-block;font-size:14px;font-weight:600;margin-top:8px;padding:8px 16px}.header-actions{display:flex;gap:12px}.btn-primary,.btn-refresh,.btn-text{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease}.btn-refresh{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3!important;border:1px solid #ffffff4d!important;color:#fff!important}.btn-refresh:hover{background:#ffffff4d!important;transform:translateY(-2px)}.btn-primary{background:#fff!important;color:#3b82f6!important;color:var(--primary)!important;font-weight:600}.btn-primary:hover{background:#ffffffe6!important;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-text{background:none!important;color:#1f2937!important;color:var(--text-primary)!important;padding:0}.btn-text:hover{color:#2563eb!important;color:var(--primary-hover)!important;text-decoration:underline}.section-toggle{align-items:center;background:#fff!important;background:var(--card-bg)!important;border:1px solid #e5e7eb!important;border:1px solid var(--card-border)!important;border-radius:6px;color:#1f2937!important;color:var(--text-primary)!important;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:6px 12px;transition:all .2s ease}.section-toggle:hover{background:#fff!important;background:var(--bg-secondary)!important;color:#3b82f6!important;color:var(--primary)!important}.section-toggle.active{background:#3b82f6!important;background:var(--primary)!important;border-color:#3b82f6!important;border-color:var(--primary)!important;color:#fff!important}.cards-section,.charts-section,.recent-tickets-section{margin-bottom:32px;transition:all .3s ease}.breakdown-section.hidden,.cards-section.hidden,.charts-section.hidden,.overview-section.hidden{display:none}.cards-section h2,.charts-section h2,.recent-tickets-section h2{border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--primary);color:#1f2937!important;color:var(--text-primary)!important;display:inline-block;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:8px}.cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.dashboard-card{align-items:center;background:#fff!important;background:var(--card-bg)!important;border:1px solid #e5e7eb!important;border:1px solid var(--card-border)!important;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--card-shadow);display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.dashboard-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.card-content h3{color:#6b7280!important;color:var(--text-secondary)!important;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.card-value{color:#1f2937!important;color:var(--text-primary)!important;font-size:28px;font-weight:700;margin:0}.card-icon{color:#6b7280!important;color:var(--text-secondary)!important;font-size:24px}.status-indicator{border-radius:50%;box-shadow:0 2px 8px #0003;height:24px;width:24px}.total-tickets{border-left:4px solid #6b7280;border-left:4px solid var(--color-total-tickets)}.waiting-for-support{border-left:4px solid #f97316;border-left:4px solid var(--color-waiting)}.in-progress{border-left:4px solid #3b82f6;border-left:4px solid var(--color-in-progress)}.waiting-for-customer{border-left:4px solid #8b5cf6;border-left:4px solid var(--color-waiting-customer)}.escalated{border-left:4px solid #ef4444;border-left:4px solid var(--color-escalated)}.resolved{border-left:4px solid #10b981;border-left:4px solid var(--color-resolved)}.closed{border-left:4px solid #9ca3af;border-left:4px solid var(--color-closed)}.cancelled{border-left:4px solid #d1d5db;border-left:4px solid var(--color-cancelled)}.unassigned{border-left:4px solid #f59e0b;border-left:4px solid var(--color-unassigned)}.reopened{border-left:4px solid #06b6d4;border-left:4px solid var(--color-reopened)}.unknown{border-left:4px solid #6b7280;border-left:4px solid var(--color-unknown)}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.chart-container{background:#fff!important;background:var(--card-bg)!important;border:1px solid #e5e7eb!important;border:1px solid var(--card-border)!important;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--card-shadow);padding:24px;transition:all .3s ease}.chart-container:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--card-shadow-hover)}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-header h3{color:#1f2937!important;color:var(--text-primary)!important;font-size:18px;font-weight:600;margin:0}.chart-header svg{color:#3b82f6!important;color:var(--primary)!important;font-size:24px}.chart-wrapper{height:300px;position:relative}.pie-mode-switcher{display:flex;gap:8px;margin-bottom:16px}.pie-mode-btn{background:#fff!important;background:var(--card-bg)!important;border:1px solid #e5e7eb!important;border:1px solid var(--card-border)!important;border-radius:6px;color:#6b7280!important;color:var(--text-secondary)!important;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.pie-mode-btn.active{background:#3b82f6!important;background:var(--primary)!important;border-color:#3b82f6!important;border-color:var(--primary)!important;color:#fff!important}.pie-mode-btn:hover:not(.active){background:#fff!important;background:var(--bg-secondary)!important;color:#1f2937!important;color:var(--text-primary)!important}.chartjs-render-monitor{animation:chartjs-render-animation .5s ease}@keyframes chartjs-render-animation{0%{opacity:0}to{opacity:1}}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.table-container{background:#fff!important;background:var(--card-bg)!important;border:1px solid #e5e7eb!important;border:1px solid var(--card-border)!important;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--card-shadow);overflow:hidden}.tickets-table{border-collapse:collapse;width:100%}.tickets-table th{background:#fff!important;background:var(--bg-secondary)!important;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.tickets-table td,.tickets-table th{border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--card-border)!important;color:#1f2937!important;color:var(--text-primary)!important;font-size:14px;padding:16px}.tickets-table td{box-sizing:border-box;vertical-align:middle}.ticket-row:hover{background:#fff!important;background:var(--bg-secondary)!important}.status-badge{border-radius:20px;color:#fff!important;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;min-width:100px;padding:6px 12px;text-align:center;text-transform:uppercase}.ticket-id{color:#3b82f6!important;color:var(--primary)!important;cursor:pointer;font-family:Inter,sans-serif!important;font-size:16px;font-weight:700;transition:color .2s ease}.ticket-id:hover{color:#2563eb!important;color:var(--primary-hover)!important;text-decoration:underline}.ticket-subject{color:#1f2937!important;color:var(--text-primary)!important;font-weight:500;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tickets-table td.assigned-to,.tickets-table td.created-date{align-items:center;color:#6b7280!important;color:var(--text-secondary)!important;display:flex;gap:6px;white-space:nowrap}.inline-icon{font-size:14px}.inline-icon,.no-tickets{color:#6b7280!important;color:var(--text-secondary)!important}.no-tickets{background:#fff!important;background:var(--card-bg)!important;border:1px solid #e5e7eb!important;border:1px solid var(--card-border)!important;border-radius:12px;padding:40px;text-align:center}.no-chart-data{align-items:center;color:#6b7280!important;color:var(--text-secondary)!important;display:flex;height:100%;justify-content:center}.dashboard-empty,.dashboard-error,.dashboard-loading{align-items:center;background:#fff!important;background:var(--card-bg)!important;border:1px solid #e5e7eb!important;border:1px solid var(--card-border)!important;border-radius:12px;color:#1f2937!important;color:var(--text-primary)!important;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.dashboard-error svg,.dashboard-loading svg{color:#3b82f6!important;color:var(--primary)!important;font-size:32px;margin-bottom:16px}.dashboard-error h3{color:#ef4444!important;color:var(--danger)!important;margin-bottom:8px}.dashboard-error button{align-items:center;background:#3b82f6!important;background:var(--primary)!important;border:none;border-radius:8px;color:#fff!important;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-top:16px;padding:10px 20px;transition:all .2s ease}.dashboard-error button:hover{background:#2563eb!important;background:var(--primary-hover)!important;transform:translateY(-2px)}.animate-spin{animation:spin 1s linear infinite}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-content{padding:16px}.dashboard-header{align-items:flex-start;flex-direction:column;padding:20px}.header-actions{justify-content:flex-start;margin-top:16px;width:100%}.cards-grid{grid-template-columns:1fr}.chart-wrapper{height:250px}.tickets-table{border:0;overflow-x:auto}.tickets-table thead{display:none}.tickets-table tbody,.tickets-table tr{display:block}.tickets-table tr{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--card-border);margin-bottom:16px;padding-bottom:8px}.tickets-table td{border:1px dashed #ccc;box-sizing:border-box;clear:both;display:block;min-height:48px;padding:12px 16px 12px 50%;position:relative;text-align:right}.tickets-table td:before{color:#6b7280!important;color:var(--text-secondary)!important;content:attr(data-label);font-weight:600;left:16px;letter-spacing:.5px;position:absolute;text-transform:uppercase;top:12px;width:40%}.tickets-table td.assigned-to,.tickets-table td.created-date,.tickets-table td.status>span,.tickets-table td.ticket-id>span,.tickets-table td.ticket-subject{width:55%}.tickets-table td.ticket-subject{white-space:normal}.tickets-table td.ticket-id{order:1}.tickets-table td.ticket-subject{order:2}.tickets-table td.status{order:3}.tickets-table td.assigned-to{order:4}.tickets-table td.created-date{order:5}.tickets-table td:last-child{border-bottom:none}}.cards-grid.tier-1{gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.cards-grid.tier-2{gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.cards-grid.tier-3{gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:32px}.dashboard-card.card-large{min-height:140px;padding:28px 24px}.dashboard-card.card-medium{min-height:120px;padding:22px 20px}.dashboard-card.card-small{min-height:100px;padding:18px 16px}.card-large .card-value{font-size:32px;font-weight:800}.card-medium .card-value{font-size:28px;font-weight:700}.card-small .card-value{font-size:24px;font-weight:600}.dashboard-card.clickable{cursor:pointer;transition:all .3s ease}.dashboard-card.clickable:hover{box-shadow:0 12px 20px -5px #00000026;transform:translateY(-6px)}.dashboard-card.clickable .arrow-icon{color:#6b7280!important;color:var(--text-secondary)!important;font-size:20px;opacity:0;transition:opacity .3s ease}.dashboard-card.clickable:hover .arrow-icon{opacity:1}.tier-separator{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--card-border);margin:32px 0;position:relative;text-align:center}.tier-separator span{background:#f9fafb!important;background:var(--bg-primary)!important;color:#6b7280!important;color:var(--text-secondary)!important;font-size:14px;font-weight:500;padding:0 16px;position:relative;top:12px}@media (max-width:1200px){.cards-grid.tier-3{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.cards-grid.tier-1{grid-template-columns:1fr}.cards-grid.tier-2,.cards-grid.tier-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.cards-grid.tier-2,.cards-grid.tier-3{grid-template-columns:1fr}.dashboard-card{min-height:auto!important}}.dashboard-card.active-view{background:#fff!important;background:var(--bg-secondary)!important;box-shadow:0 8px 25px -5px #0003;transform:translateY(-2px)}.dashboard-card.active-view .card-value{color:#3b82f6!important;color:var(--primary)!important}.chart-view-switcher{display:flex;gap:8px;margin-bottom:16px}.chart-view-btn{background:#fff!important;background:var(--card-bg)!important;border:1px solid #e5e7eb!important;border:1px solid var(--card-border)!important;border-radius:6px;color:#6b7280!important;color:var(--text-secondary)!important;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.chart-view-btn.active{background:#3b82f6!important;background:var(--primary)!important;border-color:#3b82f6!important;border-color:var(--primary)!important;color:#fff!important}.chart-view-btn:hover:not(.active){background:#fff!important;background:var(--bg-secondary)!important;color:#1f2937!important;color:var(--text-primary)!important}.dark-mode .chart-container,.dark-mode .dashboard-card,.dark-mode .table-container{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--card-shadow)}.dark-mode .chart-container:hover,.dark-mode .dashboard-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--card-shadow-hover)}.dark-mode .dashboard-card{background:#fff!important;background:var(--card-bg)!important;border-color:#e5e7eb!important;border-color:var(--card-border)!important;color:#1f2937!important;color:var(--text-primary)!important}.dark-mode .card-content h3{color:#6b7280!important;color:var(--text-secondary)!important}.dark-mode .card-value{color:#1f2937!important;color:var(--text-primary)!important}.dark-mode .card-icon{color:#6b7280!important;color:var(--text-secondary)!important}.dark-mode .dashboard-card.active-view{background:#fff!important;background:var(--bg-secondary)!important;box-shadow:0 8px 25px -5px #0006}.dark-mode .tickets-table th{background:#fff!important;background:var(--bg-secondary)!important}.dark-mode .tickets-table td,.dark-mode .tickets-table th{border-bottom-color:#e5e7eb!important;border-bottom-color:var(--card-border)!important;color:#1f2937!important;color:var(--text-primary)!important}.dark-mode .tickets-table td.assigned-to,.dark-mode .tickets-table td.created-date{color:#6b7280!important;color:var(--text-secondary)!important}.dark-mode .ticket-id{color:#3b82f6!important;color:var(--primary)!important;font-family:Inter,sans-serif!important}.dark-mode .ticket-id:hover{color:#2563eb!important;color:var(--primary-hover)!important}.dark-mode .chart-header h3,.dark-mode .ticket-subject{color:#1f2937!important;color:var(--text-primary)!important}.dark-mode .chart-header svg{color:#3b82f6!important;color:var(--primary)!important}.dark-mode .btn-refresh{background:#ffffff1a!important;border-color:#fff3!important;color:#fff!important}.dark-mode .btn-primary{background:#3b82f6!important;background:var(--primary)!important;color:#fff!important}.dark-mode .btn-text{color:#1f2937!important;color:var(--text-primary)!important}.dark-mode .btn-text:hover{color:#2563eb!important;color:var(--primary-hover)!important}.dark-mode .dashboard-content h1,.dark-mode .dashboard-content h2,.dark-mode .dashboard-content h3,.dark-mode .dashboard-content p,.dark-mode .dashboard-content span{color:#1f2937!important;color:var(--text-primary)!important}.dark-mode .tickets-table td:before{color:#6b7280!important;color:var(--text-secondary)!important}:where(.ant-btn){background:#fff!important;background:var(--card-bg)!important;border-color:#e5e7eb!important;border-color:var(--card-border)!important;color:#1f2937!important;color:var(--text-primary)!important}.dark-mode :where(.ant-btn){background:#fff!important;background:var(--card-bg)!important;border-color:#e5e7eb!important;border-color:var(--card-border)!important;color:#1f2937!important;color:var(--text-primary)!important}:where(.ant-btn-primary){background:#3b82f6!important;background:var(--primary)!important;color:#fff!important}.dark-mode :where(.ant-btn-primary){background:#3b82f6!important;background:var(--primary)!important;color:#fff!important}.app-sidebar.dual-tier-sidebar{--sidebar-primary-bg:#fff;--sidebar-primary-border:#e2e8f0;--sidebar-primary-text:#475569;--sidebar-secondary-bg:#f8fafc;--sidebar-secondary-border:#e2e8f0;--sidebar-secondary-text:#475569;--sidebar-active-bg:#3b82f6;--sidebar-active-text:#fff;--sidebar-hover-bg:#3b82f614;--category-dashboard:#10b981;--category-service:#f59e0b;--category-admin:#ef4444;--category-tools:#8b5cf6}.main-layout-container .app-sidebar.dual-tier-sidebar{background:var(--sidebar-primary-bg)!important;border-right:1px solid var(--sidebar-primary-border)!important;bottom:0!important;box-shadow:2px 0 8px #0000001a!important;color:var(--sidebar-primary-text)!important;display:flex!important;flex-direction:column!important;left:0!important;position:fixed!important;top:0!important;transition:all var(--transition-speed) ease!important;z-index:1000!important}.main-layout-container .app-sidebar.dual-tier-sidebar.sidebar-open{transform:translateX(0)!important;width:280px!important;width:var(--sidebar-width,280px)!important}.main-layout-container .app-sidebar.dual-tier-sidebar.sidebar-closed{transform:translateX(-100%)!important;width:0!important}.main-layout-container .app-sidebar.dual-tier-sidebar.sidebar-collapsed{transform:translateX(0)!important;width:70px!important;width:var(--sidebar-collapsed-width,70px)!important}.main-layout-container .app-sidebar.dual-tier-sidebar.sidebar-collapsed .sidebar-secondary{display:none!important}.app-sidebar.dual-tier-sidebar .sidebar-content{display:flex!important;flex:1 1!important;overflow:hidden!important;position:relative!important}.app-sidebar.dual-tier-sidebar .sidebar-nav-primary{flex:1 1!important;min-width:280px!important;min-width:var(--sidebar-width,280px)!important;overflow-y:auto!important;padding:1rem .5rem!important;transition:padding var(--transition-speed) ease!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .sidebar-nav-primary{min-width:70px!important;min-width:var(--sidebar-collapsed-width,70px)!important;padding:1rem .25rem!important}.app-sidebar.dual-tier-sidebar .sidebar-header{background:var(--sidebar-primary-bg)!important;border-bottom:1px solid var(--sidebar-primary-border)!important;flex-shrink:0!important;padding:1.25rem 1rem!important;position:relative!important;transition:padding var(--transition-speed) ease!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .sidebar-header{padding:1.25rem .75rem!important}.app-sidebar.dual-tier-sidebar .app-brand{align-items:center!important;display:flex!important;gap:.75rem!important;transition:gap var(--transition-speed) ease!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .app-brand{gap:0!important;justify-content:center!important}.app-sidebar.dual-tier-sidebar .app-logo-container{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;display:flex!important;justify-content:center!important;padding:4px!important}.app-sidebar.dual-tier-sidebar .app-logo{border-radius:6px!important;flex-shrink:0!important;height:32px!important;object-fit:contain!important;transition:all var(--transition-speed) ease!important;width:32px!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .app-logo{height:28px!important;width:28px!important}.app-sidebar.dual-tier-sidebar .app-brand-text{display:flex!important;flex-direction:column!important;gap:.25rem!important;overflow:hidden!important;transition:opacity var(--transition-speed) ease!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .app-brand-text{height:0!important;opacity:0!important;overflow:hidden!important;width:0!important}.app-sidebar.dual-tier-sidebar .app-title{color:#1e293b!important;font-size:1.1rem!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important}.app-sidebar.dual-tier-sidebar .user-role-badge{background:#3b82f61a!important;border-radius:12px!important;color:#3b82f6!important;font-size:.7rem!important;font-weight:500!important;padding:.2rem .5rem!important;text-transform:capitalize!important;white-space:nowrap!important}.app-sidebar.dual-tier-sidebar .sidebar-collapse-btn{align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:50%!important;box-shadow:0 2px 8px #00000026!important;color:#475569!important;cursor:pointer!important;display:flex!important;height:24px!important;justify-content:center!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;transition:all .2s ease!important;width:24px!important;z-index:1001!important}.app-sidebar.dual-tier-sidebar .sidebar-collapse-btn:hover{background:#f8fafc!important;border-color:#3b82f6!important;color:#3b82f6!important;transform:translateY(-50%) scale(1.1)!important}.app-sidebar.dual-tier-sidebar .sidebar-category{margin-bottom:.5rem!important}.app-sidebar.dual-tier-sidebar .category-header{align-items:center!important;background:#0000!important;border:none!important;border-radius:8px!important;color:var(--sidebar-primary-text)!important;cursor:pointer!important;display:flex!important;justify-content:space-between!important;overflow:hidden!important;padding:.875rem .75rem!important;position:relative!important;transition:all .2s ease!important;width:100%!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .category-header{justify-content:center!important;padding:.875rem .5rem!important}.app-sidebar.dual-tier-sidebar .category-header:before{background:#0000!important;bottom:0!important;content:""!important;left:0!important;position:absolute!important;top:0!important;transition:background-color .2s ease!important;width:3px!important}.app-sidebar.dual-tier-sidebar .category-header:hover{background:var(--sidebar-hover-bg)!important;transform:translateX(2px)!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .category-header:hover{background:var(--sidebar-hover-bg)!important;transform:scale(1.05)!important}.app-sidebar.dual-tier-sidebar .category-header.active{background:#3b82f61a!important;color:#3b82f6!important}.app-sidebar.dual-tier-sidebar .category-header.active:before{background:var(--sidebar-active-bg)!important}.app-sidebar.dual-tier-sidebar .category-header.has-active-child{background:#3b82f614!important}.app-sidebar.dual-tier-sidebar .category-header-content{align-items:center!important;display:flex!important;flex:1 1!important;gap:.75rem!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .category-header-content{gap:0!important;justify-content:center!important}.app-sidebar.dual-tier-sidebar .category-icon-wrapper{align-items:center!important;display:flex!important;flex-shrink:0!important;height:24px!important;justify-content:center!important;width:24px!important}.app-sidebar.dual-tier-sidebar .category-icon{stroke-width:1.5!important;color:#64748b!important;height:1.25rem!important;transition:all .2s ease!important;width:1.25rem!important}.app-sidebar.dual-tier-sidebar .category-header.active .category-icon,.app-sidebar.dual-tier-sidebar .category-header:hover .category-icon{color:#3b82f6!important}.app-sidebar.dual-tier-sidebar .category-label{flex:1 1!important;font-size:.9rem!important;font-weight:600!important;text-align:left!important;transition:opacity var(--transition-speed) ease!important;white-space:nowrap!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .category-label{height:0!important;opacity:0!important;overflow:hidden!important;width:0!important}.app-sidebar.dual-tier-sidebar .category-chevron{color:#64748b!important;flex-shrink:0!important;height:1rem!important;opacity:.7!important;transition:transform .2s ease!important;width:1rem!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .category-chevron{display:none!important}.app-sidebar.dual-tier-sidebar .category-chevron.rotated{transform:rotate(90deg)!important}.app-sidebar.dual-tier-sidebar .category-header:hover .category-chevron{color:#3b82f6!important;opacity:1!important}.app-sidebar.dual-tier-sidebar .sidebar-category:first-child .category-header.active:before{background:var(--category-dashboard)!important}.app-sidebar.dual-tier-sidebar .sidebar-category:nth-child(2) .category-header.active:before{background:var(--category-service)!important}.app-sidebar.dual-tier-sidebar .sidebar-category:nth-child(3) .category-header.active:before{background:var(--category-admin)!important}.app-sidebar.dual-tier-sidebar .sidebar-category:nth-child(4) .category-header.active:before{background:var(--category-tools)!important}.app-sidebar.dual-tier-sidebar .sidebar-secondary{animation:slideInRight .2s ease-out!important;background:var(--sidebar-secondary-bg)!important;border-left:1px solid var(--sidebar-secondary-border)!important;box-shadow:2px 0 8px #0000001a!important;display:flex!important;flex-direction:column!important;height:100%!important;left:100%!important;position:absolute!important;top:0!important;width:260px!important;z-index:1001!important}.app-sidebar.dual-tier-sidebar .secondary-header{align-items:center!important;background:#fff!important;border-bottom:1px solid var(--sidebar-secondary-border)!important;display:flex!important;gap:.75rem!important;padding:1.25rem 1.5rem!important}.app-sidebar.dual-tier-sidebar .secondary-header h3{color:#1e293b!important;flex:1 1!important;font-size:1rem!important;font-weight:600!important;margin:0!important}.app-sidebar.dual-tier-sidebar .secondary-back-btn{align-items:center!important;background:none!important;border:none!important;border-radius:4px!important;color:#64748b!important;cursor:pointer!important;display:flex!important;justify-content:center!important;padding:.25rem!important;transition:background-color .2s ease!important}.app-sidebar.dual-tier-sidebar .secondary-back-btn:hover{background:#f1f5f9!important;color:#475569!important}.app-sidebar.dual-tier-sidebar .sidebar-nav-secondary{flex:1 1!important;overflow-y:auto!important;padding:1rem .75rem!important}.app-sidebar.dual-tier-sidebar .nav-item-wrapper{margin-bottom:.25rem!important;position:relative!important}.app-sidebar.dual-tier-sidebar .nav-item{align-items:center!important;background:#0000!important;border:none!important;border-radius:6px!important;color:inherit!important;display:flex!important;gap:.75rem!important;padding:.75rem!important;text-align:left!important;text-decoration:none!important;transition:all .2s ease!important;width:100%!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .nav-item{justify-content:center!important;padding:.75rem .5rem!important}.app-sidebar.dual-tier-sidebar .nav-item-secondary{color:var(--sidebar-secondary-text)!important;font-size:.875rem!important;font-weight:500!important}.app-sidebar.dual-tier-sidebar .nav-item-collapsed{justify-content:center!important}.app-sidebar.dual-tier-sidebar .nav-item:hover{background:var(--sidebar-hover-bg)!important;transform:translateX(2px)!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .nav-item:hover{transform:scale(1.05)!important}.app-sidebar.dual-tier-sidebar .nav-item.active{background:var(--sidebar-active-bg)!important;color:var(--sidebar-active-text)!important;font-weight:600!important}.app-sidebar.dual-tier-sidebar .nav-item.active:hover{background:var(--sidebar-active-bg)!important;opacity:.9!important}.app-sidebar.dual-tier-sidebar .nav-icon-wrapper{align-items:center!important;display:flex!important;flex-shrink:0!important;height:20px!important;justify-content:center!important;width:20px!important}.app-sidebar.dual-tier-sidebar .nav-icon{stroke-width:1.5!important;color:#64748b!important;flex-shrink:0!important;height:1.125rem!important;opacity:.8!important;width:1.125rem!important}.app-sidebar.dual-tier-sidebar .nav-item.active .nav-icon{color:#fff!important;opacity:1!important}.app-sidebar.dual-tier-sidebar .nav-item:hover .nav-icon{color:#3b82f6!important}.app-sidebar.dual-tier-sidebar .nav-text-wrapper{align-items:center!important;display:flex!important;flex:1 1!important;justify-content:space-between!important;min-width:0!important;transition:opacity var(--transition-speed) ease!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .nav-text-wrapper{height:0!important;opacity:0!important;overflow:hidden!important;width:0!important}.app-sidebar.dual-tier-sidebar .nav-text{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.app-sidebar.dual-tier-sidebar .nav-item-wrapper.disabled{opacity:.5!important;pointer-events:none!important}.app-sidebar.dual-tier-sidebar .nav-item-wrapper.disabled .nav-item{background:#0000!important;cursor:not-allowed!important;transform:none!important}.app-sidebar.dual-tier-sidebar .coming-soon-badge{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border-radius:10px!important;color:#fff!important;font-size:.65rem!important;font-weight:600!important;letter-spacing:.3px!important;margin-left:.5rem!important;padding:.15rem .5rem!important;text-transform:uppercase!important}.app-sidebar.dual-tier-sidebar .nav-item.coming-soon{opacity:.7!important}.app-sidebar.dual-tier-sidebar .nav-item.coming-soon:hover{background:#0000!important;transform:none!important}.app-sidebar.dual-tier-sidebar .sidebar-footer{background:var(--sidebar-primary-bg)!important;border-top:1px solid var(--sidebar-primary-border)!important;flex-shrink:0!important;padding:1rem .75rem!important;transition:padding var(--transition-speed) ease!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .sidebar-footer{padding:1rem .5rem!important}.app-sidebar.dual-tier-sidebar .user-info{align-items:center!important;display:flex!important;gap:.75rem!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .user-info{justify-content:center!important}.app-sidebar.dual-tier-sidebar .user-avatar{align-items:center!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-radius:50%!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:.875rem!important;font-weight:600!important;height:36px!important;justify-content:center!important;width:36px!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .user-avatar{font-size:.75rem!important;height:32px!important;width:32px!important}.app-sidebar.dual-tier-sidebar .user-details{display:flex!important;flex:1 1!important;flex-direction:column!important;min-width:0!important;transition:opacity var(--transition-speed) ease!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed .user-details{height:0!important;opacity:0!important;overflow:hidden!important;width:0!important}.app-sidebar.dual-tier-sidebar .user-name{color:#1e293b!important;font-size:.875rem!important;font-weight:600!important}.app-sidebar.dual-tier-sidebar .user-email,.app-sidebar.dual-tier-sidebar .user-name{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.app-sidebar.dual-tier-sidebar .user-email{color:#64748b!important;font-size:.75rem!important}.app-sidebar.dual-tier-sidebar .sidebar-close-btn{background:#0000001a!important;border:none!important;border-radius:6px!important;color:var(--sidebar-primary-text)!important;cursor:pointer!important;padding:.5rem!important;position:absolute!important;right:1rem!important;top:1rem!important;transition:background-color .2s ease!important;z-index:1002!important}.app-sidebar.dual-tier-sidebar .sidebar-close-btn:hover{background:#0003!important}.app-sidebar.dual-tier-sidebar .app-tooltip{background:#1e293b!important;border:1px solid #334155!important;border-radius:6px!important;box-shadow:0 4px 12px #00000026!important;color:#fff!important;font-size:.75rem!important;line-height:1.4!important;max-width:250px!important;padding:.5rem .75rem!important;pointer-events:none!important;position:fixed!important;white-space:pre-line!important;z-index:9999!important}.app-sidebar.dual-tier-sidebar .app-tooltip.show{opacity:1!important;visibility:visible!important}.app-sidebar.dual-tier-sidebar .sidebar-tooltip .ant-tooltip-inner{background:#1e293b!important;border:1px solid #334155!important;border-radius:6px!important;box-shadow:0 4px 12px #00000026!important;color:#fff!important;font-size:.75rem!important;padding:.5rem .75rem!important}.app-sidebar.dual-tier-sidebar .sidebar-tooltip .ant-tooltip-arrow:before{background:#1e293b!important}@media (max-width:992px){.main-layout-container .app-sidebar.dual-tier-sidebar{transition:transform .3s ease!important;width:280px!important;z-index:1000!important}.main-layout-container .app-sidebar.dual-tier-sidebar.sidebar-open{transform:translateX(0)!important;visibility:visible!important}.main-layout-container .app-sidebar.dual-tier-sidebar:not(.sidebar-open){transform:translateX(-100%)!important;visibility:hidden!important}.app-sidebar.dual-tier-sidebar .sidebar-collapse-btn{display:none!important}}@media (min-width:993px){.main-layout-container .app-sidebar.dual-tier-sidebar{position:fixed!important;transform:translateX(0)!important;visibility:visible!important}}@media (max-width:768px){.app-sidebar.dual-tier-sidebar.sidebar-open{max-width:320px!important;width:100vw!important}.app-sidebar.dual-tier-sidebar .sidebar-secondary{height:100%!important;left:0!important;position:fixed!important;top:0!important;width:100%!important;z-index:1002!important}.app-sidebar.dual-tier-sidebar .category-header{padding:1rem 1.25rem!important}.app-sidebar.dual-tier-sidebar .nav-item{padding:.875rem 1.25rem!important}}@media (min-width:769px) and (max-width:1024px){.app-sidebar.dual-tier-sidebar.sidebar-open{width:250px!important}.app-sidebar.dual-tier-sidebar.sidebar-collapsed{width:70px!important}.app-sidebar.dual-tier-sidebar .sidebar-secondary{width:240px!important}}.app-sidebar.dual-tier-sidebar .sidebar-nav-primary::-webkit-scrollbar,.app-sidebar.dual-tier-sidebar .sidebar-nav-secondary::-webkit-scrollbar{width:4px!important}.app-sidebar.dual-tier-sidebar .sidebar-nav-primary::-webkit-scrollbar-track,.app-sidebar.dual-tier-sidebar .sidebar-nav-secondary::-webkit-scrollbar-track{background:#0000!important}.app-sidebar.dual-tier-sidebar .sidebar-nav-primary::-webkit-scrollbar-thumb,.app-sidebar.dual-tier-sidebar .sidebar-nav-secondary::-webkit-scrollbar-thumb{background:#0000001a!important;border-radius:2px!important}.app-sidebar.dual-tier-sidebar .sidebar-nav-primary::-webkit-scrollbar-thumb:hover,.app-sidebar.dual-tier-sidebar .sidebar-nav-secondary::-webkit-scrollbar-thumb:hover{background:#0003!important}@keyframes slideInRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.app-sidebar.dual-tier-sidebar .sidebar-loading{align-items:center!important;color:var(--sidebar-primary-text)!important;display:flex!important;justify-content:center!important;padding:2rem!important}.app-sidebar.dual-tier-sidebar .sidebar-empty{color:var(--sidebar-secondary-text)!important;font-size:.875rem!important;padding:2rem 1rem!important;text-align:center!important}.app-sidebar.dual-tier-sidebar .sidebar-empty .empty-icon{height:3rem!important;margin:0 auto 1rem!important;opacity:.5!important;width:3rem!important}:root{--primary:#1890ff;--primary-light:#e6f7ff;--primary-dark:#096dd9;--secondary-accent:#52c41a;--text-primary:#262626;--text-secondary:#595959;--text-tertiary:#8c8c8c;--text-placeholder:#a0a0a0;--text-on-primary:#fff;--icon-color:#595959;--bg-primary:#f0f2f5;--bg-secondary:#fff;--bg-hover:#f5f5f5;--bg-active:#e8e8e8;--sidebar-bg:var(--bg-secondary);--topbar-bg:var(--bg-secondary);--footer-bg:var(--bg-secondary);--border-color:#d9d9d9;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #00000026;--status-open-bg:#fffbe6;--status-open-text:#faad14;--status-progress-bg:#e6f7ff;--status-progress-text:#1890ff;--status-resolved-bg:#f6ffed;--status-resolved-text:#52c41a;--status-closed-bg:#f0f0f0;--status-closed-text:#595959;--status-cancelled-bg:#f9f0ff;--status-cancelled-text:#722ed1;--error-bg:#fff1f0;--error-border:#ff7875;--error-text:#f5222d;--error-btn-bg:#f5222d;--error-btn-hover:#cf1322;--sidebar-width:280px;--sidebar-collapsed-width:70px;--topbar-height:64px;--footer-height:48px;--transition-speed:0.3s}.dark-mode{--primary:#40a9ff;--primary-light:#002766;--primary-dark:#0050b3;--text-primary:#f0f0f0;--text-secondary:silver;--text-tertiary:#959595;--text-placeholder:#b8b8b8;--text-on-primary:#fff;--icon-color:silver;--bg-primary:#0d0d0d;--bg-secondary:#222;--bg-hover:#2a2a2a;--bg-active:#3a3a3a;--sidebar-bg:var(--bg-secondary);--topbar-bg:var(--bg-secondary);--footer-bg:var(--bg-secondary);--border-color:#383838;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0009;--status-open-bg:#4c2b00;--status-open-text:#fcd34d;--status-progress-bg:#002766;--status-progress-text:#40a9ff;--status-resolved-bg:#114c18;--status-resolved-text:#73d13d;--status-closed-bg:#303030;--status-closed-text:#a0a0a0;--status-cancelled-bg:#391060;--status-cancelled-text:#722ed1;--error-bg:#450a0a;--error-border:#f5222d;--error-text:#ff7875;--error-btn-bg:#f5222d;--error-btn-hover:#cf1322}body,html{height:100%;margin:0;padding:0}body{background-color:#fff;background-color:var(--bg-secondary);color:#262626;color:var(--text-primary);font-family:Inter,sans-serif;overflow-y:auto;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.main-layout-container{background-color:#f0f2f5;background-color:var(--bg-primary);display:flex;min-height:100vh;position:relative}.content-area{background-color:#fff;background-color:var(--bg-secondary);box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin-left:280px;margin-left:var(--sidebar-width);position:relative;transition:margin-left .3s ease,width .3s ease;transition:margin-left var(--transition-speed) ease,width var(--transition-speed) ease;width:calc(100% - 280px);width:calc(100% - var(--sidebar-width));z-index:1}.main-layout-container.sidebar-collapsed .content-area{margin-left:70px;margin-left:var(--sidebar-collapsed-width);width:calc(100% - 70px);width:calc(100% - var(--sidebar-collapsed-width))}@media (max-width:992px){.content-area{margin-left:0!important;width:100%!important}}.main-content{background-color:#fff;background-color:var(--bg-secondary);box-sizing:border-box;color:#262626;color:var(--text-primary);flex:1 1;height:calc(100vh - 112px);height:calc(100vh - var(--topbar-height) - var(--footer-height));overflow-y:auto;padding:calc(64px + 1.5rem) 1.5rem 1.5rem;padding-bottom:calc(48px + 1.5rem);padding-bottom:calc(var(--footer-height) + 1.5rem);padding-top:calc(var(--topbar-height) + 1.5rem);transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-overlay.active{display:block}.app-sidebar{z-index:1000}@media (max-width:992px){.app-sidebar{height:100vh;position:fixed!important;transform:translateX(-100%);transition:transform .3s ease}.app-sidebar.sidebar-open{transform:translateX(0)}}.main-content h1,.main-content h2,.main-content h3,.main-content h4{margin-left:0;max-width:100%;padding-left:0;width:100%}.section-header{margin:0 0 16px!important;padding:0!important;width:100%}.dark-mode .main-content *{color:#262626!important;color:var(--text-primary)!important}.sidebar-header .app-logo{border-radius:4px;display:block;flex-shrink:0;height:40px;object-fit:contain;width:auto}.sidebar-header .app-title-text{color:#1890ff;color:var(--primary);flex-grow:1;font-size:1.15rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover,.nav-submenu-toggle:hover{background-color:#f5f5f5;background-color:var(--bg-hover);color:#1890ff;color:var(--primary);transform:translateX(3px)}.nav-item.active,.nav-submenu-parent.active>.nav-submenu-toggle{box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);font-weight:600}.nav-item.active,.nav-item.active:hover,.nav-submenu-parent.active>.nav-submenu-toggle,.nav-submenu-parent.active>.nav-submenu-toggle:hover{background-color:#e6f7ff;background-color:var(--primary-light);color:#096dd9;color:var(--primary-dark)}.nav-text{display:inline-block;white-space:nowrap}.nav-submenu-toggle:hover{background-color:#f5f5f5;background-color:var(--bg-hover);color:#1890ff;color:var(--primary);transform:translateX(3px)}.nav-submenu-parent.active .nav-submenu-toggle{background-color:#e6f7ff;background-color:var(--primary-light);box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);color:#096dd9;color:var(--primary-dark);font-weight:600}.nav-sub-item:hover{background-color:#f5f5f5;background-color:var(--bg-hover);color:#1890ff;color:var(--primary);transform:translateX(3px)}.nav-sub-item.active{box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);font-weight:600}.nav-sub-item.active,.nav-sub-item.active:hover{background-color:#e6f7ff;background-color:var(--primary-light);color:#096dd9;color:var(--primary-dark)}.nav-sub-item .nav-icon{flex-shrink:0;height:1.1rem;margin-right:.8rem;width:1.1rem}.app-topbar{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#fff;background:var(--footer-bg);border-bottom:1px solid #d9d9d9;border-bottom:1px solid var(--border-color);display:flex;height:64px;height:var(--topbar-height);justify-content:space-between;left:280px;left:var(--sidebar-width);padding:0 1.5rem;position:fixed;right:0;top:0;transition:left .3s ease;transition:left var(--transition-speed) ease;z-index:1001}.main-layout-container.sidebar-collapsed .app-topbar{left:70px;left:var(--sidebar-collapsed-width)}.left-section{justify-content:flex-start}.right-section{z-index:1003}.app-topbar .icon-btn.notification-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;padding:0;position:relative}.notification-unread{background-color:#e6f7ff;background-color:var(--notification-unread-bg,#e6f7ff);border-left:3px solid #1890ff;border-left:3px solid var(--primary-color,#1890ff);font-weight:700;padding-left:8px}.ant-list-item{padding:8px 0}.ant-list-item-meta-title{margin-bottom:4px}.ant-list-item-meta-description{color:#00000073;font-size:.85em}.ant-popover-inner-content{padding:10px}body.dark-mode .notification-unread{background-color:#1a2a3a;background-color:var(--dark-notification-unread-bg,#1a2a3a);border-left-color:#1890ff;border-left-color:var(--dark-primary-color,#1890ff)}body.dark-mode .ant-list-item-meta-description{color:#ffffffa6}.user-menu-container{background:#fff;background:var(--bg-secondary);border:1px solid #d9d9d9;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg);margin-top:4px;max-width:calc(100vw - 32px);padding:16px 0;position:fixed;right:16px;top:72px;top:calc(var(--topbar-height) + 8px);transform:translate(0);transform-origin:top right;width:280px;z-index:1002}.right-section{gap:16px;position:relative}.user-avatar-btn{align-items:center;border-radius:4px;display:flex;gap:8px;padding:4px 8px}.user-avatar-btn:hover{background:#f5f5f5;background:var(--bg-hover)}@media (max-width:768px){.user-menu-container{max-width:calc(100vw - 16px);right:8px;width:260px}.right-section{gap:12px}.app-topbar{padding-right:8px}}.user-menu-header{border-bottom:1px solid #d9d9d9;border-bottom:1px solid var(--border-color);margin-bottom:8px;padding:0 16px 16px}.user-avatar,.user-menu-header{align-items:center;display:flex}.user-avatar{background:#e6f7ff;background:var(--primary-light);border-radius:50%;color:#1890ff;color:var(--primary);height:48px;justify-content:center;margin-right:12px;width:48px}.user-info{flex:1 1;min-width:0}.user-name{color:#262626;color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#595959;color:var(--text-secondary);font-size:13px;margin:2px 0 0}.user-role{color:#8c8c8c;color:var(--text-tertiary);font-size:12px;margin:4px 0 0;text-transform:capitalize}.user-menu-items{padding:8px 0}.menu-item{align-items:center;background:#0000;border:none;color:#262626;color:var(--text-primary);cursor:pointer;display:flex;padding:10px 16px;text-align:left;transition:background-color .2s ease;width:100%}.menu-item:hover{background-color:#f5f5f5;background-color:var(--bg-hover)}.menu-item .menu-icon{color:#595959;color:var(--icon-color);margin-right:12px}.menu-item span{font-size:14px}.menu-divider{background:#d9d9d9;background:var(--border-color);height:1px;margin:8px 0}.menu-item.logout{color:#f5222d;color:var(--error-text)}.menu-item.logout:hover{background-color:#fff1f0;background-color:var(--error-bg)}.menu-item.logout .menu-icon{color:#f5222d;color:var(--error-text)}.dark-mode .user-menu-container{border-color:#d9d9d9;border-color:var(--border-color)}.dark-mode .user-avatar{background:#096dd9;background:var(--primary-dark);color:#fff;color:var(--text-on-primary)}.topbar-datetime{align-items:center;background-color:initial;border-radius:4px;color:#595959;color:var(--text-secondary);display:inline-flex;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;gap:.5rem;letter-spacing:.02em;line-height:1.5;margin:0;overflow:hidden;padding:.25rem .75rem;text-overflow:ellipsis;transition:all .3s ease;transition:all var(--transition-speed) ease;user-select:none;-webkit-user-select:none;white-space:nowrap}.datetime-clock__date,.datetime-clock__time{display:inline-block;vertical-align:middle}.topbar-datetime:hover{background-color:#f5f5f5;background-color:var(--bg-hover);cursor:default}.topbar-datetime:active{transform:translateY(1px)}.dark-mode .topbar-datetime{color:#595959;color:var(--text-secondary)}.dark-mode .topbar-datetime:hover{background-color:#f5f5f5;background-color:var(--bg-hover)}.topbar-datetime.error-state{background-color:#fff1f0;background-color:var(--error-bg);border:1px solid #ff7875;border:1px solid var(--error-border);color:#f5222d;color:var(--error-text)}@media (max-width:992px){.topbar-datetime{font-size:.75rem;padding:.25rem .5rem}}@media (max-width:768px){.topbar-datetime{display:none}.mobile-datetime{display:inline-flex;font-size:.75rem}}@keyframes timeUpdate{0%{opacity:.5;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}.datetime-clock__time{animation:timeUpdate .3s ease}[dir=rtl] .topbar-datetime{direction:ltr}.app-sidebar.sidebar-closed+.app-topbar,.app-topbar.sidebar-closed{left:70px;left:var(--sidebar-collapsed-width)}.topbar-content{gap:1rem;justify-content:space-between;width:100%}.left-section,.topbar-content{align-items:center;display:flex}.left-section{flex:1 1;min-width:0}.icon-group,.right-section{align-items:center;display:flex;gap:1rem}.topbar .icon-btn{align-items:center;background:none;border:none;color:#595959;color:var(--icon-color);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;width:24px}.topbar .icon-btn:hover{background:#0000000d!important}.app-topbar .notification-btn{z-index:1}.app-topbar .badge{background-color:#f5222d;background-color:var(--error-text);border-radius:9999px;color:#fff;color:var(--text-on-primary);font-size:.7rem;height:16px;justify-content:center;padding:.2rem .5rem;position:absolute;right:2px;top:2px;width:16px}.app-footer,.app-topbar .badge{align-items:center;display:flex}.app-footer{background:#fff;background:var(--footer-bg);bottom:0;box-shadow:0 -1px 5px #0000000d;color:#595959;color:var(--text-secondary);font-size:.85rem;height:48px;height:var(--footer-height);justify-content:space-between;left:280px;left:var(--sidebar-width);padding:0 1.5rem;position:fixed;right:0;transition:left .3s ease;transition:left var(--transition-speed) ease;z-index:998}.app-footer.sidebar-closed,.app-sidebar.sidebar-closed+.app-footer,.main-layout-container.sidebar-collapsed .app-footer{left:70px;left:var(--sidebar-collapsed-width)}.footer-content{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;width:100%}.footer-content p{flex-shrink:0;margin:0;white-space:nowrap}.footer-links a{margin-left:1rem}.policy-page{background:#fff;background:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);margin:2rem auto;max-width:900px;padding:2rem}.policy-header{border-bottom:1px solid #d9d9d9;border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.policy-header h1{color:#1890ff;color:var(--primary);margin-bottom:.5rem}.last-updated{color:#8c8c8c;color:var(--text-tertiary);font-size:.9rem}.policy-content{line-height:1.6}.policy-content section{margin-bottom:2rem}.policy-content h2{color:#1890ff;color:var(--primary);font-size:1.3rem;margin:1.5rem 0 1rem}.policy-content ul{margin:1rem 0;padding-left:1.5rem}.policy-content li{margin-bottom:.5rem}.policy-footer{border-top:1px solid #d9d9d9;border-top:1px solid var(--border-color);margin-top:3rem;padding-top:1rem}.back-home{color:#1890ff;color:var(--primary);font-weight:500;text-decoration:none}.back-home:hover{text-decoration:underline}.footer-links a{color:#595959;color:var(--text-secondary);margin-left:1.5rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#1890ff;color:var(--primary);text-decoration:underline}.contact-content{color:#262626;color:var(--text-primary);line-height:1.6}.contact-content h2{border-bottom:1px solid #d9d9d9;border-bottom:1px solid var(--border-color);color:#1890ff;color:var(--primary);font-size:1.3rem;margin:1.5rem 0 1rem;padding-bottom:.5rem}.contact-content strong{color:#096dd9;color:var(--primary-dark)}.ant-input-number,.ant-input:not(.ant-input-affix-wrapper input),.ant-picker,.ant-select-selector{padding:8px 12px!important}.ant-input-affix-wrapper,.ant-input-number,.ant-input:not(.ant-input-affix-wrapper input),.ant-picker,.ant-select-selector{background-color:#fff!important;background-color:var(--bg-secondary)!important;border:1px solid #d9d9d9!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-sizing:border-box!important;height:40px!important;transition:all .3s ease!important;transition:all var(--transition-speed) ease!important}.ant-input-affix-wrapper{padding:0!important}.ant-cascader-picker-label,.ant-input,.ant-input-number-input,.ant-picker-input>input,.ant-select-selection-item,.ant-select-selection-placeholder,.ant-select-selection-search-input{background-color:initial!important;border:none!important;box-shadow:none!important;color:#262626!important;color:var(--text-primary)!important;font-size:.875rem!important;height:100%!important;line-height:24px!important;outline:none!important;padding:0!important}.ant-input-affix-wrapper .ant-input{height:auto!important;line-height:24px!important;min-height:0!important;min-height:auto!important}.ant-input-number-input{justify-content:flex-start!important;text-align:left}.ant-input-number-input,.ant-select-arrow{align-items:center!important;display:flex!important}.ant-select-arrow{height:100%!important;margin-top:0!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important}.ant-select-selector{justify-content:space-between!important}.ant-select-selection-item,.ant-select-selector{align-items:center!important;display:flex!important}.ant-select-selection-item{flex-grow:1!important;min-width:0!important}.ant-input::placeholder,.ant-picker-input>input::placeholder,.ant-select-selection-placeholder{color:#a0a0a0!important;color:var(--text-placeholder)!important;font-size:.875rem!important;opacity:1!important}.ant-input-prefix,.ant-input-suffix,.ant-picker-suffix,.ant-select-clear{align-items:center!important;color:#595959!important;color:var(--icon-color)!important;display:flex!important;height:100%!important}.dark-mode .ant-input-password .ant-input-suffix .anticon,.dark-mode .ant-input-password .ant-input-suffix .anticon svg,.dark-mode .ant-input-password .ant-input-suffix .anticon svg path{fill:#262626!important;fill:var(--text-primary)!important;color:#262626!important;color:var(--text-primary)!important}.ant-input-affix-wrapper-focused,.ant-input-number:focus,.ant-input:focus,.ant-picker-focused,.ant-select-focused:not(.ant-select-customize-input) .ant-select-selector{border-color:#1890ff!important;border-color:var(--primary)!important;box-shadow:0 0 0 2px #e6f7ff!important;box-shadow:0 0 0 2px var(--primary-light)!important;outline:none!important}.dark-mode .ant-select-dropdown{background-color:#fff!important;background-color:var(--bg-secondary)!important;border:1px solid #d9d9d9!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important;box-shadow:var(--shadow-md)!important}.dark-mode .ant-select-item-option{background-color:initial!important;color:#262626!important;color:var(--text-primary)!important}.dark-mode .ant-select-item-option-active:not(.ant-select-item-option-selected){background-color:#f5f5f5!important;background-color:var(--bg-hover)!important;color:#1890ff!important;color:var(--primary)!important}.dark-mode .ant-select-item-option-selected{background-color:#e6f7ff!important;background-color:var(--primary-light)!important;color:#1890ff!important;color:var(--primary)!important;font-weight:600!important}.dark-mode .ant-select-dropdown .ant-select-item-option-content{color:#262626!important;color:var(--text-primary)!important}.dark-mode .ant-picker-dropdown{background-color:#fff!important;background-color:var(--bg-secondary)!important;border:1px solid #d9d9d9!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important;box-shadow:var(--shadow-md)!important}.dark-mode .ant-picker-panel{border-color:#d9d9d9!important;border-color:var(--border-color)!important}.dark-mode .ant-picker-header,.dark-mode .ant-picker-panel{background:#fff!important;background:var(--bg-secondary)!important}.dark-mode .ant-picker-header{border-bottom:1px solid #d9d9d9!important;border-bottom:1px solid var(--border-color)!important}.dark-mode .ant-picker-header,.dark-mode .ant-picker-header-next-btn,.dark-mode .ant-picker-header-prev-btn,.dark-mode .ant-picker-header-super-next-btn,.dark-mode .ant-picker-header-super-prev-btn,.dark-mode .ant-picker-header-view>button{color:#262626!important;color:var(--text-primary)!important}.dark-mode .ant-picker-cell .ant-picker-cell-inner,.dark-mode .ant-picker-content th{background-color:initial!important;color:#262626!important;color:var(--text-primary)!important}.dark-mode .ant-picker-cell-out-of-view .ant-picker-cell-inner{color:#8c8c8c!important;color:var(--text-tertiary)!important}.dark-mode .ant-picker-cell-today .ant-picker-cell-inner{color:#1890ff!important;color:var(--primary)!important}.dark-mode .ant-picker-cell-today .ant-picker-cell-inner:before{border-color:#1890ff!important;border-color:var(--primary)!important}.dark-mode .ant-picker-cell-selected .ant-picker-cell-inner{background-color:#1890ff!important;background-color:var(--primary)!important;color:#fff!important;color:var(--text-on-primary)!important}.dark-mode .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-disabled) .ant-picker-cell-inner,.dark-mode .ant-picker-cell-in-view:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background-color:#e6f7ff!important;background-color:var(--primary-light)!important;color:#1890ff!important;color:var(--primary)!important}.dark-mode .ant-picker-cell-disabled .ant-picker-cell-inner{cursor:not-allowed!important}.dark-mode .ant-picker-cell-disabled .ant-picker-cell-inner,.dark-mode .ant-picker-cell-disabled:hover .ant-picker-cell-inner{background-color:#f5f5f5!important;background-color:var(--bg-hover)!important;color:#8c8c8c!important;color:var(--text-tertiary)!important}.dark-mode .ant-picker-footer{background-color:#fff!important;background-color:var(--bg-secondary)!important;border-top:1px solid #d9d9d9!important;border-top:1px solid var(--border-color)!important}.dark-mode .ant-picker-footer-extra{color:#262626!important;color:var(--text-primary)!important}.dark-mode .ant-picker-today-btn{color:#1890ff!important;color:var(--primary)!important}textarea.ant-input{border-radius:8px!important;height:auto!important;line-height:1.5!important;min-height:80px!important;padding:12px!important}.ant-btn{align-items:center!important;background-color:#fff!important;background-color:var(--bg-secondary)!important;border-color:#d9d9d9!important;border-color:var(--border-color)!important;border-radius:8px!important;color:#262626!important;color:var(--text-primary)!important;display:inline-flex!important;font-weight:500;height:40px!important;justify-content:center!important;padding:8px 16px!important;transition:all .2s ease!important}.ant-btn-lg{font-size:16px;height:44px!important;padding:10px 18px!important}.ant-btn-primary{background-color:#1890ff!important;background-color:var(--primary)!important;border-color:#1890ff!important;border-color:var(--primary)!important;color:#fff!important;color:var(--text-on-primary)!important}.ant-btn-primary:focus,.ant-btn-primary:hover{background-color:#096dd9!important;background-color:var(--primary-dark)!important;border-color:#096dd9!important;border-color:var(--primary-dark)!important}.dark-mode .ant-modal-footer .ant-btn{background-color:#fff!important;background-color:var(--bg-secondary)!important;border-color:#d9d9d9!important;border-color:var(--border-color)!important;color:#262626!important;color:var(--text-primary)!important}.dark-mode .ant-modal-footer .ant-btn-primary{background-color:#1890ff!important;background-color:var(--primary)!important;border-color:#1890ff!important;border-color:var(--primary)!important;color:#fff!important;color:var(--text-on-primary)!important}.dark-mode .ant-modal-footer .ant-btn-primary:focus,.dark-mode .ant-modal-footer .ant-btn-primary:hover{background-color:#096dd9!important;background-color:var(--primary-dark)!important;border-color:#096dd9!important;border-color:var(--primary-dark)!important}.ant-card{border-color:#d9d9d9!important;border-color:var(--border-color)!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important;box-shadow:var(--shadow-md)!important;transition:all .2s ease!important}.ant-card,.ant-card-head{background-color:#fff!important;background-color:var(--bg-secondary)!important;color:#262626!important;color:var(--text-primary)!important}.ant-card-head{border-bottom:1px solid #d9d9d9!important;border-bottom:1px solid var(--border-color)!important}.ant-card-head-title{padding:16px 0!important}.ant-card-body{background-color:#fff!important;background-color:var(--bg-secondary)!important}.ant-card-body,.ant-table-wrapper{color:#262626!important;color:var(--text-primary)!important}.ant-table-wrapper{margin-top:20px}.ant-table{border:1px solid #d9d9d9!important;border:1px solid var(--border-color)!important;border-radius:8px!important}.ant-table,.ant-table-thead>tr>th{background-color:#fff!important;background-color:var(--bg-secondary)!important;color:#262626!important;color:var(--text-primary)!important}.ant-table-thead>tr>th{border-bottom:1px solid #d9d9d9!important;border-bottom:1px solid var(--border-color)!important}.ant-table-tbody>tr.ant-table-row:hover>td{background-color:#f5f5f5!important;background-color:var(--bg-hover)!important}.ant-table-tbody>tr>td{background-color:#fff!important;background-color:var(--bg-secondary)!important;border-bottom:1px solid #d9d9d9!important;border-bottom:1px solid var(--border-color)!important}.ant-table-tbody>tr>td,.dark-mode .ant-tag{color:#262626!important;color:var(--text-primary)!important}.dark-mode .ant-tag-green{background-color:#114c18!important;color:#73d13d!important}.dark-mode .ant-tag-purple{background-color:#391060!important;color:#d3adf7!important}.dark-mode .ant-tag-geekblue{background-color:#002766!important;color:#40a9ff!important}.dark-mode .ant-tag-default{background-color:#303030!important;color:#e0e0e0!important}.dark-mode .ant-pagination .ant-pagination-item,.dark-mode .ant-pagination .ant-pagination-item-link{background-color:#fff!important;background-color:var(--bg-secondary)!important;border-color:#d9d9d9!important;border-color:var(--border-color)!important;color:#262626!important;color:var(--text-primary)!important}.dark-mode .ant-pagination .ant-pagination-item a,.dark-mode .ant-pagination .ant-pagination-item-link .anticon{color:#262626!important;color:var(--text-primary)!important}.dark-mode .ant-pagination .ant-pagination-item-active{background-color:#1890ff!important;background-color:var(--primary)!important;border-color:#1890ff!important;border-color:var(--primary)!important}.dark-mode .ant-pagination .ant-pagination-item-active a{color:#fff!important;color:var(--text-on-primary)!important}.dark-mode .ant-pagination .ant-pagination-item-link:hover,.dark-mode .ant-pagination .ant-pagination-item:hover{border-color:#1890ff!important;border-color:var(--primary)!important;color:#1890ff!important;color:var(--primary)!important}.dark-mode .ant-pagination .ant-pagination-item:hover a{color:#1890ff!important;color:var(--primary)!important}.dark-mode .ant-badge-status-success{color:#52c41a!important;color:var(--status-resolved-text)!important}.dark-mode .ant-badge-status-success .ant-badge-status-dot{background-color:#52c41a!important;background-color:var(--status-resolved-text)!important}.dark-mode .ant-badge-status-error{color:#f5222d!important;color:var(--error-text)!important}.dark-mode .ant-badge-status-error .ant-badge-status-dot{background-color:#f5222d!important;background-color:var(--error-text)!important}.ant-badge{align-items:center!important;display:inline-flex!important;gap:.5em}.ant-badge-status-dot{height:8px!important;width:8px!important}.ant-badge-status-text{line-height:1!important}.ant-typography{margin-left:0!important;padding-left:0!important}@media (max-width:992px){.app-sidebar{transform:translateX(-100%);width:0}.app-sidebar.sidebar-open{box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg);transform:translateX(0);width:280px;width:var(--sidebar-width)}.content-area{margin-left:0!important;padding:15px}.app-footer,.app-topbar{left:0!important;padding:0 1rem}}@media (max-width:768px){.app-title,.topbar .user-email{display:none}.sidebar-header .app-title-text{font-size:1rem}.footer-content{flex-direction:column;gap:5px;text-align:center}.footer-links a{margin:0 .5rem}.ant-input,.ant-input-number,.ant-picker,.ant-select-selector{min-height:36px!important;padding:6px 10px!important}.ant-btn{min-height:36px!important;padding:6px 12px!important}}.fullscreen-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100vw}.dark-mode .fullscreen-loading,.fullscreen-loading{background-color:#f0f2f5;background-color:var(--bg-primary);color:#262626;color:var(--text-primary)}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left:4px solid var(--primary);border-radius:50%;height:40px;width:40px}.dark-mode .spinner{border:4px solid #fff3;border-left:4px solid var(--primary)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ant-modal-content{border-radius:.75rem!important;overflow:hidden!important}.ant-modal-content,.dark-mode .ant-modal-content{background-color:#fff!important;background-color:var(--bg-secondary)!important;box-shadow:0 8px 24px #00000026!important;box-shadow:var(--shadow-lg)!important}.dark-mode .ant-modal-content{color:#262626!important;color:var(--text-primary)!important}.ant-modal-header{border-bottom:1px solid #d9d9d9!important;border-bottom:1px solid var(--border-color)!important;padding:1rem 1.5rem!important}.ant-modal-header,.dark-mode .ant-modal-header{background-color:#fff!important;background-color:var(--bg-secondary)!important}.dark-mode .ant-modal-header{border-color:#d9d9d9!important;border-color:var(--border-color)!important}.ant-modal-title{font-size:1.25rem!important}.ant-modal-title,.dark-mode .ant-modal-title{color:#262626!important;color:var(--text-primary)!important}.ant-modal-close-x{font-size:1.25rem!important}.ant-modal-close-x,.dark-mode .ant-modal-close-x{color:#595959!important;color:var(--icon-color)!important}.ant-modal-body{padding:1.5rem!important}.ant-modal-body,.dark-mode .ant-modal-body{color:#262626!important;color:var(--text-primary)!important}.ant-modal-body,.ant-modal-footer,.dark-mode .ant-modal-body{background-color:#fff!important;background-color:var(--bg-secondary)!important}.ant-modal-footer{border-top:1px solid #d9d9d9!important;border-top:1px solid var(--border-color)!important;padding:1rem 1.5rem!important}.dark-mode .ant-modal-footer{background-color:#fff!important;background-color:var(--bg-secondary)!important;border-color:#d9d9d9!important;border-color:var(--border-color)!important}.ant-form-item-label>label,.dark-mode .ant-form-item-label>label{color:#262626!important}.ant-cascader-picker,.ant-input,.ant-input-number,.ant-input-password,.ant-picker,.ant-select-selector,.dark-mode .ant-cascader-picker,.dark-mode .ant-input,.dark-mode .ant-input-number,.dark-mode .ant-input-password,.dark-mode .ant-picker,.dark-mode .ant-select-selector{background-color:#fff!important;background-color:var(--bg-secondary)!important;border-color:#d9d9d9!important;border-color:var(--border-color)!important;color:#262626!important;color:var(--text-primary)!important}.ant-input[disabled],.ant-input[readonly],.ant-picker-disabled,.ant-select-disabled .ant-select-selector{background-color:#f5f5f5!important;background-color:var(--bg-hover)!important;color:#8c8c8c!important;color:var(--text-tertiary)!important;cursor:not-allowed!important;opacity:1!important}.dark-mode .ant-input[disabled],.dark-mode .ant-input[readonly],.dark-mode .ant-picker-disabled,.dark-mode .ant-select-disabled .ant-select-selector{background-color:#f5f5f5!important;background-color:var(--bg-hover)!important;border-color:#d9d9d9!important;border-color:var(--border-color)!important;color:#8c8c8c!important;color:var(--text-tertiary)!important}.ant-checkbox-wrapper .ant-checkbox-inner,.dark-mode .ant-checkbox-wrapper .ant-checkbox-inner{background-color:#fff!important;background-color:var(--bg-secondary)!important;border-color:#d9d9d9!important;border-color:var(--border-color)!important}.ant-checkbox-checked .ant-checkbox-inner,.dark-mode .ant-checkbox-checked .ant-checkbox-inner{background-color:#1890ff!important;background-color:var(--primary)!important;border-color:#1890ff!important;border-color:var(--primary)!important}.ant-checkbox-checked:after{border-color:#fff!important;border-color:var(--text-on-primary)!important}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background-color:#fff;background-color:var(--bg-secondary);border-radius:.75rem;box-shadow:0 8px 24px #00000026;box-shadow:var(--shadow-lg);color:#262626;color:var(--text-primary);display:flex;flex-direction:column;gap:1rem;max-width:500px;overflow:hidden;padding:2rem;position:relative;width:90%}.dark-mode .modal-content{background-color:#fff!important;background-color:var(--bg-secondary)!important;box-shadow:0 8px 24px #00000026!important;box-shadow:var(--shadow-lg)!important;color:#262626!important;color:var(--text-primary)!important}.modal-content h3{color:#1890ff;color:var(--primary);font-size:1.5rem;margin-top:0;text-align:center}.dark-mode .modal-content h3{color:#1890ff!important;color:var(--primary)!important}.modal-content p{color:#595959;color:var(--text-secondary);font-size:1rem;text-align:center}.dark-mode .modal-content p{color:#262626!important;color:var(--text-primary)!important}.modal-textarea{background-color:#f0f2f5;background-color:var(--bg-primary);border:1px solid #d9d9d9;border:1px solid var(--border-color);border-radius:.5rem;color:#262626;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.95rem;max-height:200px;min-height:80px;padding:.75rem;resize:vertical;width:100%}.dark-mode .modal-textarea{background-color:#fff!important;background-color:var(--bg-secondary)!important;border-color:#d9d9d9!important;border-color:var(--border-color)!important;color:#262626!important;color:var(--text-primary)!important}.modal-textarea:focus{border-color:#1890ff;border-color:var(--primary);box-shadow:0 0 0 2px #e6f7ff;box-shadow:0 0 0 2px var(--primary-light);outline:none}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.btn-cancel,.btn-reject-confirm{border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:.75rem 1.25rem;transition:all .2s ease}.btn-cancel{background-color:#f5f5f5;background-color:var(--bg-hover);color:#595959;color:var(--text-secondary)}.btn-cancel:hover{background-color:#e8e8e8;background-color:var(--bg-active)}.dark-mode .btn-cancel{background-color:#f5f5f5!important;background-color:var(--bg-hover)!important;color:#262626!important;color:var(--text-primary)!important}.dark-mode .btn-cancel:hover{background-color:#e8e8e8!important;background-color:var(--bg-active)!important}.btn-reject-confirm{background-color:#f5222d;background-color:var(--error-btn-bg);color:#fff;color:var(--text-on-primary)}.btn-reject-confirm:hover{background-color:#cf1322;background-color:var(--error-btn-hover)}.dark-mode .btn-reject-confirm{background-color:#f5222d!important;background-color:var(--error-btn-bg)!important;color:#fff!important;color:var(--text-on-primary)!important}.dark-mode .btn-reject-confirm:hover{background-color:#cf1322!important;background-color:var(--error-btn-hover)!important}.btn-cancel:disabled,.btn-reject-confirm:disabled{cursor:not-allowed;opacity:.6}.error-message-small{background-color:#fff1f0;background-color:var(--error-bg);border:1px solid #ff7875;border:1px solid var(--error-border);border-radius:.5rem;color:#f5222d;color:var(--error-text);font-size:.85rem;padding:.5rem;text-align:center}.dark-mode .error-message-small{background-color:#fff1f0!important;background-color:var(--error-bg)!important;border-color:#ff7875!important;border-color:var(--error-border)!important;color:#f5222d!important;color:var(--error-text)!important}.icon-dark,.icon-light{color:#595959;color:var(--text-secondary);transition:color .3s ease;transition:color var(--transition-speed) ease}.app-topbar .icon-btn{align-items:center;background:#0000!important;border:none;border-radius:4px;display:flex;justify-content:center;margin:0 2px;padding:8px;transition:all .3s ease;transition:all var(--transition-speed) ease}.app-topbar .icon-btn:hover{background:#0000000d!important}.dark-mode .app-topbar .icon-btn:hover{background:#ffffff0d!important}.app-topbar .notification-btn{position:relative}.notification-btn{align-items:center!important;display:flex!important;justify-content:center!important;position:relative!important}.notification-dot{animation:pulse 2s infinite!important;background-color:#ff4d4f!important;border:2px solid #fff!important;border:2px solid var(--topbar-bg,#fff)!important;border-radius:50%!important;height:8px!important;position:absolute!important;right:4px!important;top:4px!important;width:8px!important;z-index:10!important}.dark-mode .notification-dot{border-color:#fff!important;border-color:var(--topbar-bg,#222)!important}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.app-topbar .icon-btn.notification-btn{position:relative!important}.app-topbar .notification-btn .badge{display:none!important}.nav-item-wrapper.disabled,.nav-item.disabled,.nav-sub-item-wrapper.disabled,.nav-sub-item.disabled,.nav-submenu-parent.disabled{cursor:not-allowed!important;opacity:.6;pointer-events:none!important;position:relative;user-select:none!important;-webkit-user-select:none!important}.nav-item-wrapper.disabled:after,.nav-sub-item-wrapper.disabled:after,.nav-submenu-parent.disabled:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.nav-item.disabled,.nav-sub-item.disabled{cursor:not-allowed;opacity:.6;transform:none}.nav-item.disabled,.nav-item.disabled:hover,.nav-sub-item.disabled,.nav-sub-item.disabled:hover{background-color:initial;color:#8c8c8c;color:var(--text-tertiary)}.nav-item.disabled .nav-icon,.nav-sub-item.disabled .nav-icon{color:#8c8c8c;color:var(--text-tertiary)}.nav-item-wrapper,.nav-sub-item-wrapper{display:block;position:relative}.app-tooltip{background-color:#000000d9;border-radius:4px;color:#fff;font-size:.8rem;opacity:0;padding:6px 10px;pointer-events:none;position:fixed;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:nowrap;z-index:9999}.app-tooltip.show{opacity:1;visibility:visible}.dark-mode .app-tooltip{background-color:#ffffffe6;color:#333}.coming-soon-badge{background-color:#e6f7ff;background-color:var(--primary-light);border-radius:12px;color:#1890ff;color:var(--primary);font-size:.7rem;font-weight:600;margin-left:.5rem;padding:.2rem .5rem}.nav-item.coming-soon{opacity:.7}.nav-item.coming-soon:hover{background-color:initial!important;transform:none!important}.profile-page{background-color:#f8fafc;min-height:100vh;padding:0}.profile-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;box-shadow:0 4px 12px #0000001a;color:#fff;margin-bottom:0;padding:32px 32px 24px;text-align:left}.profile-title{color:#fff!important;font-size:32px;font-weight:700;line-height:1.2;margin-bottom:8px!important}.profile-subtitle{color:#ffffffd9!important;display:block;font-size:16px!important;line-height:1.5}.profile-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:24px auto;max-width:1400px;overflow:hidden;padding:0;width:100%}.profile-form-container{padding:32px;width:100%}.form-section{border-bottom:1px solid #e9ecef;padding-bottom:24px;width:100%}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:20px;padding-bottom:10px;position:relative}.form-section-title:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);width:100%}.form-grid-full{grid-column:1/-1}.profile-form .ant-form-item-label{color:#4a5568;font-size:14px;font-weight:600;padding:0 0 8px;text-align:left}.profile-form .ant-form-item{margin-bottom:0}.profile-form .ant-form-item-control-input{min-height:44px}.profile-form .ant-input,.profile-form .ant-input-affix-wrapper,.profile-form .ant-input-password{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;height:44px;padding:10px 12px;transition:all .2s ease}.profile-form .ant-input-affix-wrapper:hover,.profile-form .ant-input-password:hover,.profile-form .ant-input:hover{border-color:#a0aec0}.profile-form .ant-input-affix-wrapper-focused,.profile-form .ant-input-password:focus,.profile-form .ant-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.signature-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:20px}.signature-preview{align-items:center;border-radius:6px;display:flex;gap:16px;margin-bottom:16px;padding:16px}.signature-image,.signature-preview{background:#fff;border:1px solid #e2e8f0}.signature-image{border-radius:4px;display:block!important;max-height:100px;max-width:200px;object-fit:contain;padding:8px}.signature-actions{flex:1 1}.signature-actions .ant-btn{margin-bottom:8px;margin-right:8px}.upload-area{background:#f8fafc;border:2px dashed #cbd5e0;border-radius:8px;padding:24px;text-align:center;transition:all .2s ease}.upload-area:hover{background:#f0f4ff;border-color:#4299e1}.upload-hint{margin-top:8px}.account-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.info-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:16px}.info-item .ant-form-item{margin:0}.info-item .ant-form-item-label{margin-bottom:6px}.info-item .ant-input{background:#fff;border:1px solid #e2e8f0}.info-item .ant-input[disabled]{background:#fff!important;border-color:#e2e8f0!important;color:#2d3748!important}.info-item .ant-input-affix-wrapper .anticon{color:#667eea}.profile-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;margin-top:32px;padding-top:24px;width:100%}.profile-actions .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 4px #667eea33;font-size:14px;font-weight:600;height:44px;padding:0 32px;transition:all .2s ease}.profile-actions .ant-btn-primary:hover:not(:disabled){box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.profile-actions .ant-btn-primary:disabled{background:#cbd5e0;box-shadow:none;transform:none}.profile-actions .ant-btn-default{background:#fff;border:1px solid #cbd5e0;border-radius:6px;color:#4a5568;font-size:14px;font-weight:500;height:44px;padding:0 24px;transition:all .2s ease}.profile-actions .ant-btn-default:hover:not(:disabled){background:#ebf8ff;border-color:#4299e1;color:#4299e1}.loading-container{align-items:center;background:#f8fafc;display:flex;height:70vh;justify-content:center}@media (max-width:768px){.profile-header{padding:24px 20px 20px}.profile-title{font-size:24px!important}.profile-subtitle{font-size:14px!important}.profile-content{border-radius:6px;margin:16px}.profile-form-container{padding:20px}.form-grid{gap:16px;grid-template-columns:1fr}.form-section{margin-bottom:24px;padding-bottom:20px}.form-section-title{font-size:1.1rem;margin-bottom:16px}.signature-preview{align-items:flex-start;flex-direction:column;gap:12px}.signature-image{margin-bottom:0;max-width:100%}.signature-actions{width:100%}.signature-actions .ant-btn{margin-bottom:8px;margin-right:0;width:100%}.account-info-grid{gap:12px;grid-template-columns:1fr}.info-item{padding:12px}.profile-actions{flex-direction:column}.profile-actions .ant-btn{justify-content:center;width:100%}.upload-area{padding:16px}}@media (min-width:769px) and (max-width:1024px){.profile-content{margin:20px}.profile-form-container{padding:24px}.account-info-grid{grid-template-columns:repeat(2,1fr)}}.profile-form .ant-form-item-explain{font-size:12px;margin-top:4px}.profile-form .ant-form-item-has-feedback .ant-form-item-control-input{min-height:48px}.status-active{color:#38a169!important}.status-inactive{color:#e53e3e!important}.admin-page-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 6px 18px #00000014;box-shadow:0 6px 18px var(--shadow-light);margin:24px auto;max-width:1200px;overflow:hidden;padding:32px;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}body.dark-mode .admin-page-container{background-color:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 6px 18px var(--shadow-md)}.page-title{font-size:26px;font-weight:700;letter-spacing:-.2px;margin-bottom:24px!important;padding-bottom:10px;position:relative;text-align:left;transition:color .3s ease}.page-title,body.dark-mode .page-title{color:var(--text-primary)}.page-title:after{background:linear-gradient(90deg,#1890ff,#4caf50);background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));border-radius:1.5px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.admin-panel-tabs.ant-tabs{margin-bottom:-1px;position:relative}.admin-panel-tabs .ant-tabs-nav{background-color:initial;border-bottom:none;border-radius:0;box-shadow:none;margin-bottom:0;position:relative;z-index:1}.admin-panel-tabs .ant-tabs-nav-wrap{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0;box-shadow:inset 0 -2px 5px #0000000d;overflow:visible;padding-bottom:1px;position:relative;transition:all .3s ease}body.dark-mode .admin-panel-tabs .ant-tabs-nav-wrap{background-color:var(--bg-secondary);border-bottom-color:var(--border-color);box-shadow:inset 0 -2px 5px #0003}.admin-panel-tabs .ant-tabs-nav-list{display:flex;gap:0;justify-content:flex-start;margin-left:0;position:relative;z-index:10}.admin-panel-tabs .ant-tabs-tab{align-items:center;background-color:var(--bg-hover);border-bottom:1px solid var(--border-color);border:1px solid var(--border-color);border-bottom-color:var(--bg-secondary);border-radius:8px 8px 0 0;box-shadow:2px 2px 5px #0000000d,inset -1px -1px 3px #fff6;color:var(--text-secondary);cursor:pointer;display:flex;flex:none;font-size:14px;font-weight:600;justify-content:center;margin-left:-8px;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.645,.045,.355,1);white-space:nowrap;z-index:1}.admin-panel-tabs .ant-tabs-tab:first-child{margin-left:0}body.dark-mode .admin-panel-tabs .ant-tabs-tab{background-color:var(--bg-hover);border-color:var(--border-color);border-bottom-color:var(--bg-secondary);box-shadow:2px 2px 5px #0000004d,inset -1px -1px 3px #0003;color:var(--text-secondary)}.admin-panel-tabs .ant-tabs-tab:hover{background-color:var(--bg-hover);box-shadow:3px 3px 8px var(--shadow-md),inset -1px -1px 5px #fff9;color:var(--primary);transform:translateY(-2px);z-index:2}body.dark-mode .admin-panel-tabs .ant-tabs-tab:hover{background-color:var(--bg-active);box-shadow:3px 3px 8px var(--shadow-md),inset -1px -1px 5px #0000004d;color:var(--primary)}.admin-panel-tabs .ant-tabs-tab-active{box-shadow:4px 4px 10px var(--shadow-md),inset -1px -1px 6px #fffc;padding-bottom:10px;transform:translateY(-4px);z-index:3!important}.admin-panel-tabs .ant-tabs-tab-active,body.dark-mode .admin-panel-tabs .ant-tabs-tab-active{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;border-bottom-color:var(--bg-secondary)!important;color:var(--primary)!important}body.dark-mode .admin-panel-tabs .ant-tabs-tab-active{box-shadow:4px 4px 10px var(--shadow-md),inset -1px -1px 6px #0006}.admin-panel-tabs .ant-tabs-ink-bar{display:none!important}.admin-panel-tabs .ant-tabs-content-holder{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:0 8px 8px 8px;box-shadow:0 2px 12px var(--shadow-sm);padding:24px;position:relative;transition:all .3s ease;z-index:0}body.dark-mode .admin-panel-tabs .ant-tabs-content-holder,body.dark-mode .admin-panel-tabs .ant-tabs-tabpane{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}body.dark-mode .admin-panel-tabs .ant-tabs-content{background-color:var(--bg-secondary)!important}.tab-pane-content-wrapper{background-color:var(--bg-primary);border-radius:8px;box-shadow:0 2px 4px #0000000d;color:var(--text-primary);padding:16px;transition:background-color .3s ease,color .3s ease}body.dark-mode .tab-pane-content-wrapper{background-color:var(--bg-primary)!important;box-shadow:0 2px 4px var(--shadow-md)!important;color:var(--text-primary)!important}body.dark-mode .tab-pane-content-wrapper h3,body.dark-mode .tab-pane-content-wrapper p{color:var(--text-primary)!important}body.dark-mode .admin-page-container .ant-typography-secondary,body.dark-mode .admin-panel-tabs .ant-tabs-content-holder .ant-typography-secondary{color:var(--text-secondary)!important}body.dark-mode .ant-table,body.dark-mode .ant-table-tbody>tr>td,body.dark-mode .ant-table-thead>tr>th{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}body.dark-mode .ant-table-tbody>tr.ant-table-row:hover>td{background-color:var(--bg-hover)!important}body.dark-mode .admin-panel-tabs .ant-tabs-tabpane footer{background-color:var(--bg-secondary)!important;border-top:1px solid var(--border-color)!important;color:var(--text-secondary)!important}@media (max-width:992px){.admin-panel-tabs .ant-tabs-tab{font-size:13px;margin-left:-6px;padding:8px 14px}.page-title{font-size:22px;margin-bottom:18px!important}}@media (max-width:768px){.admin-page-container{margin:10px;padding:20px}.page-title{font-size:20px;margin-bottom:16px!important}.page-title:after{width:40px}.admin-panel-tabs .ant-tabs-nav-list{align-items:stretch;flex-direction:column;margin-left:0}.admin-panel-tabs .ant-tabs-tab{background-color:#e8e8e8!important;background-color:var(--light-tab-inactive-bg)!important;border-bottom:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000000d!important;color:#595959!important;color:var(--light-tab-inactive-text)!important;margin:0 0 8px!important;transform:translateY(0)!important;z-index:auto!important}.admin-panel-tabs .ant-tabs-tab-active{background-color:#e6f7ff!important;background-color:var(--accent-blue-light)!important;border-color:#1890ff!important;border-color:var(--accent-blue)!important;border-bottom-color:#1890ff!important;border-bottom-color:var(--accent-blue)!important;box-shadow:0 4px 8px #0000001a!important;color:#1890ff!important;color:var(--accent-blue)!important}body.dark-mode .admin-panel-tabs .ant-tabs-tab{background-color:var(--bg-hover)!important;border-bottom-color:var(--border-color)!important;color:var(--text-secondary)!important}body.dark-mode .admin-panel-tabs .ant-tabs-tab-active{background-color:var(--primary-light)!important;border-color:var(--primary)!important;border-bottom-color:var(--primary)!important;color:var(--primary)!important}.admin-panel-tabs .ant-tabs-nav-wrap{border-bottom:none;border-radius:8px;padding-bottom:0}.admin-panel-tabs .ant-tabs-nav-wrap,body.dark-mode .admin-panel-tabs .ant-tabs-nav-wrap{background-color:initial;box-shadow:none}}.account-approvals-page,.contracts-page,.email-groups-page,.general-settings-page,.notifications-page,.organizations-page,.product-categories-page,.products-page,.roles-page,.ticket-categories-page,.ticket-priorities-page,.ticket-settings-page,.ticket-statuses-page,.ticket-types-page,.users-page{background-color:initial;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;color:var(--text-primary);padding:30px 20px 20px;width:100%}.account-approvals-header,.contracts-header,.email-groups-header,.general-settings-header,.notifications-header,.organizations-header,.product-categories-header,.products-header,.roles-header,.ticket-categories-header,.ticket-priorities-header,.ticket-settings-header,.ticket-statuses-header,.ticket-types-header,.users-header{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000017;color:var(--text-primary);display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding:20px}.dark-mode .account-approvals-header,.dark-mode .contracts-header,.dark-mode .email-groups-header,.dark-mode .general-settings-header,.dark-mode .notifications-header,.dark-mode .organizations-header,.dark-mode .product-categories-header,.dark-mode .products-header,.dark-mode .roles-header,.dark-mode .ticket-categories-header,.dark-mode .ticket-priorities-header,.dark-mode .ticket-settings-header,.dark-mode .ticket-statuses-header,.dark-mode .ticket-types-header,.dark-mode .users-header{background-color:var(--bg-secondary)!important;box-shadow:none}.account-approvals-header h2,.contracts-header h2,.email-groups-header h2,.general-settings-header h2,.notifications-header h2,.organizations-header h2,.product-categories-header h2,.products-header h2,.roles-header h2,.ticket-categories-header h2,.ticket-priorities-header h2,.ticket-settings-header h2,.ticket-statuses-header h2,.ticket-types-header h2,.users-header h2{color:inherit;font-size:24px;margin:0}.account-approvals-actions,.contracts-actions,.email-groups-actions,.general-settings-actions,.notifications-actions,.organizations-actions,.product-categories-actions,.products-actions,.roles-actions,.ticket-categories-actions,.ticket-priorities-actions,.ticket-settings-actions,.ticket-statuses-actions,.ticket-types-actions,.users-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.ant-table-filter-dropdown .ant-input,.ant-table-filter-dropdown .ant-select-selector{font-size:.875rem!important;min-height:32px!important;padding:4px 8px!important}.account-approvals-actions .ant-btn,.contracts-actions .ant-btn,.email-groups-actions .ant-btn,.general-settings-actions .ant-btn,.notifications-actions .ant-btn,.organizations-actions .ant-btn,.product-categories-actions .ant-btn,.products-actions .ant-btn,.roles-actions .ant-btn,.ticket-categories-actions .ant-btn,.ticket-priorities-actions .ant-btn,.ticket-settings-actions .ant-btn,.ticket-statuses-actions .ant-btn,.ticket-types-actions .ant-btn,.users-actions .ant-btn{height:40px!important;padding:8px 16px!important}.ant-modal-body .ant-form-item{margin-bottom:20px!important}.form-section-header{box-sizing:border-box;color:var(--text-primary);margin:24px 0 16px!important;padding:0!important;width:100%}.form-section-header .ant-divider{border-top-color:var(--border-color);margin:0!important}.form-section-header .ant-divider-inner-text{color:var(--text-primary);font-size:16px;font-weight:500;padding-left:0!important}.form-subsection-heading{color:var(--text-primary);font-size:16px;font-weight:500;margin:16px 0 12px!important;padding:0!important;width:100%}.form-subsection .ant-row{margin-left:0!important;margin-right:0!important;width:100%}.form-subsection .ant-col{padding-left:0!important;padding-right:0!important}.form-subsection .ant-btn,.form-subsection .ant-select{width:100%}.ant-form-item-explain{line-height:1.2;margin-bottom:0!important;margin-top:4px!important}.ant-form-item-control-input{box-sizing:border-box;padding-bottom:0!important}.ant-form-item-control-input-content{margin-bottom:0!important}.dark-mode .ant-divider-inner-text,.dark-mode .form-section-header,.dark-mode .form-subsection-heading{color:var(--text-primary)!important}.dark-mode .ant-divider-inner-text{background-color:var(--bg-secondary)!important}.ant-tag-blue{color:var(--primary-dark)!important}.ant-tag-blue,.dark-mode .ant-tag-blue{background-color:var(--primary-light)!important;border-color:var(--primary)!important}.dark-mode .ant-tag-blue{color:var(--primary)!important}.ant-tag-success,.dark-mode .ant-tag-success{background-color:var(--status-resolved-bg)!important;border-color:var(--status-resolved-text)!important;color:var(--status-resolved-text)!important}.ant-tag-error,.dark-mode .ant-tag-error{background-color:var(--status-cancelled-bg)!important;border-color:var(--status-cancelled-text)!important;color:var(--status-cancelled-text)!important}.ant-tag .anticon,.dark-mode .ant-tag .anticon{color:inherit!important}.dark-mode .ant-tag-blue,.dark-mode .ant-tag-error,.dark-mode .ant-tag-success{opacity:1!important}.status-active{background-color:var(--status-resolved-bg)!important;border-color:var(--status-resolved-text)!important;color:var(--status-resolved-text)!important}.status-inactive{background-color:var(--status-cancelled-bg)!important;border-color:var(--status-cancelled-text)!important;color:var(--status-cancelled-text)!important}.status-active .anticon,.status-inactive .anticon{color:inherit!important}.ant-form-item-label>label,.dark-mode .ant-form-item-label strong,.dark-mode .ant-form-item-label>label,.dark-mode .email-group-member-modal .ant-select-selector,.dark-mode .email-group-member-modal .ant-typography strong{color:var(--text-primary)!important}.add-member-container{gap:12px}.add-member-container .ant-typography{color:var(--text-primary);margin-right:8px}.dark-mode .add-member-container .ant-typography{color:var(--text-primary)!important}.backup-restore-management{padding:20px}.backup-restore-management .ant-tabs-tab{padding:12px 16px}.backup-restore-management .ant-card{box-shadow:0 2px 8px #0000001a}.backup-history-tab,.backup-settings-tab,.manual-backup-tab,.scheduled-backups-tab{padding:16px 0}.backup-history-tab .ant-list-item{border:1px solid #f0f0f0;border-radius:8px;margin-bottom:8px;padding:16px}.manual-backup-alert{background-color:#e6f7ff;border:1px solid #91d5ff}.manual-backup-alert .ant-alert-description,.manual-backup-alert .ant-alert-message{color:#0050b3!important}[data-theme=dark] .manual-backup-alert{background-color:#111b26!important;border:1px solid #153450!important}[data-theme=dark] .backup-restore-management .ant-alert-description,[data-theme=dark] .backup-restore-management .ant-alert-message,[data-theme=dark] .backup-restore-management .ant-form-item-label>label,[data-theme=dark] .backup-restore-management .ant-typography,[data-theme=dark] .manual-backup-alert .ant-alert-description,[data-theme=dark] .manual-backup-alert .ant-alert-message{color:#e6f7ff!important}[data-theme=dark] .backup-restore-management .ant-card{background:#1f1f1f;border-color:#434343}[data-theme=dark] .backup-restore-management .ant-card-head-title{color:#e6f7ff!important}.create-ticket-page{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:0;width:100%}.create-ticket-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:0;padding:32px 32px 24px;text-align:left}.create-ticket-title{color:#fff!important;font-size:32px;font-weight:700;line-height:1.2;margin-bottom:8px!important}.create-ticket-description{color:#ffffffe6!important;display:block;font-size:16px!important;line-height:1.5}.create-ticket-card{background:#fff;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;margin:0;max-width:100%;padding:0!important;width:100%}.create-ticket-content{padding:32px}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px;padding:24px}.section-title{align-items:center;border-bottom:2px solid #e2e8f0;color:#2d3748!important;display:flex;font-size:18px!important;font-weight:600;gap:12px;margin-bottom:20px!important;padding-bottom:12px}.section-title:before{background:#4299e1;border-radius:2px;content:"";display:block;height:20px;width:4px}.create-ticket-page .ant-form-item{margin-bottom:20px}.create-ticket-page .ant-form-item-label{padding-bottom:6px!important}.create-ticket-page .ant-form-item-label>label{color:#2d3748!important;font-size:14px!important;font-weight:600!important;height:auto!important}.create-ticket-page .ant-form-item-label>label:after{content:""!important}.create-ticket-page .ant-input,.create-ticket-page .ant-picker,.create-ticket-page .ant-select-selector{background:#fff!important;border:1px solid #cbd5e0!important;border-radius:8px!important;color:#2d3748!important;font-size:14px!important;height:44px!important;padding:12px 16px!important;transition:all .2s ease!important}.create-ticket-page .ant-input:hover,.create-ticket-page .ant-picker:hover,.create-ticket-page .ant-select:hover .ant-select-selector{border-color:#a0aec0!important}.create-ticket-page .ant-input:focus,.create-ticket-page .ant-picker-focused,.create-ticket-page .ant-select-focused .ant-select-selector{border-color:#4299e1!important;box-shadow:0 0 0 3px #4299e11a!important;outline:none}.create-ticket-page .ant-select-dropdown{border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 10px 25px #00000026!important}.create-ticket-page .ant-select-item{border-radius:0!important;color:#4a5568!important;font-size:14px!important;padding:12px 16px!important;transition:all .2s ease!important}.create-ticket-page .ant-select-item-option-active,.create-ticket-page .ant-select-item:hover{background-color:#edf2f7!important;color:#2d3748!important}.create-ticket-page .ant-select-item-option-selected{background-color:#bee3f8!important;color:#2b6cb0!important;font-weight:600}.create-ticket-page .ant-picker{width:100%!important}.editor-container{border:1px solid #cbd5e0;border-radius:8px;overflow:hidden;transition:all .2s ease}.editor-container:focus-within{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.clear-description-btn{background:#fff;border:1px solid #cbd5e0;border-radius:6px;color:#4a5568;float:right;font-size:14px;font-weight:500;height:36px;margin-top:12px;padding:0 16px;transition:all .2s ease}.clear-description-btn:hover{background:#fed7d7;border-color:#e53e3e;color:#e53e3e}.create-ticket-page .ant-checkbox-wrapper{color:#4a5568!important;font-size:14px!important}.create-ticket-page .ant-checkbox-checked .ant-checkbox-inner{background-color:#4299e1!important;border-color:#4299e1!important}.upload-section{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;padding:24px;text-align:center;transition:all .2s ease}.upload-section:hover{background:#ebf8ff;border-color:#4299e1}.create-ticket-upload-button{background:#4299e10d!important;border:2px dashed #4299e1!important;border-radius:8px!important;color:#4299e1!important;font-size:14px!important;font-weight:600!important;height:44px!important;padding:0 24px!important;transition:all .2s ease!important}.create-ticket-upload-button:hover{background:#4299e11a!important;border-style:solid!important}.upload-hint{color:#718096;display:block;font-size:13px;margin-top:12px;text-align:center}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.cancel-button{background:#fff!important;border:1px solid #cbd5e0!important;border-radius:8px!important;color:#4a5568!important;font-size:14px!important;font-weight:600!important;height:44px!important;padding:0 24px!important;transition:all .2s ease!important}.cancel-button:hover{background:#f7fafc!important;border-color:#a0aec0!important;color:#2d3748!important}.create-ticket-submit-button{background:#4299e1!important;border-color:#4299e1!important;border-radius:8px!important;color:#fff!important;font-size:14px!important;font-weight:600!important;height:44px!important;padding:0 32px!important;transition:all .2s ease!important}.create-ticket-submit-button:hover{background:#3182ce!important;border-color:#3182ce!important;box-shadow:0 4px 12px #3182ce4d;transform:translateY(-1px)}.create-ticket-submit-button:active{transform:translateY(0)}.create-ticket-page .ant-divider{border-color:#e2e8f0!important;margin:32px 0!important}.create-ticket-page .ant-spin-nested-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.create-ticket-page .ant-spin-text{color:#4299e1;font-size:14px;font-weight:500;margin-top:12px}.create-ticket-page .ant-form-item-has-error .ant-input,.create-ticket-page .ant-form-item-has-error .ant-picker,.create-ticket-page .ant-form-item-has-error .ant-select-selector{border-color:#e53e3e!important}.create-ticket-page .ant-form-item-has-error .ant-input:focus,.create-ticket-page .ant-form-item-has-error .ant-picker-focused,.create-ticket-page .ant-form-item-has-error .ant-select-focused .ant-select-selector{box-shadow:0 0 0 3px #e53e3e1a!important}.create-ticket-page .ant-form-item-explain-error{color:#e53e3e!important;font-size:12px;margin-top:4px}.create-ticket-page .ant-form-item-has-success .ant-input,.create-ticket-page .ant-form-item-has-success .ant-select-selector{border-color:#38a169!important}@media (max-width:768px){.create-ticket-header{padding:24px 20px 20px}.create-ticket-title{font-size:24px!important}.create-ticket-description{font-size:14px!important}.create-ticket-content{padding:20px}.form-section{margin-bottom:24px;padding:20px 16px}.form-actions{flex-direction:column;gap:8px}.form-actions button{width:100%}.section-title{font-size:16px!important}}@media (max-width:480px){.create-ticket-header{padding:20px 16px 16px}.create-ticket-title{font-size:20px!important}.create-ticket-content{padding:16px}.form-section{padding:16px 12px}}.create-ticket-page .ant-row{margin:0 -8px!important}.create-ticket-page .ant-col{padding:0 8px!important}.create-ticket-page .ant-input[disabled],.create-ticket-page .ant-picker[disabled],.create-ticket-page .ant-select-disabled .ant-select-selector{background-color:#f7fafc!important;border-color:#e2e8f0!important;color:#a0aec0!important}.editor-container ::-webkit-scrollbar{width:8px}.editor-container ::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.editor-container ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.editor-container ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tickets-list-page-card{background:#fff;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;margin:0;max-width:100%;padding:0!important;width:100%}.tickets-list-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;color:#fff;margin-bottom:0;padding:32px 32px 24px;text-align:left}.tickets-list-title{color:#fff!important;font-size:32px;font-weight:700;line-height:1.2;margin-bottom:8px!important}.tickets-list-description{color:#ffffffe6!important;display:block;font-size:16px!important;line-height:1.5}.tickets-table-filters-container{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;justify-content:space-between;padding:24px 32px}.tickets-global-search{min-width:450px}.tickets-global-search .ant-input{border:1px solid #cbd5e0;border-radius:8px 0 0 8px;font-size:14px;height:44px;padding:12px 16px;transition:all .2s ease}.tickets-global-search .ant-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.tickets-global-search .ant-btn{background:#4299e1;border-color:#4299e1;border-radius:0 8px 8px 0;font-weight:600;height:44px;padding:0 24px;transition:all .2s ease}.tickets-global-search .ant-btn:hover{background:#3182ce;border-color:#3182ce}.tickets-table-container{border:none;border-radius:0;margin-top:0;overflow-x:auto;padding:0}.tickets-ant-table .ant-table-wrapper{border:none;border-radius:0;overflow:hidden}.tickets-ant-table .ant-table-thead>tr>th{background-color:#2d3748!important;border-bottom:2px solid #4a5568!important;color:#fff!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px;text-transform:uppercase}.tickets-ant-table .ant-table-thead>tr>th .ant-table-column-sorter,.tickets-ant-table .ant-table-thead>tr>th .ant-table-filter-trigger,.tickets-ant-table .ant-table-thead>tr>th .anticon-filter{color:#fff!important}.tickets-ant-table .ant-table-thead>tr>th .ant-table-filter-trigger:hover,.tickets-ant-table .ant-table-thead>tr>th .anticon-filter:hover{background-color:#ffffff1a;color:#bee3f8!important}.tickets-ant-table .ant-table-thead>tr>th .ant-table-column-sorter-down.active,.tickets-ant-table .ant-table-thead>tr>th .ant-table-column-sorter-up.active,.tickets-ant-table .ant-table-thead>tr>th.ant-table-column-has-filters .anticon-filter[aria-label=filter]{color:#4299e1!important}.tickets-ant-table .ant-table-tbody>tr>td{background-color:#fff!important;border-bottom:1px solid #e2e8f0!important;color:#2d3748!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;padding:16px;transition:all .2s ease}.tickets-ant-table .ant-table-tbody>tr.ant-table-row:hover>td{background-color:#f7fafc!important;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.tickets-ant-table .ant-table-tbody>tr:nth-child(2n)>td{background-color:#f8fafc!important}.tickets-ant-table .ant-table-tbody>tr:nth-child(2n):hover>td{background-color:#edf2f7!important}.ant-tag{border:none;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;margin:0;padding:6px 12px;text-transform:uppercase}.ant-tag-red{background-color:#fed7d7!important;border-color:#0000!important;color:#c53030!important}.ant-tag-orange{background-color:#feebc8!important;border-color:#0000!important;color:#dd6b20!important}.ant-tag-blue{background-color:#bee3f8!important;border-color:#0000!important;color:#2b6cb0!important}.ant-tag-green{background-color:#c6f6d5!important;border-color:#0000!important;color:#276749!important}.ant-tag-default{background-color:#e2e8f0!important;border-color:#0000!important;color:#4a5568!important}.ant-tag-geekblue{background-color:#bee3f8!important;border-color:#0000!important;color:#2b6cb0!important}.ant-tag-magenta{background-color:#fbb6ce!important;border-color:#0000!important;color:#b83280!important}.ant-tag-volcano{background-color:#fed7d7!important;border-color:#0000!important;color:#c53030!important}.ant-tag-gold{background-color:#faf089!important;color:#d69e2e!important}.ant-tag-gold,.ant-tag-lime{border-color:#0000!important}.ant-tag-lime{background-color:#d9f99d!important;color:#65a30d!important}.ant-tag-purple{background-color:#e9d8fd!important;border-color:#0000!important;color:#6b46c1!important}.tickets-ant-table .ant-btn-link{align-items:center;border:1px solid #0000;border-radius:6px;color:#4299e1;display:inline-flex;font-size:13px;font-weight:600;gap:6px;height:auto;padding:6px 12px;transition:all .2s ease}.tickets-ant-table .ant-btn-link:hover{background:#ebf8ff;border-color:#bee3f8;color:#3182ce;transform:translateY(-1px)}.tickets-ant-table .ant-dropdown-menu{background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:200px;padding:8px}.tickets-ant-table .ant-dropdown-menu-item{align-items:center;border-radius:6px;color:#4a5568!important;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease}.tickets-ant-table .ant-dropdown-menu-item:hover{background-color:#edf2f7!important;color:#2d3748!important}.tickets-ant-table .ant-pagination{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin:0;padding:24px 32px}.tickets-ant-table .ant-pagination-item{border:1px solid #cbd5e0;border-radius:6px;font-weight:500}.tickets-ant-table .ant-pagination-item-active{background:#4299e1;border-color:#4299e1}.tickets-ant-table .ant-pagination-item-active a{color:#fff}.tickets-ant-table .ant-pagination-item:hover{border-color:#4299e1}.tickets-ant-table .ant-spin-container:after{background:#ffffffe6}.tickets-ant-table .ant-empty{color:#a0aec0;margin:80px 0}.tickets-ant-table .ant-empty-description{color:#718096;font-size:16px}.ant-table-filter-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026}.ant-table-filter-dropdown .ant-input,.ant-table-filter-dropdown .ant-input-affix-wrapper{background:#fff;border:1px solid #cbd5e0;border-radius:6px;color:#2d3748;font-size:14px;min-height:40px!important;padding:8px 12px!important}.ant-table-filter-dropdown .ant-input::placeholder{color:#a0aec0}.ant-table-filter-dropdown .ant-btn{background:#4299e1;border-color:#4299e1;border-radius:6px;color:#fff;font-size:14px;font-weight:500;min-height:36px!important;padding:8px 16px!important}.ant-table-filter-dropdown .ant-btn:hover{background:#3182ce;border-color:#3182ce}.ant-table-filter-dropdown .ant-btn:last-child{background:#fff;border-color:#cbd5e0;color:#4a5568}.ant-table-filter-dropdown .ant-btn:last-child:hover{background:#f7fafc;border-color:#a0aec0}.tickets-stats-counter{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#2d3748;font-size:14px;font-weight:600;padding:12px 20px}@media (max-width:768px){.tickets-list-header{padding:24px 20px 20px}.tickets-list-title{font-size:24px!important}.tickets-table-filters-container{align-items:stretch;flex-direction:column;padding:20px}.tickets-global-search{min-width:100%!important}.tickets-table-container{padding:0}.tickets-ant-table .ant-pagination{flex-direction:column;gap:16px;padding:20px}}.tickets-table-container::-webkit-scrollbar{height:8px}.tickets-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.tickets-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.tickets-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tickets-ant-table .ant-table-thead>tr>th .ant-table-column-sorters:hover{background-color:#ffffff0d}.tickets-ant-table .ant-table-thead>tr>th .ant-table-filter-column-title,.tickets-ant-table .ant-table-thead>tr>th .ant-table-filter-trigger-container{color:#fff}.tickets-ant-table .ant-table-thead>tr>th .ant-table-filter-trigger-container:hover{color:#bee3f8}:root{--light-bg-primary:#fff;--light-bg-secondary:#f0f2f5;--light-text-primary:#2c3e50;--light-text-secondary:#7f8c8d;--light-border-color:#d9d9d9;--light-tab-inactive-bg:#e8e8e8;--light-tab-inactive-text:#595959;--light-tab-hover-bg:#f5f5f5;--accent-blue:#1890ff;--accent-blue-light:#e6f7ff;--accent-green:#4caf50;--shadow-light:#00000014;--shadow-medium:#00000026;--shadow-dark:#00000040}body.dark-mode{--light-bg-primary:#1e1e1e;--light-bg-secondary:#2c2c2c;--light-text-primary:#e0e0e0;--light-text-secondary:#b0b0b0;--light-border-color:#4a4a4a;--light-tab-inactive-bg:#3c3c3c;--light-tab-inactive-text:#b0b0b0;--light-tab-hover-bg:#4a4a4a;--accent-blue-light:#153e66}.edit-ticket-form-card{border-radius:8px;box-shadow:#00000026;box-shadow:var(--shadow-medium);margin:20px auto;max-width:1200px;padding:20px;width:100%}.edit-ticket-form-card,body.dark-mode .edit-ticket-form-card{background-color:#fff;background-color:var(--light-bg-primary)}body.dark-mode .edit-ticket-form-card{box-shadow:#00000040;box-shadow:var(--shadow-dark)}.ticket-header-row{margin-bottom:25px}.report-buttons-container{display:flex;gap:10px;justify-content:flex-end}.ant-input,.ant-picker,.ant-select .ant-select-selector{border-radius:6px;font-size:14px;padding:8px 12px}body.dark-mode .ant-input,body.dark-mode .ant-picker,body.dark-mode .ant-select .ant-select-selector{background-color:#3a3a3a;border-color:#555;color:#2c3e50;color:var(--light-text-primary)}body.dark-mode .ant-select-selection-item{color:#2c3e50;color:var(--light-text-primary)}.upload-section-item .ant-form-item-control-input-content{display:block}.ant-upload-list{background-color:#f0f2f5;background-color:var(--light-bg-secondary);border:1px dashed #d9d9d9;border:1px dashed var(--light-border-color);border-radius:6px;margin-top:15px;padding:10px}body.dark-mode .ant-upload-list{background-color:#333;border-color:#555}.ant-upload-list-item{font-size:14px;margin-bottom:8px}.ant-upload-list-item-name{color:#2c3e50;color:var(--light-text-primary)}.ant-upload-list-item-info .anticon{color:#1890ff;color:var(--accent-blue)}.custom-upload-button{border-radius:6px}.delete-attachment-btn{background-color:#ff4d4f!important;border-radius:4px;color:#fff!important;padding:4px 8px;position:relative;z-index:1}.delete-attachment-btn:hover{background-color:#d9363e!important}.ticket-tabs .ant-tabs-nav{background-color:#f0f2f5;background-color:var(--light-bg-secondary);border-bottom:1px solid #d9d9d9;border-bottom:1px solid var(--light-border-color);border-top-left-radius:8px;border-top-right-radius:8px;margin-bottom:0}.ticket-tabs .ant-tabs-tab{background-color:#e8e8e8!important;background-color:var(--light-tab-inactive-bg)!important;border-radius:8px 8px 0 0;color:#595959!important;color:var(--light-tab-inactive-text)!important;font-size:15px;font-weight:500;padding:12px 24px;transition:background-color .3s,color .3s}.ticket-tabs .ant-tabs-tab:hover{background-color:#f5f5f5!important;background-color:var(--light-tab-hover-bg)!important}.ticket-tabs .ant-tabs-tab-active{background-color:#fff!important;background-color:var(--light-bg-primary)!important;border-color:#d9d9d9!important;border-color:var(--light-border-color)!important;border-bottom-color:#fff!important;border-bottom-color:var(--light-bg-primary)!important;box-shadow:0 -2px 8px #00000014;box-shadow:0 -2px 8px var(--shadow-light);color:#1890ff!important;color:var(--accent-blue)!important}.ticket-tabs .ant-tabs-content-holder{background-color:#fff;background-color:var(--light-bg-primary);border:1px solid #d9d9d9;border:1px solid var(--light-border-color);border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #0000;padding:20px}body.dark-mode .ticket-tabs .ant-tabs-nav{background-color:#f0f2f5;background-color:var(--light-bg-secondary);border-bottom-color:#d9d9d9;border-bottom-color:var(--light-border-color)}body.dark-mode .ticket-tabs .ant-tabs-tab{background-color:#e8e8e8!important;background-color:var(--light-tab-inactive-bg)!important;border-bottom-color:#d9d9d9!important;border-bottom-color:var(--light-border-color)!important;color:#595959!important;color:var(--light-tab-inactive-text)!important}body.dark-mode .ticket-tabs .ant-tabs-tab-active{background-color:#fff!important;background-color:var(--light-bg-primary)!important;border-color:#d9d9d9!important;border-color:var(--light-border-color)!important;border-bottom-color:#fff!important;border-bottom-color:var(--light-bg-primary)!important;box-shadow:0 -2px 8px #00000040;box-shadow:0 -2px 8px var(--shadow-dark);color:#1890ff!important;color:var(--accent-blue)!important}body.dark-mode .ticket-tabs .ant-tabs-content-holder{background-color:#fff;background-color:var(--light-bg-primary);border-color:#d9d9d9;border-color:var(--light-border-color);border-top-color:#0000}.ticket-history-timeline .ant-timeline-item-tail{border-left-color:#d9d9d9;border-left-color:var(--light-border-color)}body.dark-mode .ticket-history-timeline .ant-timeline-item-tail{border-left-color:#555}.timeline-item-header{align-items:center;color:#2c3e50;color:var(--light-text-primary);display:flex;font-weight:600;justify-content:space-between;margin-bottom:5px}.timeline-item-header .ant-typography-text{color:#7f8c8d;color:var(--light-text-secondary);font-size:.9em}.timeline-item-content{color:#2c3e50;color:var(--light-text-primary);font-size:14px;line-height:1.6}.comment-text-display{word-wrap:break-word;background-color:#f0f2f5;background-color:var(--light-bg-secondary);border:1px solid #d9d9d9;border:1px solid var(--light-border-color);border-radius:6px;margin-bottom:10px;margin-top:5px;padding:10px}body.dark-mode .comment-text-display{background-color:#333;border-color:#555}.comment-meta{color:#7f8c8d;color:var(--light-text-secondary);display:block;font-size:.85em;margin-top:5px}.timeline-comment-actions .ant-btn-text{font-size:.8em;height:auto;padding:0 5px}.timeline-comment-actions .ant-btn-text .anticon{margin-right:3px}.submit-button-item .ant-form-item-control-input-content{display:flex;justify-content:flex-end}.ant-form-item-label>label{font-weight:600}.ant-form-item-label>label,.ant-picker-input>input,body.dark-mode .ant-form-item-label>label{color:#2c3e50;color:var(--light-text-primary)}@media (max-width:768px){.edit-ticket-form-card{margin:10px;padding:15px}.ticket-tabs .ant-tabs-tab{font-size:14px;padding:10px 15px}.report-buttons-container .ant-btn{font-size:13px;width:140px}}@media (max-width:480px){.edit-ticket-form-card{margin:5px;padding:10px}.ticket-header-row{align-items:flex-start;flex-direction:column;margin-bottom:15px}.report-buttons-container{justify-content:flex-start;margin-top:10px;width:100%}}.edit-ticket-delete-comment-modal{display:block!important;left:50%;position:fixed;top:100px;transform:translateX(-50%);z-index:1050}.edit-ticket-delete-comment-modal .ant-modal-mask{background-color:#00000073;z-index:1049}.edit-ticket-delete-comment-modal .ant-modal-content{border-radius:8px}.kb-page{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:0;position:relative;width:100%;z-index:1}.kb-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:48px 40px 32px;position:relative}.kb-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M1200 120 0 16.48V0h1200v120z' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E");background-size:100% 100px;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.kb-title{color:#fff!important;font-size:36px;font-weight:800;line-height:1.2;margin-bottom:12px!important;position:relative;text-shadow:0 2px 4px #0000001a}.kb-description{color:#fffffff2!important;font-size:16px!important;font-weight:400;line-height:1.6;max-width:800px;position:relative}.kb-main-card{background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000014;margin-top:-24px;min-height:calc(100vh - 180px);position:relative;z-index:2}.kb-content{padding:40px;position:relative}.kb-toolbar{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.kb-toolbar>div:first-child{flex:1 1}.kb-create-button{align-items:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 12px #667eea4d!important;color:#fff!important;display:flex!important;font-size:15px!important;font-weight:600!important;gap:8px!important;height:48px!important;padding:0 28px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.kb-create-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4090)!important;box-shadow:0 8px 20px #667eea66!important;transform:translateY(-2px)!important}.kb-create-button:active{transform:translateY(0)!important}.kb-filter-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000d;margin-bottom:32px;overflow:visible;padding:28px!important;position:relative}.kb-filter-section:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.filter-container{display:flex;flex-direction:column;gap:28px;width:100%}.kb-search-box{margin-bottom:8px;width:100%}.kb-search-box .ant-typography{align-items:center;color:#4a5568!important;display:flex;font-size:14px!important;font-weight:600!important;gap:8px;margin-bottom:12px!important}.kb-search-input{background:#f8fafc!important;border:2px solid #e2e8f0!important;border-radius:12px!important;font-size:15px!important;height:52px!important;padding:12px 20px!important;transition:all .3s ease!important;width:100%!important}.filter-row-two{grid-gap:20px!important;align-items:start;display:grid!important;gap:20px!important;grid-template-columns:repeat(6,1fr)!important;margin:0!important;width:100%}.filter-row-two .ant-col{display:flex!important;flex-direction:column!important;margin:0!important;min-width:0!important;padding:0!important;position:relative;width:100%!important}.filter-row-two .ant-typography{color:#4a5568!important;display:block;font-size:14px!important;font-weight:600!important;margin-bottom:12px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.kb-filter-select{height:52px!important;width:100%!important}.kb-filter-select .ant-select{height:100%!important;width:100%!important}.kb-filter-select .ant-select-selector{align-items:center!important;background:#f8fafc!important;border:2px solid #e2e8f0!important;border-radius:12px!important;display:flex!important;font-size:15px!important;height:52px!important;min-height:52px!important;padding:0 20px!important;transition:all .3s ease!important;width:100%!important}.kb-filter-select .ant-select-selection-item{color:#2d3748!important;max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-filter-select .ant-select-selection-item,.kb-filter-select .ant-select-selection-placeholder{align-items:center!important;display:flex!important;font-size:15px!important;height:100%!important}.kb-filter-select .ant-select-selection-placeholder{color:#a0aec0!important}.kb-filter-select .ant-select-dropdown{border:1px solid #e2e8f0!important;border-radius:12px!important;box-shadow:0 8px 30px #00000026!important;min-width:200px!important;padding:8px!important}.kb-filter-select .ant-select-item{align-items:center!important;border-radius:8px!important;display:flex!important;font-size:14px!important;margin:2px 0!important;min-height:44px!important;padding:12px 16px!important}@media (min-width:1400px){.filter-row-two{gap:24px!important;grid-template-columns:repeat(6,1fr)!important}}@media (min-width:1200px) and (max-width:1399px){.filter-row-two{gap:20px!important;grid-template-columns:repeat(6,1fr)!important}.filter-row-two .ant-typography{font-size:13px!important}.kb-filter-select .ant-select-selector{font-size:14px!important;padding:0 16px!important}}@media (min-width:992px) and (max-width:1199px){.filter-row-two{gap:20px!important;grid-template-columns:repeat(3,1fr)!important}.filter-row-two .ant-col:first-child,.filter-row-two .ant-col:nth-child(2),.filter-row-two .ant-col:nth-child(3){grid-row:1}.filter-row-two .ant-col:nth-child(4),.filter-row-two .ant-col:nth-child(5),.filter-row-two .ant-col:nth-child(6){grid-row:2}}@media (min-width:768px) and (max-width:991px){.filter-row-two{gap:20px!important;grid-template-columns:repeat(2,1fr)!important}.filter-row-two .ant-col:first-child,.filter-row-two .ant-col:nth-child(2){grid-row:1}.filter-row-two .ant-col:nth-child(3),.filter-row-two .ant-col:nth-child(4){grid-row:2}.filter-row-two .ant-col:nth-child(5),.filter-row-two .ant-col:nth-child(6){grid-row:3}.kb-filter-select .ant-select-selector{height:48px!important;padding:0 16px!important}}@media (min-width:576px) and (max-width:767px){.filter-row-two{gap:16px!important;grid-template-columns:repeat(2,1fr)!important}.filter-row-two .ant-col:first-child,.filter-row-two .ant-col:nth-child(2){grid-row:1}.filter-row-two .ant-col:nth-child(3),.filter-row-two .ant-col:nth-child(4){grid-row:2}.filter-row-two .ant-col:nth-child(5),.filter-row-two .ant-col:nth-child(6){grid-row:3}.kb-filter-section{padding:24px 20px!important}.kb-filter-select .ant-select-selector,.kb-search-input{font-size:14px!important;height:46px!important;padding:0 16px!important}}@media (max-width:575px){.filter-row-two{gap:16px!important;grid-template-columns:1fr!important}.filter-row-two .ant-col:first-child{grid-row:1}.filter-row-two .ant-col:nth-child(2){grid-row:2}.filter-row-two .ant-col:nth-child(3){grid-row:3}.filter-row-two .ant-col:nth-child(4){grid-row:4}.filter-row-two .ant-col:nth-child(5){grid-row:5}.filter-row-two .ant-col:nth-child(6){grid-row:6}.kb-filter-section{border-radius:12px;padding:20px 16px!important}.kb-filter-select .ant-select-selector,.kb-search-input{border-radius:10px!important;font-size:14px!important;height:44px!important;padding:0 14px!important}.filter-row-two .ant-typography{font-size:13px!important;margin-bottom:8px!important}}.kb-stat-card{background:linear-gradient(135deg,#f8fafc,#edf2f7)!important;border:none!important;border-radius:16px!important;height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.kb-stat-card:before{background:linear-gradient(90deg,#667eea,#0000);background:linear-gradient(90deg,var(--stat-color,#667eea) 0,#0000 100%);content:"";height:4px;left:0;opacity:.7;position:absolute;right:0;top:0}.kb-stat-card:hover{box-shadow:0 12px 24px #0000001a!important;transform:translateY(-4px)}.stat-content{align-items:center;display:flex;gap:20px;padding:8px 4px}.stat-icon{background:#ffffffe6;border-radius:12px;box-shadow:0 4px 12px #00000014;flex-shrink:0;padding:16px}.stat-number{color:#2d3748;font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:#718096;font-size:14px;font-weight:500;letter-spacing:.3px}.kb-articles-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:40px}.kb-article-card{background:#fff!important;border:none!important;border-radius:20px!important;box-shadow:0 4px 20px #00000014!important;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.kb-article-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.kb-article-card:hover{box-shadow:0 20px 40px #0000001f!important;transform:translateY(-6px)!important}.kb-article-card:hover:before{opacity:1}.kb-article-card-content{display:flex;flex-direction:column;height:100%;padding:28px;position:relative}.kb-article-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.kb-article-meta-left{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.kb-category-badge{background:linear-gradient(135deg,#e2e8f0,#cbd5e0)!important;border:none!important;border-radius:20px!important;color:#4a5568!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px;padding:6px 16px!important;text-transform:uppercase}.kb-article-type,.kb-article-views{background:#f7fafc;border-radius:12px;color:#718096;padding:4px 12px}.kb-article-views{align-items:center;display:flex;font-size:13px;font-weight:500;gap:6px}.kb-article-title{color:#2d3748;font-size:20px;font-weight:700;line-height:1.4;margin:0 0 16px;transition:color .3s ease}.kb-article-title a{color:inherit;display:block;text-decoration:none}.kb-article-title a:hover{color:#667eea}.kb-article-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#718096;display:-webkit-box;flex-grow:1;font-size:15px;line-height:1.6;margin:0 0 20px;overflow:hidden}.kb-article-product{align-items:center;background:#f7fafc;border-radius:12px;color:#4a5568;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:8px 12px}.kb-article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.kb-article-tag{background:#edf2f7;border-radius:20px;color:#4a5568;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s ease}.kb-article-tag:hover{background:#e2e8f0}.kb-article-tag-more{background:#667eea;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.kb-article-footer{align-items:flex-end;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:auto;padding-top:20px}.kb-article-meta{flex:1 1;min-width:0}.kb-meta-item{align-items:center;color:#718096;display:inline-flex;font-size:13px;gap:6px;margin-bottom:8px;margin-right:16px}.kb-meta-item:last-child{margin-right:0}.kb-priority-badge,.kb-status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;margin-right:8px;padding:4px 14px;text-transform:uppercase}.kb-article-actions{display:flex;gap:8px;position:relative;z-index:100}.kb-action-button{border:1px solid #0000!important;border-radius:10px!important;height:36px!important;padding:0!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:36px!important;z-index:101!important}.kb-action-button,.kb-action-button *{pointer-events:auto!important}.kb-action-button:not(:disabled){cursor:pointer!important}.kb-view-button{background:#4299e11a!important;border-color:#4299e133!important;color:#4299e1!important}.kb-view-button:hover{background:#4299e133!important;border-color:#4299e1!important;box-shadow:0 4px 12px #4299e133!important;transform:translateY(-2px) scale(1.05)!important}.kb-edit-button{background:#f59e0b1a!important;border-color:#f59e0b33!important;color:#f59e0b!important}.kb-edit-button:hover{background:#f59e0b33!important;border-color:#f59e0b!important;box-shadow:0 4px 12px #f59e0b33!important;transform:translateY(-2px) scale(1.05)!important}.kb-delete-button{background:#f565651a!important;border-color:#f5656533!important;color:#f56565!important;position:relative!important;z-index:102!important}.kb-delete-button:hover{background:#f5656533!important;border-color:#f56565!important;box-shadow:0 4px 12px #f5656533!important;transform:translateY(-2px) scale(1.05)!important}.kb-delete-overlay{align-items:center!important;animation:fadeIn .3s ease!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#000000b3!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.kb-delete-modal{animation:slideUp .4s cubic-bezier(.4,0,.2,1)!important;background:#fff!important;border:1px solid #0000001a!important;border-radius:24px!important;box-shadow:0 24px 48px #0003!important;max-width:480px!important;padding:40px!important;position:relative!important;width:90%!important;z-index:10000!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.kb-delete-modal h3{color:#2d3748!important;font-size:24px!important;font-weight:700!important;margin-bottom:16px!important;text-align:center!important}.kb-delete-modal p{color:#718096!important;font-size:16px!important;line-height:1.6!important;margin-bottom:32px!important;text-align:center!important}.kb-delete-actions{display:flex!important;gap:16px!important;justify-content:center!important}.kb-delete-cancel{background:#0000!important;border:2px solid #e2e8f0!important;border-radius:12px!important;color:#4a5568!important;cursor:pointer!important;font-size:15px!important;font-weight:600!important;padding:12px 32px!important;transition:all .3s ease!important}.kb-delete-cancel:hover{background:#f7fafc!important;border-color:#cbd5e0!important;transform:translateY(-2px)!important}.kb-delete-confirm{background:linear-gradient(135deg,#f56565,#e53e3e)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 12px #f565654d!important;color:#fff!important;cursor:pointer!important;font-size:15px!important;font-weight:600!important;padding:12px 32px!important;transition:all .3s ease!important}.kb-delete-confirm:hover{background:linear-gradient(135deg,#e53e3e,#c53030)!important;box-shadow:0 8px 20px #f5656566!important;transform:translateY(-2px)!important}.kb-form-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #0000000d;margin-bottom:32px;padding:32px;position:relative}.kb-form-section:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.kb-section-title{align-items:center;border-bottom:2px solid #e2e8f0;color:#2d3748!important;display:flex;font-size:20px!important;font-weight:700!important;gap:12px;margin-bottom:28px!important;padding-bottom:16px}.kb-empty-state{background:linear-gradient(135deg,#f8fafc,#edf2f7);border:2px dashed #cbd5e0;border-radius:24px;margin:40px 0;padding:80px 40px;text-align:center}.kb-loading-container{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-radius:24px;flex-direction:column;min-height:400px;padding:40px}.kb-loading-container,.kb-pagination{align-items:center;display:flex;justify-content:center}.kb-pagination{border-top:1px solid #e2e8f0;margin-top:40px;padding:32px 0}.kb-pagination .ant-btn{border:2px solid #e2e8f0!important;border-radius:12px!important;font-weight:600!important;padding:10px 24px!important;transition:all .3s ease!important}.kb-pagination .ant-btn:hover:not(:disabled){border-color:#667eea!important;color:#667eea!important;transform:translateY(-2px)!important}.kb-pagination .ant-btn:disabled{cursor:not-allowed;opacity:.5}.kb-pagination span{color:#4a5568;font-size:15px;font-weight:500;margin:0 24px}.kb-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.kb-tag{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-radius:20px;color:#4a5568;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:8px 20px;transition:all .3s ease}.kb-tag:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.kb-editor-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.kb-editor-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.kb-editor-mode-toggle{display:flex;gap:8px}.kb-editor-stats{color:#718096;display:flex;font-size:13px;gap:20px}.kb-stat-item{border:1px solid #e2e8f0;border-radius:20px;gap:6px;padding:4px 12px}.kb-editor-toolbar,.kb-stat-item{align-items:center;background:#fff;display:flex}.kb-editor-toolbar{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:12px 20px}.kb-format-button{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;color:#4a5568!important;display:flex!important;height:36px!important;justify-content:center!important;padding:0!important;transition:all .2s ease!important;width:36px!important}.kb-format-button:hover{background:#f7fafc!important;border-color:#cbd5e0!important;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.kb-editor-content{background:#fff;display:flex;min-height:500px}.kb-editor-content.edit{flex-direction:column}.kb-editor-content.edit .kb-editor-textarea-container.full{height:100%;width:100%}.kb-editor-content.split{flex-direction:row;height:600px}.kb-editor-content.split .kb-editor-textarea-container.split-left{border-right:1px solid #e2e8f0;height:100%;width:50%}.kb-editor-content.split .kb-editor-preview-container.split-right{height:100%;width:50%}.kb-editor-content.preview .kb-editor-textarea-container{display:none}.kb-editor-content.preview .kb-editor-preview-container.full{height:100%;width:100%}.kb-editor-preview-container,.kb-editor-textarea-container{display:flex;flex-direction:column;position:relative}.kb-content-textarea,.kb-editor-preview-container.full,.kb-editor-textarea-container.full{height:100%;width:100%}.kb-content-textarea{background:#fff!important;border:none!important;border-radius:0!important;color:#2d3748!important;flex:1 1;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace!important;font-size:14px!important;line-height:1.6!important;min-height:400px;padding:20px!important;resize:none!important}.kb-content-textarea:focus{box-shadow:none!important;outline:none!important}.kb-content-textarea::placeholder{color:#a0aec0!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.kb-editor-preview-container{display:flex;flex-direction:column;position:relative}.kb-preview-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#4a5568;display:flex;font-size:14px;font-weight:600;gap:8px;left:0;padding:12px 20px;position:absolute;right:0;top:0;z-index:2}.kb-preview-content{background:#fff;color:#2d3748;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;line-height:1.7;overflow-y:auto;padding:60px 24px 24px}.ant-form-item{margin-bottom:24px!important}.ant-form-item-label{padding-bottom:8px!important}.kb-form-textarea{background:#fff!important;border:2px solid #e2e8f0!important;border-radius:12px!important;font-size:15px!important;margin-bottom:8px!important;min-height:80px!important;padding:16px 20px!important;resize:vertical!important;transition:all .3s ease!important}.kb-form-textarea:hover{border-color:#cbd5e0!important}.kb-form-textarea:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea26!important}.kb-upload-area{align-items:center!important;background:#f8fafc!important;border:2px dashed #cbd5e0!important;border-radius:12px!important;box-sizing:border-box!important;cursor:pointer;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:140px;padding:40px 20px!important;text-align:center;transition:all .3s ease!important;width:100%!important}.kb-upload-area:hover{background:#edf2f7!important;border-color:#4299e1!important}.kb-upload-text{color:#4a5568!important;font-size:15px!important;font-weight:600!important;margin-top:12px!important}.kb-upload-hint{color:#718096!important;font-size:13px!important;line-height:1.4;margin-top:8px!important;max-width:300px}.ant-upload.ant-upload-select-picture-card{background:#0000!important;border:none!important;height:auto!important;margin:0!important;width:100%!important}.markdown-body{font-size:15px;line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:#2d3748;font-weight:600;line-height:1.25;margin-bottom:.75em;margin-top:1.5em}.markdown-body h1{border-bottom:2px solid #e2e8f0;font-size:2em;padding-bottom:.3em}.markdown-body h2{border-bottom:1px solid #e2e8f0;font-size:1.5em;padding-bottom:.3em}.markdown-body h3{font-size:1.25em}.markdown-body p{margin:1em 0}.markdown-body ol,.markdown-body ul{margin:1em 0;padding-left:2em}.markdown-body li{margin:.5em 0}.markdown-body blockquote{background:#f7fafc;border-left:4px solid #cbd5e0;color:#4a5568;font-style:italic;margin:1em 0;padding:.5em 1em}.markdown-body code{background:#edf2f7;border-radius:4px;color:#2d3748;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.9em;padding:.2em .4em}.markdown-body pre{background:#1a202c;border-radius:8px;margin:1em 0;overflow-x:auto;padding:1em}.markdown-body pre code{background:#0000;color:#e2e8f0;padding:0}.markdown-body a{border-bottom:1px solid #0000;color:#4299e1;text-decoration:none;transition:all .2s ease}.markdown-body a:hover{border-bottom-color:#3182ce;color:#3182ce}.markdown-body strong{color:#2d3748;font-weight:700}.markdown-body em{color:#4a5568;font-style:italic}.markdown-body img{border-radius:8px;height:auto;margin:1em 0;max-width:100%}.kb-editor-footer{background:#f8fafc;border-top:1px solid #e2e8f0;color:#718096;font-size:13px;padding:16px 20px}.kb-format-hint{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.kb-format-hint span:first-child{color:#4a5568;font-weight:600}.kb-hint-item{background:#edf2f7;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:12px;padding:2px 8px}.kb-form-input{background:#fff!important;border:2px solid #e2e8f0!important;border-radius:12px!important;font-size:15px!important;height:52px!important;padding:12px 20px!important;transition:all .3s ease!important}.kb-form-input:hover{border-color:#cbd5e0!important}.kb-form-input:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea26!important}.kb-form-select .ant-select-selector{background:#fff!important;border:2px solid #e2e8f0!important;border-radius:12px!important;font-size:15px!important;height:52px!important;padding:0 20px!important;transition:all .3s ease!important}.kb-form-select .ant-select-selector:hover{border-color:#cbd5e0!important}.kb-form-select .ant-select-focused .ant-select-selector{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea26!important}.kb-form-actions{border-top:1px solid #e2e8f0;display:flex;gap:16px;margin-top:32px;padding-top:24px}.kb-form-actions .ant-btn{border-radius:12px!important;flex:1 1;font-size:15px!important;font-weight:600!important;height:52px!important;transition:all .3s ease!important}.kb-cancel-button{background:#0000!important;border:2px solid #e2e8f0!important;color:#4a5568!important}.kb-cancel-button:hover{background:#f7fafc!important;border-color:#cbd5e0!important;transform:translateY(-2px)}.kb-draft-button{background:#0000!important;border:2px solid #f59e0b!important;color:#f59e0b!important}.kb-draft-button:hover{background:#f59e0b1a!important;box-shadow:0 4px 12px #f59e0b33;transform:translateY(-2px)}.kb-submit-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;box-shadow:0 4px 12px #667eea4d!important;color:#fff!important}.kb-submit-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4090)!important;box-shadow:0 8px 20px #667eea66!important;transform:translateY(-2px)}.kb-ticket-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.kb-ticket-info-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.kb-ticket-info-label{color:#718096;font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.kb-ticket-info-value{align-items:center;color:#2d3748;display:flex;font-size:15px;font-weight:600;gap:6px}.kb-switch-container{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.kb-switch-label{align-items:center;color:#4a5568;display:flex;font-size:15px;font-weight:600;gap:10px}.kb-ticket-option{padding:4px 0}.kb-ticket-option-main{color:#2d3748;font-size:14px;margin-bottom:2px}.kb-ticket-option-sub{align-items:center;color:#718096;display:flex;font-size:12px;gap:4px}@media (max-width:1024px){.kb-articles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.kb-content{padding:32px}.kb-header{padding:40px 32px 28px}.kb-editor-content.split{height:500px}}@media (max-width:768px){.kb-header{padding:32px 24px 24px}.kb-title{font-size:28px!important}.kb-description{font-size:15px!important}.kb-content{padding:24px}.kb-toolbar{align-items:stretch;flex-direction:column;gap:20px}.kb-create-button{justify-content:center;width:100%}.kb-filter-section{padding:24px!important}.kb-articles-grid{gap:20px;grid-template-columns:1fr}.kb-article-footer{align-items:stretch;flex-direction:column;gap:20px}.kb-article-actions{justify-content:flex-start}.kb-form-section{padding:24px}.kb-delete-modal{padding:32px 24px!important}.kb-editor-header{align-items:flex-start;flex-direction:column;gap:12px}.kb-editor-toolbar{overflow-x:auto;padding:12px 16px}.kb-format-hint{align-items:flex-start;flex-direction:column;gap:8px}.kb-preview-content{padding:50px 16px 16px}.kb-editor-content.split{flex-direction:column;height:auto}.kb-editor-content.split .kb-editor-preview-container.split-right,.kb-editor-content.split .kb-editor-textarea-container.split-left{height:300px;width:100%}.kb-editor-content.split .kb-editor-textarea-container.split-left{border-bottom:1px solid #e2e8f0;border-right:none}.kb-form-actions{flex-direction:column}.kb-ticket-info-grid{grid-template-columns:1fr}.kb-upload-area{min-height:120px;padding:30px 16px!important}}@media (max-width:480px){.kb-header{padding:24px 20px 20px}.kb-title{font-size:24px!important}.kb-content{padding:20px 16px}.kb-filter-section{padding:20px 16px!important}.kb-filter-select .ant-select-selector,.kb-form-input,.kb-form-select .ant-select-selector,.kb-search-input{font-size:14px!important;height:48px!important;padding:0 16px!important}.stat-content{flex-direction:column;gap:16px;text-align:center}.kb-article-header{align-items:flex-start;flex-direction:column;gap:16px}.kb-delete-modal{padding:24px 20px!important}.kb-delete-actions{flex-direction:column}.kb-delete-cancel,.kb-delete-confirm{width:100%}.kb-editor-content{min-height:400px}.kb-content-textarea{min-height:300px}.kb-editor-content.edit .kb-editor-textarea-container.full{height:400px}.kb-editor-content.split .kb-editor-preview-container.split-right,.kb-editor-content.split .kb-editor-textarea-container.split-left{height:250px}.ant-form-item{margin-bottom:20px!important}}.kb-articles-grid-container{max-height:600px;overflow-y:auto}.kb-articles-grid-container::-webkit-scrollbar{width:8px}.kb-articles-grid-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.kb-articles-grid-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.kb-articles-grid-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.kb-preview-content::-webkit-scrollbar{width:6px}.kb-preview-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.kb-preview-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.kb-preview-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kb-article-card{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:0s;animation-delay:calc(var(--order, 0)*.1s);opacity:0}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.shadow-soft{box-shadow:0 4px 20px #00000014}.shadow-hover{transition:box-shadow .3s ease}.shadow-hover:hover{box-shadow:0 8px 30px #0000001f}.kb-filter-select .ant-select-selector:hover{background:#fff!important;border-color:#cbd5e0!important;box-shadow:0 2px 8px #0000000d!important}.kb-filter-select .ant-select-focused .ant-select-selector{background:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 4px #667eea26!important}.kb-filter-select .ant-select-selection-item{font-weight:500}.kb-filter-select .ant-select-clear{align-items:center!important;background:#ffffffe6!important;border-radius:50%!important;box-shadow:0 1px 3px #0000001a;display:flex!important;height:20px!important;justify-content:center!important;width:20px!important}.kb-filter-select .ant-select-arrow{color:#718096!important;font-size:12px!important}.filter-row-two .ant-row{margin:0!important;padding:0!important;width:100%!important}.filter-row-two .ant-col{flex:1 1!important;max-width:none!important}@media (max-width:1199px){.filter-row-two{column-gap:20px!important;row-gap:20px!important}}.ant-select-item-option-content{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ant-select-item{align-items:center!important;display:flex!important}.kb-cancel-button{background:#4299e1!important;border:2px solid #4299e1!important;color:#fff!important}.kb-cancel-button:hover{background:#3182ce!important;border-color:#3182ce!important}.kb-detail-section{background:#fff!important;border:none!important;border-radius:20px!important;box-shadow:0 4px 20px #00000014!important;padding:32px!important}.kb-article-meta-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding-bottom:20px}.kb-article-category{border:none!important;border-radius:20px!important;font-size:13px!important;font-weight:600!important;letter-spacing:.5px;padding:8px 16px!important;text-transform:uppercase}.kb-article-type{align-items:center;background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-radius:20px;color:#4a5568;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px}.kb-priority-badge{align-items:center!important;border:none!important;border-radius:20px!important;display:flex!important;font-size:13px!important;font-weight:500!important;gap:6px!important;padding:8px 16px!important}.kb-ticket-link{align-items:center;background:linear-gradient(135deg,#e9d8fd,#d6bcfa);border-radius:20px;color:#553c9a;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px}.kb-article-stats{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin:24px 0;padding:20px}.kb-stat-item{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;display:flex!important;gap:8px!important;padding:8px 16px!important;transition:all .2s ease!important}.kb-stat-item:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.kb-article-tags-container{background:linear-gradient(135deg,#f8fafc,#edf2f7);border:1px dashed #cbd5e0;border-radius:16px;margin:24px 0;padding:20px}.kb-article-tag{align-items:center!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;color:#4a5568!important;display:inline-flex!important;font-size:13px!important;font-weight:500!important;gap:6px!important;padding:8px 16px!important;transition:all .2s ease!important}.kb-article-tag:hover{background:#667eea!important;border-color:#667eea!important;color:#fff!important;transform:translateY(-1px)}.kb-article-info{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;gap:24px;margin:24px 0;padding:20px}.kb-article-info,.kb-info-item{align-items:center;display:flex}.kb-info-item{color:#4a5568;font-size:14px;gap:8px}.kb-info-item strong{color:#2d3748;font-weight:500}.kb-article-content{color:#2d3748;font-size:16px;line-height:1.8;padding:20px 0}.kb-article-content h1{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:32px;font-weight:700;margin:32px 0 16px;padding-bottom:12px}.kb-article-content h2{color:#2d3748;font-size:24px;font-weight:600;margin:28px 0 14px}.kb-article-content h3{color:#2d3748;font-size:20px;font-weight:600;margin:24px 0 12px}.kb-article-content p{line-height:1.8;margin:16px 0}.kb-article-content ol,.kb-article-content ul{margin:16px 0 16px 24px}.kb-article-content li{line-height:1.6;margin:8px 0}.kb-article-content code{background:#edf2f7;border-radius:4px;color:#2d3748;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:14px;padding:2px 8px}.kb-article-content pre{background:#1a202c;border-radius:8px;margin:20px 0;overflow-x:auto;padding:20px}.kb-article-content pre code{background:#0000;color:#e2e8f0;padding:0}.kb-article-content blockquote{background:#f8fafc;border-left:4px solid #667eea;border-radius:8px;color:#4a5568;font-style:italic;margin:20px 0;padding:16px 24px}.kb-article-content a{border-bottom:1px solid #0000;color:#4299e1;text-decoration:none;transition:all .2s ease}.kb-article-content a:hover{border-bottom-color:#3182ce;color:#3182ce}.kb-article-content img{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:auto;margin:20px 0;max-width:100%}.article-action-button{align-items:center!important;border:2px solid!important;border-radius:12px!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;height:auto!important;justify-content:center!important;min-height:48px!important;padding:12px 24px!important;text-align:center!important;transition:all .3s ease!important;width:100%!important}.article-action-button,.article-action-button>span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.article-action-button>span{display:block!important;flex-shrink:1!important;max-width:100%!important}.article-action-button.edit-button{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border:none!important;color:#fff!important}.article-action-button.download-button{background:#fff!important;border-color:#0ea5e9!important;color:#0ea5e9!important}.article-action-button.print-button{background:#fff!important;border-color:#f59e0b!important;color:#f59e0b!important}.article-action-button.share-button{background:#fff!important;border-color:#10b981!important;color:#10b981!important}.article-action-button:hover{box-shadow:0 8px 20px #00000026!important;transform:translateY(-2px)!important}.article-action-button.edit-button:hover{background:linear-gradient(135deg,#4338ca,#6d28d9)!important}.article-action-button.download-button:hover{background:#f0f9ff!important}.article-action-button.print-button:hover{background:#fef3c7!important}.article-action-button.share-button:hover{background:#d1fae5!important}@media (max-width:768px){.article-action-button{font-size:15px!important;min-height:52px!important;padding:12px 16px!important}.article-action-button.edit-button>span:after{content:"Edit"}.article-action-button.download-button>span:after{content:"Download"}.article-action-button.print-button>span:after{content:"Print"}.article-action-button.share-button>span:after{content:"Share"}}.kb-article-feedback{background:linear-gradient(135deg,#f8fafc,#edf2f7);border:1px solid #e2e8f0;border-radius:20px;margin-top:40px;padding:32px;text-align:center}.kb-feedback-button{border-radius:12px!important;font-size:15px!important;font-weight:600!important;height:48px!important;min-width:160px!important;padding:12px 32px!important;transition:all .3s ease!important;white-space:nowrap!important}.kb-feedback-button:first-child{background:linear-gradient(135deg,#38a169,#2f855a)!important;border:none!important;color:#fff!important}.kb-feedback-button:first-child:hover{box-shadow:0 8px 20px #38a1694d;transform:translateY(-2px)}.kb-feedback-button:last-child{background:#fff!important;border:2px solid #e2e8f0!important;color:#4a5568!important}.kb-feedback-button:last-child:hover{background:#f7fafc!important;border-color:#cbd5e0!important;transform:translateY(-2px)}.kb-detail-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 0}.kb-detail-item:last-child{border-bottom:none}.kb-detail-label{color:#718096;font-size:14px;font-weight:500;min-width:120px}.kb-detail-value{align-items:center;color:#2d3748;display:flex;flex:1 1;flex-wrap:wrap;font-size:14px;font-weight:600;gap:8px;justify-content:flex-end;text-align:right}.kb-statistics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:16px}.kb-stat-card-small{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.kb-stat-card-small:hover{border-color:#cbd5e0;box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.kb-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.kb-stat-number{color:#2d3748;font-size:20px;font-weight:700;line-height:1}.kb-stat-label{color:#718096;font-size:13px;margin-top:4px}.kb-related-articles{display:flex;flex-direction:column;gap:0}.kb-related-article{border-radius:12px;cursor:pointer;padding:16px;transition:all .2s ease}.kb-related-article:hover{background:#f8fafc;transform:translateX(4px)}.kb-action-button{align-items:center!important;border:2px solid!important;border-radius:12px!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:8px!important;height:48px!important;justify-content:center!important;min-width:0!important;padding:12px 16px!important;transition:all .3s ease!important;width:100%!important}.kb-action-button,.kb-action-button>span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.kb-action-button>span{flex-shrink:1!important}.kb-action-button:first-child{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border:none!important;color:#fff!important}.kb-action-button:first-child:hover{background:linear-gradient(135deg,#4338ca,#6d28d9)!important;box-shadow:0 8px 20px #4f46e54d;transform:translateY(-2px)}.kb-action-button:nth-child(2){background:#fff!important;border-color:#0ea5e9!important;color:#0ea5e9!important}.kb-action-button:nth-child(2):hover{background:#f0f9ff!important;transform:translateY(-2px)}.kb-action-button:nth-child(3){background:#fff!important;border-color:#f59e0b!important;color:#f59e0b!important}.kb-action-button:nth-child(3):hover{background:#fef3c7!important;transform:translateY(-2px)}.kb-action-button:nth-child(4){background:#fff!important;border-color:#10b981!important;color:#10b981!important}.kb-action-button:nth-child(4):hover{background:#d1fae5!important;transform:translateY(-2px)}.kb-back-button{align-items:center!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#fff3!important;border:2px solid #ffffff4d!important;border-radius:10px!important;color:#fff!important;display:flex!important;font-weight:600!important;gap:8px!important;height:42px!important;padding:8px 20px!important;transition:all .3s ease!important;white-space:nowrap!important}.kb-back-button:hover{background:#ffffff4d!important;border-color:#ffffff80!important;box-shadow:0 4px 12px #00000026!important;transform:translateY(-2px)!important}.kb-status-badge{align-items:center!important;border:none!important;border-radius:20px!important;display:inline-flex!important;font-size:12px!important;font-weight:600!important;justify-content:center!important;letter-spacing:.5px!important;padding:6px 12px!important;text-transform:uppercase!important;white-space:nowrap!important}@media (max-width:768px){.kb-article-meta-header{gap:12px}.kb-article-info,.kb-article-meta-header{align-items:flex-start;flex-direction:column}.kb-article-info{gap:16px}.kb-statistics-grid{grid-template-columns:1fr}.kb-detail-item{align-items:flex-start;flex-direction:column;gap:8px}.kb-detail-label{min-width:auto;width:100%}.kb-detail-value{justify-content:flex-start;text-align:left;width:100%}.article-action-button,.kb-action-button{font-size:14px!important;padding:12px 16px!important;width:100%!important}.kb-article-content h1{font-size:24px}.kb-article-content h2{font-size:20px}.kb-article-content h3{font-size:18px}.kb-feedback-button{font-size:14px!important;min-width:140px!important;padding:10px 20px!important}}@media (max-width:480px){.kb-article-stats{align-items:flex-start;flex-direction:column}.kb-stat-item{justify-content:flex-start;width:100%}.kb-feedback-button{min-width:100%!important;width:100%!important}.article-action-button,.kb-action-button{font-size:13px!important;padding:10px 12px!important}.article-action-button.edit-button>span:after{content:"Edit"}.article-action-button.download-button>span:after{content:"DL"}.article-action-button.print-button>span:after{content:"Print"}.article-action-button.share-button>span:after{content:"Share"}}.share-options-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;margin-top:8px;padding:16px;z-index:100}.share-options-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.article-actions-section .ant-btn,.article-actions-section .ant-space-item{width:100%}.kb-upload-section,.kb-uploaded-files{margin-top:16px}.kb-section-subtitle{align-items:center;color:#333;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:12px}.ant-list-item{border-bottom:1px solid #f0f0f0!important}.ant-list-item:last-child{border-bottom:none!important}.ant-select-item[title=""]{color:#999!important}.ant-select-item-option-content{align-items:center!important;display:flex!important;gap:8px!important}.kb-uploaded-files .ant-list-item-meta{align-items:center!important}.kb-uploaded-files .ant-list-item-action{margin-left:8px!important}.kb-uploaded-files .ant-list-item-action button{color:#f56565!important;transition:all .2s ease!important}.kb-uploaded-files .ant-list-item-action button:hover{color:#e53e3e!important;transform:scale(1.1)}.ant-upload-list-item-progress{padding:0 20px!important}.ant-upload-list-item-name{color:#4a5568!important;font-size:14px!important}.ant-upload-list-item-card-actions{opacity:.7!important;transition:opacity .2s ease!important}.ant-upload-list-item-card-actions:hover{opacity:1!important}.ant-upload-list-item-done .ant-upload-list-item-name{color:#38a169!important}.ant-upload-list-item-error .ant-upload-list-item-name{color:#f56565!important}.ant-upload.ant-upload-select{margin:0!important;width:100%!important}.ant-form-item-has-success .ant-upload{border-color:#38a169!important}.ant-form-item-has-error .ant-upload{border-color:#f56565!important}.kb-upload-hint{line-height:1.4!important;margin:8px auto 0!important;max-width:400px!important}@media (max-width:768px){.kb-upload-area{min-height:120px!important;padding:30px 16px!important}.kb-upload-text{font-size:14px!important}.kb-upload-hint{font-size:12px!important;max-width:300px!important}}.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}}.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)}}.ant-notification{z-index:10000!important}.ant-notification-notice{box-shadow:0 3px 6px -4px #0000001f,0 6px 16px 0 #00000014,0 9px 28px 8px #0000000d}.ant-notification-notice-message{font-size:16px;font-weight:500}.ant-notification-notice-description{font-size:14px}
/*# sourceMappingURL=main.acbca60e.css.map*/