@charset "UTF-8";*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:IBM Plex Sans,-apple-system,sans-serif;font-size:14px;line-height:1.6;color:#1e293b;background:linear-gradient(135deg,#f8fafc,#fff)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:IBM Plex Sans,-apple-system,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:#00a025;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#008820}.page-container{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,160,37,.2)}.page-container h1{margin-bottom:16px;color:#008820;font-size:28px;font-weight:700}.page-container h2,.page-container h3,.page-container h4{color:#333}.page-container p{color:#666;margin-bottom:24px}.placeholder-content{padding:40px;text-align:center;background:#f8fff9;border-radius:8px;border:2px dashed #00a025}.placeholder-content p{color:#999;font-style:italic}button,.btn{font-family:IBM Plex Sans,-apple-system,sans-serif;cursor:pointer;transition:all .3s ease}.btn-secondary{padding:10px 16px;background:#fff;color:#008820;border:2px solid #00a025;border-radius:8px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 2px 8px #0000001a}.btn-secondary:hover{background:#f0fff4;border-color:#008820;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-danger{padding:10px 16px;background:#f44;color:#fff;border:2px solid #ff4444;border-radius:8px;font-size:14px;font-weight:600}.btn-danger:hover{background:#c00;border-color:#c00}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014}table thead{background:linear-gradient(135deg,#f8fff9,#e8ffe9);border-bottom:2px solid #00a025}table thead th{padding:12px 16px;text-align:left;font-weight:700;color:#008820;text-transform:uppercase;font-size:13px;letter-spacing:.5px}table tbody tr{border-bottom:1px solid #e8ffe9;transition:all .2s ease}table tbody tr:hover{background:#f8fff9}table tbody tr td{padding:12px 16px;color:#333}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(0,160,37,.2);transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.card .card-header{border-bottom:2px solid #00a025;padding-bottom:12px;margin-bottom:16px}.card .card-header h3{color:#008820;font-size:20px;font-weight:700}.card .card-body{color:#666}.input-group{position:relative;width:100%}.input-group .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:20px;pointer-events:none;transition:all .3s ease;z-index:1;color:#008820}.input-group .input-icon.material-icons{font-size:22px}.input-group input{padding-left:46px!important}.input-group:focus-within .input-icon{transform:translateY(-50%) scale(1.1);color:#00a025}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],textarea,select{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;font-family:IBM Plex Sans,-apple-system,sans-serif;transition:all .3s ease;background:#f8f8f8;color:#333}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=search]:focus,input[type=date]:focus,textarea:focus,select:focus{outline:none;border-color:#00a025;background:#fff;box-shadow:0 0 0 3px #00000014}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,input[type=search]::placeholder,input[type=date]::placeholder,textarea::placeholder,select::placeholder{color:#999}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.badge-success{background:#e8ffe9;color:#008820;border:1px solid #00a025}.badge.badge-warning{background:#fff9e6;color:#f90;border:1px solid #ffcc00}.badge.badge-danger{background:#fff5f5;color:#c00;border:1px solid #ff4444}.badge.badge-info{background:#e6f7ff;color:#09f;border:1px solid #33aaff}.alert{padding:14px 18px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:10px}.alert.alert-success{background:#f0fff4;border:1px solid #b3ffcc;border-left:4px solid #00a025;color:#008820}.alert.alert-warning{background:#fff9e6;border:1px solid #ffebb3;border-left:4px solid #ffcc00;color:#c70}.alert.alert-danger{background:#fff5f5;border:1px solid #ffcccc;border-left:4px solid #ff4444;color:#c00}.alert.alert-info{background:#e6f7ff;border:1px solid #b3e0ff;border-left:4px solid #33aaff;color:#07c}.page-header,.section-header,.details-header{margin-bottom:24px}.page-header h1,.section-header h1,.details-header h1{color:#008820;font-size:28px;font-weight:700;margin-bottom:8px}.page-header h2,.section-header h2,.details-header h2{color:#008820;font-size:24px;font-weight:600}.page-header p,.section-header p,.details-header p{color:#666;font-size:16px}.dashboard-header{background:linear-gradient(135deg,#00a025,#008820);padding:20px 24px;border-radius:12px;margin-bottom:20px;border:2px solid #00a025;position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.dashboard-header h1{margin:0 0 6px;font-size:24px;color:#fff;font-weight:700;position:relative;z-index:1;display:flex;align-items:center;gap:12px}.dashboard-header h1 .material-icons{font-size:28px;color:#fff}.dashboard-header p{margin:0;color:#e8ffe9;font-size:14px;font-weight:500;position:relative;z-index:1;padding-left:36px}.properties-grid,.meters-grid,.users-grid,.invoices-grid,.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:24px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-bottom:28px}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}}.property-card,.meter-card,.user-card,.invoice-card,.stat-card,.work-order-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,160,37,.2);transition:all .3s ease}.property-card:hover,.meter-card:hover,.user-card:hover,.invoice-card:hover,.stat-card:hover,.work-order-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.property-card .card-title,.property-card .property-name,.property-card .meter-name,.property-card .user-name,.meter-card .card-title,.meter-card .property-name,.meter-card .meter-name,.meter-card .user-name,.user-card .card-title,.user-card .property-name,.user-card .meter-name,.user-card .user-name,.invoice-card .card-title,.invoice-card .property-name,.invoice-card .meter-name,.invoice-card .user-name,.stat-card .card-title,.stat-card .property-name,.stat-card .meter-name,.stat-card .user-name,.work-order-card .card-title,.work-order-card .property-name,.work-order-card .meter-name,.work-order-card .user-name{color:#008820;font-size:18px;font-weight:600;margin-bottom:8px}.property-card .card-subtitle,.property-card .property-address,.property-card .meter-location,.meter-card .card-subtitle,.meter-card .property-address,.meter-card .meter-location,.user-card .card-subtitle,.user-card .property-address,.user-card .meter-location,.invoice-card .card-subtitle,.invoice-card .property-address,.invoice-card .meter-location,.stat-card .card-subtitle,.stat-card .property-address,.stat-card .meter-location,.work-order-card .card-subtitle,.work-order-card .property-address,.work-order-card .meter-location{color:#666;font-size:14px;margin-bottom:12px}.property-card .card-stats,.property-card .property-stats,.property-card .meter-stats,.meter-card .card-stats,.meter-card .property-stats,.meter-card .meter-stats,.user-card .card-stats,.user-card .property-stats,.user-card .meter-stats,.invoice-card .card-stats,.invoice-card .property-stats,.invoice-card .meter-stats,.stat-card .card-stats,.stat-card .property-stats,.stat-card .meter-stats,.work-order-card .card-stats,.work-order-card .property-stats,.work-order-card .meter-stats{display:flex;gap:16px;padding-top:12px;border-top:1px solid #e8ffe9;margin-top:12px}.property-card .card-stats .stat-item,.property-card .property-stats .stat-item,.property-card .meter-stats .stat-item,.meter-card .card-stats .stat-item,.meter-card .property-stats .stat-item,.meter-card .meter-stats .stat-item,.user-card .card-stats .stat-item,.user-card .property-stats .stat-item,.user-card .meter-stats .stat-item,.invoice-card .card-stats .stat-item,.invoice-card .property-stats .stat-item,.invoice-card .meter-stats .stat-item,.stat-card .card-stats .stat-item,.stat-card .property-stats .stat-item,.stat-card .meter-stats .stat-item,.work-order-card .card-stats .stat-item,.work-order-card .property-stats .stat-item,.work-order-card .meter-stats .stat-item{flex:1}.property-card .card-stats .stat-item span,.property-card .property-stats .stat-item span,.property-card .meter-stats .stat-item span,.meter-card .card-stats .stat-item span,.meter-card .property-stats .stat-item span,.meter-card .meter-stats .stat-item span,.user-card .card-stats .stat-item span,.user-card .property-stats .stat-item span,.user-card .meter-stats .stat-item span,.invoice-card .card-stats .stat-item span,.invoice-card .property-stats .stat-item span,.invoice-card .meter-stats .stat-item span,.stat-card .card-stats .stat-item span,.stat-card .property-stats .stat-item span,.stat-card .meter-stats .stat-item span,.work-order-card .card-stats .stat-item span,.work-order-card .property-stats .stat-item span,.work-order-card .meter-stats .stat-item span{display:block;font-size:12px;color:#999;margin-bottom:4px}.property-card .card-stats .stat-item strong,.property-card .property-stats .stat-item strong,.property-card .meter-stats .stat-item strong,.meter-card .card-stats .stat-item strong,.meter-card .property-stats .stat-item strong,.meter-card .meter-stats .stat-item strong,.user-card .card-stats .stat-item strong,.user-card .property-stats .stat-item strong,.user-card .meter-stats .stat-item strong,.invoice-card .card-stats .stat-item strong,.invoice-card .property-stats .stat-item strong,.invoice-card .meter-stats .stat-item strong,.stat-card .card-stats .stat-item strong,.stat-card .property-stats .stat-item strong,.stat-card .meter-stats .stat-item strong,.work-order-card .card-stats .stat-item strong,.work-order-card .property-stats .stat-item strong,.work-order-card .meter-stats .stat-item strong{color:#008820;font-size:16px;font-weight:700}.stat-card{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:12px;padding:16px 18px;box-shadow:0 2px 8px #00000014;border:1px solid #e0e7ff;border-left:4px solid;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-50%;right:-20%;width:150px;height:150px;background:radial-gradient(circle,rgba(99,102,241,.03) 0%,transparent 70%);border-radius:50%;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001f}.stat-card:hover:before{top:-30%;right:-10%}.stat-card .stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;position:relative;z-index:1}.stat-card .stat-header h3{margin:0;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.6px}.stat-card .stat-header .stat-change{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;display:flex;align-items:center;gap:3px}.stat-card .stat-header .stat-change.positive{background:#d1fae5;color:#065f46;border:1px solid #34d399}.stat-card .stat-header .stat-change.positive:before{content:"\25b2";font-size:9px}.stat-card .stat-header .stat-change.negative{background:#fee2e2;color:#991b1b;border:1px solid #f87171}.stat-card .stat-header .stat-change.negative:before{content:"\25bc";font-size:9px}.stat-card .stat-value{font-size:22px;font-weight:700;color:#1e293b;line-height:1;position:relative;z-index:1;text-shadow:none;letter-spacing:-.5px}.card{background:#fff;border-radius:12px;padding:0;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0;transition:all .3s ease;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001f}.card.full-width{grid-column:1/-1}.card .card-header{background:linear-gradient(135deg,#fff,#f8fafc);padding:14px 18px;border-bottom:1px solid #e2e8f0;position:relative}.card .card-header:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;background:linear-gradient(90deg,#6366f1 0%,transparent 100%)}.card .card-header h2{margin:0;font-size:16px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.card .card-header h2 .material-icons{font-size:20px;color:#6366f1}.card .card-body{padding:18px}.details-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media (max-width: 968px){.details-grid{grid-template-columns:1fr}}.info-card,.details-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,160,37,.2)}.info-card h2,.info-card h3,.details-card h2,.details-card h3{color:#008820;font-size:20px;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #00a025}.info-card .info-row,.details-card .info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0}.info-card .info-row:last-child,.details-card .info-row:last-child{border-bottom:none}.info-card .info-row .label,.details-card .info-row .label{color:#666;font-weight:500}.info-card .info-row .value,.details-card .info-row .value{color:#333;font-weight:600}.activity-list .activity-item,.activity-list .timeline-item,.timeline .activity-item,.timeline .timeline-item{display:flex;gap:16px;padding:16px;margin-bottom:12px;border-radius:10px;background:#f8fff9;border:1px solid #e8ffe9;transition:all .3s ease}.activity-list .activity-item:last-child,.activity-list .timeline-item:last-child,.timeline .activity-item:last-child,.timeline .timeline-item:last-child{margin-bottom:0}.activity-list .activity-item:hover,.activity-list .timeline-item:hover,.timeline .activity-item:hover,.timeline .timeline-item:hover{background:#e8ffe9;border-color:#00a025;transform:translate(8px);box-shadow:0 2px 8px #00000014}.activity-list .activity-item .activity-icon,.activity-list .activity-item .timeline-icon,.activity-list .timeline-item .activity-icon,.activity-list .timeline-item .timeline-icon,.timeline .activity-item .activity-icon,.timeline .activity-item .timeline-icon,.timeline .timeline-item .activity-icon,.timeline .timeline-item .timeline-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#e8ffe9,#d0ffd4);border:2px solid #00a025;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;position:relative}.activity-list .activity-item .activity-icon .material-icons,.activity-list .activity-item .timeline-icon .material-icons,.activity-list .timeline-item .activity-icon .material-icons,.activity-list .timeline-item .timeline-icon .material-icons,.timeline .activity-item .activity-icon .material-icons,.timeline .activity-item .timeline-icon .material-icons,.timeline .timeline-item .activity-icon .material-icons,.timeline .timeline-item .timeline-icon .material-icons{font-size:24px;color:#008820}.activity-list .activity-item .activity-content,.activity-list .activity-item .timeline-content,.activity-list .timeline-item .activity-content,.activity-list .timeline-item .timeline-content,.timeline .activity-item .activity-content,.timeline .activity-item .timeline-content,.timeline .timeline-item .activity-content,.timeline .timeline-item .timeline-content{flex:1;display:flex;flex-direction:column;justify-content:center}.activity-list .activity-item .activity-content .activity-title,.activity-list .activity-item .activity-content .timeline-title,.activity-list .activity-item .timeline-content .activity-title,.activity-list .activity-item .timeline-content .timeline-title,.activity-list .timeline-item .activity-content .activity-title,.activity-list .timeline-item .activity-content .timeline-title,.activity-list .timeline-item .timeline-content .activity-title,.activity-list .timeline-item .timeline-content .timeline-title,.timeline .activity-item .activity-content .activity-title,.timeline .activity-item .activity-content .timeline-title,.timeline .activity-item .timeline-content .activity-title,.timeline .activity-item .timeline-content .timeline-title,.timeline .timeline-item .activity-content .activity-title,.timeline .timeline-item .activity-content .timeline-title,.timeline .timeline-item .timeline-content .activity-title,.timeline .timeline-item .timeline-content .timeline-title{margin:0 0 6px;font-size:15px;font-weight:600;color:#333;line-height:1.4}.activity-list .activity-item .activity-content .activity-time,.activity-list .activity-item .activity-content .timeline-time,.activity-list .activity-item .timeline-content .activity-time,.activity-list .activity-item .timeline-content .timeline-time,.activity-list .timeline-item .activity-content .activity-time,.activity-list .timeline-item .activity-content .timeline-time,.activity-list .timeline-item .timeline-content .activity-time,.activity-list .timeline-item .timeline-content .timeline-time,.timeline .activity-item .activity-content .activity-time,.timeline .activity-item .activity-content .timeline-time,.timeline .activity-item .timeline-content .activity-time,.timeline .activity-item .timeline-content .timeline-time,.timeline .timeline-item .activity-content .activity-time,.timeline .timeline-item .activity-content .timeline-time,.timeline .timeline-item .timeline-content .activity-time,.timeline .timeline-item .timeline-content .timeline-time{font-size:13px;color:#008820;font-weight:500;display:flex;align-items:center;gap:4px}.activity-list .activity-item .activity-content .activity-time:before,.activity-list .activity-item .activity-content .timeline-time:before,.activity-list .activity-item .timeline-content .activity-time:before,.activity-list .activity-item .timeline-content .timeline-time:before,.activity-list .timeline-item .activity-content .activity-time:before,.activity-list .timeline-item .activity-content .timeline-time:before,.activity-list .timeline-item .timeline-content .activity-time:before,.activity-list .timeline-item .timeline-content .timeline-time:before,.timeline .activity-item .activity-content .activity-time:before,.timeline .activity-item .activity-content .timeline-time:before,.timeline .activity-item .timeline-content .activity-time:before,.timeline .activity-item .timeline-content .timeline-time:before,.timeline .timeline-item .activity-content .activity-time:before,.timeline .timeline-item .activity-content .timeline-time:before,.timeline .timeline-item .timeline-content .activity-time:before,.timeline .timeline-item .timeline-content .timeline-time:before{content:"\1f550";font-size:14px}.activity-item{display:flex;gap:12px;padding:12px;margin-bottom:10px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;transition:all .3s ease}.activity-item:last-child{margin-bottom:0}.activity-item:hover{background:#f8fafc;border-color:#cbd5e1;transform:translate(6px);box-shadow:0 2px 8px #00000014}.activity-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #cbd5e1;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000014;position:relative}.activity-icon .material-icons{font-size:20px;color:#64748b}.activity-content{flex:1;display:flex;flex-direction:column;justify-content:center}.activity-content .activity-title{margin:0 0 4px;font-size:14px;font-weight:600;color:#1e293b;line-height:1.4}.activity-content .activity-time{font-size:12px;color:#64748b;font-weight:500;display:flex;align-items:center;gap:3px}.activity-content .activity-time:before{content:"\1f550";font-size:13px}.filters,.search-bar{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,160,37,.2);margin-bottom:20px}.filters .filter-group,.search-bar .filter-group{display:flex;gap:16px;flex-wrap:wrap}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#e8ffe9;color:#008820;border:1px solid #00a025}.status-badge.inactive,.status-badge.pending{background:#fff9e6;color:#f90;border:1px solid #ffcc00}.status-badge.error,.status-badge.failed{background:#fff5f5;color:#c00;border:1px solid #ff4444}.action-button,.btn-action{width:100%;padding:12px 14px;background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:10px;text-align:left;display:flex;align-items:center;gap:10px;box-shadow:0 1px 3px #00000014;position:relative}.action-button .material-icons,.btn-action .material-icons{font-size:20px;width:36px;height:36px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.action-button:last-child,.btn-action:last-child{margin-bottom:0}.action-button:after,.btn-action:after{content:"\2192";font-size:16px;font-weight:700;position:absolute;right:14px;color:#94a3b8;transition:all .3s ease}.action-button:hover,.btn-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1}.action-button:hover .material-icons,.btn-action:hover .material-icons{transform:scale(1.1);background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.action-button:hover:after,.btn-action:hover:after{transform:translate(4px);color:#64748b}.action-button:active,.btn-action:active{transform:translateY(-1px)}.action-button:disabled,.btn-action:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}.action-button span:not(.material-icons),.btn-action span:not(.material-icons){flex:1}.chart-container{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,160,37,.2)}.chart-container h3{color:#008820;margin-bottom:16px}.stat-value{font-size:24px;font-weight:700;color:#008820}.stat-value.alert,.stat-value.warning{color:#f44}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1024px){.status-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.status-grid{grid-template-columns:1fr}}.status-item{display:flex;flex-direction:column;gap:10px;padding:18px 20px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014}.status-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#6366f1,#8b5cf6)}.status-item:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001f;border-color:#cbd5e1}.status-item:hover .status-value{transform:scale(1.05)}.status-item:hover:before{width:5px}.status-item .status-label{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.status-item .status-value{font-size:28px;font-weight:800;color:#1e293b;transition:transform .3s ease;text-shadow:none;line-height:1}.status-item .status-value.alert{color:#ef4444;animation:pulse-alert 2s ease-in-out infinite}.status-item .status-value.warning{color:#f59e0b}@keyframes pulse-alert{0%,to{opacity:1}50%{opacity:.7}}.list-item{padding:12px 16px;border-bottom:1px solid #e8ffe9;transition:background .2s ease}.list-item:hover{background:#f8fff9}.list-item.active{background:#e8ffe9;border-left:3px solid #00a025}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f0f0,#fff);padding:20px;position:relative}.auth-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,160,37,.05) 0%,transparent 50%);pointer-events:none}.auth-card{background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid #00a025;width:100%;max-width:1200px;overflow:hidden;position:relative}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,#00a025 50%,transparent 100%);animation:shimmer 3s infinite}.auth-split{display:grid;grid-template-columns:1fr 550px;min-height:550px}@media (max-width: 968px){.auth-split{grid-template-columns:1fr}}.auth-info-panel{background:linear-gradient(135deg,#f8fff9,#e8ffe9);padding:35px 30px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;border-right:3px solid #00a025}.auth-info-panel:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,160,37,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}@media (max-width: 968px){.auth-info-panel{display:none}}.auth-info-panel .info-content{position:relative;z-index:1}.auth-info-panel .info-content h1{font-size:32px;font-weight:900;color:#008820;margin:0 0 12px;letter-spacing:2px;text-shadow:none}.auth-info-panel .info-content h2{font-size:16px;font-weight:500;color:#333;margin:0 0 30px;line-height:1.4}.auth-info-panel .info-features{margin:25px 0}.auth-info-panel .info-features .feature-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;padding:12px;background:#fff;border-radius:10px;border-left:3px solid #00a025;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.auth-info-panel .info-features .feature-item:hover{background:#fff;transform:translate(5px);box-shadow:0 4px 12px #0000001f}.auth-info-panel .info-features .feature-item .feature-icon{font-size:26px;flex-shrink:0}.auth-info-panel .info-features .feature-item p{margin:0;font-size:14px;font-weight:500;color:#333;line-height:1.5;padding-top:3px}.auth-info-panel .info-tagline{margin:25px 0 0;font-size:15px;font-weight:600;font-style:italic;color:#008820;line-height:1.5;padding:14px;background:#fff;border-radius:10px;border:2px solid #00a025;box-shadow:0 2px 8px #00000014}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.auth-form-panel{background:#fff;padding:0}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:1}}.auth-header{background:linear-gradient(135deg,#f8fff9,#fff);color:#333;padding:18px 30px;text-align:center;position:relative;border-bottom:2px solid #00a025}.auth-header h1{margin:0 0 5px;font-size:22px;font-weight:800;letter-spacing:1.5px;color:#008820;text-transform:uppercase}.auth-header h2{margin:0 0 3px;font-size:13px;font-weight:400;color:#666;letter-spacing:.3px}.auth-header p{margin:0;font-size:11px;color:#00a025;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.auth-form{padding:35px 40px}.auth-form h3{margin:0 0 16px;font-size:26px;color:#333;text-align:center;font-weight:700;position:relative;padding-bottom:12px}.auth-form h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,#00a025,transparent);border-radius:2px}.auth-form .welcome-text{text-align:center;color:#008820;font-size:15px;font-weight:500;margin:0 0 18px;font-style:italic}.auth-form .instruction-text{text-align:center;color:#666;font-size:14px;margin-bottom:20px;line-height:1.4}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:14px}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:0}}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:7px;font-weight:600;color:#333;font-size:13px;text-transform:uppercase;letter-spacing:.6px}.form-group .form-control{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;background:#f8f8f8;color:#333;font-weight:500}.form-group .form-control::placeholder{color:#999;font-weight:400}.form-group .form-control:focus{outline:none;border-color:#00a025;box-shadow:0 0 0 3px #00a02526,0 0 15px #00a02533;background:#fff;transform:translateY(-1px)}.form-group .form-control.invalid{border-color:#f44;background:#ff44440d}.form-group .error-text{margin-top:5px;font-size:12px;color:#f44;display:flex;align-items:center;gap:4px}.form-group .error-text:before{content:"\26a0";font-size:13px}.form-row .form-group{margin-bottom:0}.error-message{background:#fff5f5;border:1px solid #ffcccc;border-left:3px solid #ff4444;color:#c00;padding:12px 14px;border-radius:8px;margin-bottom:14px;font-size:14px;display:flex;align-items:center;gap:8px}.error-message:before{content:"\2715";font-size:16px;font-weight:700}.success-message{background:#f0fff4;border:1px solid #b3ffcc;border-left:3px solid #00a025;color:#008820;padding:12px 14px;border-radius:8px;margin-bottom:14px;font-size:14px;display:flex;align-items:center;gap:8px}.success-message:before{content:"\2713";font-size:16px;font-weight:700}.form-actions{margin-bottom:14px;text-align:right}.form-actions .forgot-link{color:#008820;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;position:relative}.form-actions .forgot-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#00a025;transition:width .3s ease}.form-actions .forgot-link:hover{color:#00a025}.form-actions .forgot-link:hover:after{width:100%}.btn-primary{width:100%;padding:10px 16px;background:linear-gradient(135deg,#00a025,#008820);color:#fff;border:2px solid #00a025;border-radius:8px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#008820,#007518);border-color:#008820;transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;background:#ccc;border-color:#999;box-shadow:none}.auth-footer{margin-top:18px;text-align:center;padding-top:18px;border-top:1px solid #e0e0e0}.auth-footer p{color:#666;font-size:14px;margin:0}.auth-footer p a{color:#008820;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative}.auth-footer p a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#00a025,#008820);transition:width .3s ease}.auth-footer p a:hover{color:#00a025}.auth-footer p a:hover:after{width:100%}.auth-container ::-webkit-scrollbar-track{background:#f0f0f0}.auth-container ::-webkit-scrollbar-thumb{background:#00a025;border-radius:4px}.auth-container ::-webkit-scrollbar-thumb:hover{background:#008820}.auth-language-switcher{position:absolute;top:20px;right:20px;z-index:1001;display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#fff,#f8fff9);border:2px solid #00a025;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:IBM Plex Sans,-apple-system,sans-serif;font-weight:700;font-size:13px;color:#008820;box-shadow:0 2px 8px #0000001a}.auth-language-switcher .material-icons{font-size:20px;color:#008820;transition:all .3s ease}.auth-language-switcher:hover{background:linear-gradient(135deg,#e8ffe9,#d0ffd4);border-color:#008820;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.auth-language-switcher:hover .material-icons{transform:rotate(180deg);color:#00a025}.auth-language-switcher:active{transform:translateY(-1px)}