*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;overflow:hidden}.app-container{display:grid;grid-template-areas:"header header header" "sidebar main rightpanel";grid-template-columns:220px 1fr 300px;grid-template-rows:60px 1fr;height:100vh}.app-container.no-right-panel{grid-template-areas:"header header" "sidebar main";grid-template-columns:220px 1fr}.app-header{background:linear-gradient(135deg,#064,#00d084);box-shadow:0 2px 4px #0000001a;color:#fff;grid-area:header;justify-content:space-between;padding:0 20px;z-index:1000}.app-header,.app-logo{align-items:center;display:flex}.app-logo{font-size:20px;font-weight:700;gap:10px}.app-logo img{height:38px}.user-info{align-items:center;display:flex;font-size:14px;gap:10px}.app-sidebar{background:#0a3d2a;color:#fff;display:flex;flex-direction:column;grid-area:sidebar;overflow-y:auto;padding:10px 0}.nav-menu{flex:1 1;list-style:none}.menu-section{color:#7bdcb5;font-size:11px;font-weight:600;letter-spacing:1px;padding:20px 20px 8px;text-transform:uppercase}.nav-item{align-items:center;border-left:4px solid #0000;cursor:pointer;display:flex;font-size:14px;gap:12px;list-style:none;padding:12px 20px;transition:background .2s}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:#062e1e;border-left:4px solid #00d084}.app-content{background:#f0f2f5;display:flex;flex-direction:column;grid-area:main;overflow-y:auto}.content-header{padding:30px 30px 0}.content-title{color:#2c3e50;font-size:28px;font-weight:300;margin-bottom:30px}.content-body{flex:1 1;overflow:auto;padding:0 30px 30px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{border-radius:4px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;padding:30px 24px;text-align:center;transition:all .3s}.stat-card:hover{box-shadow:0 4px 16px #0003;transform:translateY(-4px)}.stat-card.red{background:#064}.stat-card.blue{background:#2196f3}.stat-card.green{background:#27ae60}.stat-card.orange{background:#e67e22}.stat-card.teal{background:#16a085}.stat-card.danger{background:#e74c3c}.stat-card.purple{background:#9b59b6}.stat-icon{font-size:36px;margin-bottom:10px}.stat-number{font-size:42px;font-weight:700;line-height:1;margin-bottom:8px}.stat-label{font-size:13px;letter-spacing:1px;opacity:.9;text-transform:uppercase}.right-panel{background:#fafafa;border-left:1px solid #ddd;grid-area:rightpanel;overflow-y:auto;padding:20px}.widget{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:15px}.widget-title{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:15px}.widget-item{border-bottom:1px solid #f0f0f0;font-size:13px;padding:8px 0}.widget-item:last-child{border-bottom:none}.badge{border-radius:3px;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px}.badge.red{background:#fee;color:#c00}.badge.orange{background:#fff3e0;color:#c70}.badge.green{background:#e8f5e9;color:#060}.badge.blue{background:#e3f2fd;color:#1565c0}.btn{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#2c3e50;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.btn:hover{background-color:#e9ecef}.btn-primary{background-color:#00a86b;border-color:#00a86b;color:#fff}.btn-primary:hover{background-color:#085}.btn-outline{background:#0000;border-color:#00a86b;color:#00a86b}.btn-outline:hover{background:#00a86b;color:#fff}.data-table{background-color:#fff;border-collapse:collapse;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.data-table thead{background-color:#0a3d2a;color:#fff}.data-table th{font-size:13px;font-weight:600;padding:12px;text-align:left}.data-table td{border-bottom:1px solid #ecf0f1;font-size:13px;padding:10px 12px}.data-table tbody tr{transition:background-color .15s}.data-table tbody tr:hover{background-color:#f0faf5}.data-table tbody tr:nth-child(2n){background-color:#fafafa}.toolbar{align-items:center;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:16px}.toolbar input,.toolbar select{border:1px solid #dee2e6;border-radius:4px;font-family:inherit;font-size:14px;padding:8px 12px}.toolbar input:focus,.toolbar select:focus{border-color:#00d084;box-shadow:0 0 0 2px #00d08426;outline:none}.card{background:#fff;box-shadow:0 1px 3px #0000001a;padding:20px}.card,.sync-result{border-radius:4px;margin-bottom:16px}.sync-result{font-size:14px;padding:12px 16px}.sync-result.success{background:#e8f5e9;border-left:4px solid #27ae60;color:#1b5e20}.sync-result.error{background:#fce4ec;border-left:4px solid #e74c3c;color:#b71c1c}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:16px}.img-thumb{border-radius:4px;height:40px;object-fit:cover;width:40px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:12px 16px;text-align:center}.sidebar-footer img{height:22px;margin-bottom:6px;opacity:.7}.sidebar-footer img:hover{opacity:1}.login-container{align-items:center;background:linear-gradient(135deg,#064,#00d084);display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;padding:40px;width:360px}.login-title{color:#064;font-size:24px;font-weight:700;margin-bottom:8px;text-align:center}.login-subtitle{color:#888;font-size:14px;margin-bottom:24px;text-align:center}.progress-bar{background:#e0e0e0;border-radius:4px;height:8px;margin-top:4px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .5s}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hamburger-btn{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px;padding:4px 8px}.sidebar-overlay{display:none}@media (max-width:768px){body{overflow:auto}.app-container,.app-container.no-right-panel{display:flex;flex-direction:column;height:auto;min-height:100vh}.app-header{flex-shrink:0;height:56px;padding:0 12px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.app-header .app-logo{font-size:16px;gap:6px}.app-header .app-logo img{height:28px}.app-header .user-info{font-size:12px;gap:6px}.hamburger-btn{display:block}.app-sidebar{height:calc(100vh - 56px);left:-260px;position:fixed;top:56px;transition:left .3s ease;width:260px;z-index:999}.app-sidebar.mobile-open{left:0}.sidebar-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:56px;z-index:998}.sidebar-overlay.active{display:block}.right-panel{display:none!important}.app-content{flex:1 1;overflow:visible;width:100%}.content-header{padding:12px 10px 0}.content-title{font-size:18px;margin-bottom:12px}.content-body{padding:0 10px 16px}.stats-grid{gap:10px;grid-template-columns:1fr 1fr}.stat-card{padding:16px 12px}.stat-icon{font-size:24px;margin-bottom:6px}.stat-number{font-size:28px}.stat-label{font-size:11px}.toolbar{align-items:stretch;flex-direction:column;gap:8px;padding:12px}.toolbar input,.toolbar select{font-size:14px;width:100%}.data-table.mobile-cards thead{display:none}.data-table.mobile-cards,.data-table.mobile-cards tbody,.data-table.mobile-cards td,.data-table.mobile-cards tr{display:block;width:100%}.data-table.mobile-cards tr{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;margin-bottom:10px;padding:12px;position:relative}.data-table.mobile-cards tr:hover{background:#fff}.data-table.mobile-cards td{align-items:center;border:none;display:flex;font-size:13px;justify-content:space-between;padding:3px 0}.data-table.mobile-cards td:before{color:#666;content:attr(data-label);flex-shrink:0;font-size:11px;font-weight:600;margin-right:8px;text-transform:uppercase}.pagination{flex-wrap:wrap;gap:4px}.pagination .btn{font-size:12px;padding:6px 10px}.login-box{padding:24px;width:90%}.content-header .btn{font-size:12px;padding:6px 10px}}
/*# sourceMappingURL=main.43b1ca5b.css.map*/