body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#f5f5f5;color:#333}.app-container{display:flex;min-height:100vh}.sidebar{background-color:#000;color:#fff;height:100vh;overflow-y:auto;padding:20px 0;position:fixed;width:250px}.logo{border-bottom:1px solid #333;margin-bottom:20px;padding:0 20px 20px}.logo,.logo-circle{align-items:center;display:flex}.logo-circle{background-color:#4caf50;border-radius:50%;font-weight:700;height:32px;justify-content:center;margin-right:10px;width:32px}.nav-section{margin-bottom:25px}.nav-title{color:#aaa;font-size:16px;font-weight:700;margin-bottom:15px;padding:0 20px}.nav-item{align-items:center;cursor:pointer;display:flex;padding:12px 20px;transition:all .3s}.nav-item:hover{background-color:#222}.nav-item.active{background-color:#424242}.nav-item svg{margin-right:10px;width:20px}.main-content{flex:1 1;margin-left:250px;width:calc(100% - 250px)}.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;justify-content:space-between;padding:15px 30px}.header,.search-bar{align-items:center;display:flex}.search-bar{background:#f5f5f5;border-radius:4px;padding:8px 15px;width:300px}.search-bar input{background:#0000;border:none;margin-left:10px;outline:none;width:100%}.header-right{align-items:center;display:flex}.header-icon{background:#f5f5f5;border-radius:50%;height:36px;justify-content:center;width:36px}.admin-dropdown,.header-icon{align-items:center;cursor:pointer;display:flex;margin-left:15px}.avatar{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-weight:700;height:36px;justify-content:center;margin-right:10px;width:36px}.content{padding:30px}.page-title{font-size:24px;font-weight:600;margin-bottom:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px}.card,.stats-grid{margin-bottom:30px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px;text-align:center}.stat-card h3{color:#666;font-size:14px;margin-bottom:10px}.stat-card p{color:#333;font-size:24px;font-weight:700}.action-bar,.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filters input,.filters select{background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 12px}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}th{background-color:#f9f9f9;font-weight:600}tr:hover{background-color:#f5f5f5}.status{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:5px 10px}.status-available{background-color:#e8f5e9;color:#2e7d32}.status-normal{background-color:#e3f2fd;color:#1565c0}.status-disable{background-color:#ffebee;color:#c62828}.status-active{background-color:#e8f5e9;color:#2e7d32}.status-inactive{background-color:#ffebee;color:#c62828}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-weight:500;gap:5px;padding:8px 15px;transition:all .3s}.btn-primary{background-color:#4caf50;color:#fff}.btn-secondary{background-color:#2196f3;color:#fff}.btn-success{background-color:#ff9800;color:#fff}.btn-info{background-color:#2196f3;color:#fff}.btn-warning{background-color:#f44336;color:#fff}.btn-danger{background-color:#607d8b;color:#fff}.btn-edit{background-color:#2196f3}.btn-delete,.btn-edit{color:#fff;padding:6px 10px}.btn-delete{background-color:#f44336;margin-left:8px}.btn:hover{opacity:.9}.pagination{color:#666;font-size:14px;margin-top:20px;text-align:right}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;padding:10px;width:100%}.positive{color:#2e7d32}.negative{color:#c62828}.chat-container{border:1px solid #eee;border-radius:8px;display:flex;height:500px}.chat-list{border-right:1px solid #eee;overflow-y:auto;width:300px}.chat-item{border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:15px}.chat-item.active{background-color:#f5f5f5}.chat-item:hover{background-color:#f9f9f9}.chat-avatar{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;margin-right:15px;width:40px}.chat-info{flex:1 1}.chat-name{font-weight:500}.chat-preview{color:#666;font-size:14px;margin-top:5px}.chat-time{color:#999;font-size:12px}.chat-window{display:flex;flex:1 1;flex-direction:column}.chat-header{align-items:center;border-bottom:1px solid #eee;display:flex;padding:15px}.chat-messages{flex:1 1;overflow-y:auto;padding:15px}.message{margin-bottom:15px;max-width:80%}.message.support{margin-left:auto}.message-content{background:#f5f5f5;border-radius:18px;display:inline-block;padding:10px 15px}.message.support .message-content{background:#2196f3;color:#fff}.message-time{color:#999;font-size:12px;margin-top:5px}.chat-input{border-top:1px solid #eee;display:flex;gap:10px;padding:15px}.chat-input input{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:10px}@media (max-width:992px){.sidebar{width:200px}.main-content{margin-left:200px;width:calc(100% - 200px)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{width:70px}.nav-item span{display:none}.nav-title{padding:0;text-align:center}.main-content{margin-left:70px;width:calc(100% - 70px)}.search-bar{width:200px}.stats-grid{grid-template-columns:1fr}}@media (max-width:576px){.sidebar{display:none}.main-content{margin-left:0;width:100%}.header{align-items:flex-start;flex-direction:column}.search-bar{margin:15px 0;width:100%}.header-right{display:flex;justify-content:space-between;width:100%}.content{padding:15px}.action-bar,.filters{flex-direction:column}}
/*# sourceMappingURL=main.98103b79.css.map*/