@charset "UTF-8";@font-face{font-family:IBM Plex Sans;src:url("./media/IBMPlexSans-Light-LWHZPPGB.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;src:url("./media/IBMPlexSans-Regular-COQVXTP6.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;src:url("./media/IBMPlexSans-Medium-JTONHBWS.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;src:url("./media/IBMPlexSans-SemiBold-DTNZULF4.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;src:url("./media/IBMPlexSans-Bold-IXG35DPN.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Material Icons;src:url("./media/MaterialIcons-Regular-LEZCGFVT.woff2") format("woff2");font-weight:400;font-style:normal;font-display:block}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}@font-face{font-family:Material Symbols Outlined;src:url("./media/MaterialIconsOutlined-Regular-7BWLPMFK.woff2") format("woff2");font-weight:400;font-style:normal;font-display:block}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--primary-lighter: #c7d2fe;--primary-lightest: #e0e7ff;--accent-color: #8b5cf6;--accent-dark: #7c3aed;--accent-light: #a78bfa;--legacy-green: #008820;--legacy-green-light: #00a025;--legacy-green-dark: #019824;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-light: #cbd5e1;--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-gradient-start: #f8fafc;--bg-gradient-end: #ffffff;--surface-color: #ffffff;--surface-elevated: #f8fafc;--surface-overlay: rgba(0, 0, 0, .5);--border-color: #e2e8f0;--border-light: #f1f5f9;--border-dark: #cbd5e1;--border-primary: var(--primary-lightest);--success-color: #10b981;--success-light: #34d399;--success-bg: #dcfce7;--success-border: #86efac;--warning-color: #f59e0b;--warning-light: #fbbf24;--warning-bg: #fef3c7;--warning-border: #fcd34d;--error-color: #ef4444;--error-light: #f87171;--error-bg: #fef2f2;--error-border: #fca5a5;--info-color: #3b82f6;--info-light: #60a5fa;--info-bg: #eff6ff;--info-border: #93c5fd;--critical-color: #dc2626;--critical-bg: #fef2f2;--critical-border: #fca5a5;--high-color: #d97706;--high-bg: #fffbeb;--high-border: #fcd34d;--medium-color: #2563eb;--medium-bg: #eff6ff;--medium-border: #93c5fd;--low-color: #0d9488;--low-bg: #f0fdfa;--low-border: #5eead4;--font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-heading: "IBM Plex Sans", -apple-system, sans-serif;--font-family-mono: "IBM Plex Mono", "Courier New", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-size-5xl: 32px;--font-size-6xl: 36px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900}:root{--primary-color: #019824;--primary-dark: #008820;--primary-light: #00a025;--primary-lighter: #e8ffe9;--primary-lightest: #f8fff9;--accent-color: #6366f1;--accent-dark: #8b5cf6;--accent-light: #e0e7ff;--accent-lighter: #c7d2fe;--background-color: #f8fafc;--surface-color: #ffffff;--surface-secondary: #f0f0f0;--text-color: #1e293b;--text-secondary-color: #64748b;--text-muted: #666;--text-light: #999;--border-color: #e2e8f0;--border-light: #e0e0e0;--border-primary: rgba(0, 160, 37, .2);--success-color: #008820;--success-bg: #e8ffe9;--success-border: #00a025;--warning-color: #ff9900;--warning-bg: #fff9e6;--warning-border: #ffcc00;--danger-color: #cc0000;--danger-bg: #fff5f5;--danger-border: #ff4444;--info-color: #0099ff;--info-bg: #e6f7ff;--info-border: #33aaff;--font-family: "IBM Plex Sans", -apple-system, sans-serif;--heading-font: "IBM Plex Sans", -apple-system, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-base: 15px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 2;--letter-spacing-tight: -.5px;--letter-spacing-normal: 0;--letter-spacing-wide: .5px;--letter-spacing-wider: .8px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 28px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 14px;--radius-3xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .12);--shadow-2xl: 0 16px 32px rgba(0, 0, 0, .15);--shadow-primary: 0 4px 16px rgba(99, 102, 241, .3);--shadow-success: 0 4px 12px rgba(16, 185, 129, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-all: all .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--nav-height: 80px;--story-nav-height: 80px;--card-padding: var(--spacing-xl);--card-border: 2px solid var(--border-primary);--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-xl);--agent-blue: #3b82f6;--agent-purple: #8b5cf6;--agent-green: #10b981;--agent-orange: #f59e0b;--agent-default: #64748b;--font-weight-black: 900;--spacing-unit: 4px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--border-radius-sm: 6px;--border-radius: 8px;--border-radius-md: 10px;--border-radius-lg: 12px;--border-radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 6px 24px rgba(0, 0, 0, .15);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-cubic: .3s cubic-bezier(.4, 0, .2, 1)}*{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:#019824;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:#019824;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}.modal-header{padding:12px 16px!important;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e2e8f0}.modal-header h3,.modal-header h4{margin:0;font-size:16px;font-weight:600}.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{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;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,2.5vw,28px);background:linear-gradient(135deg,#f0f0f0,#fff);position:relative;overflow:auto}.auth-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,rgba(0,160,37,.08) 0%,transparent 45%);pointer-events:none}.auth-card{width:min(1030px,100%);max-height:calc(100dvh - clamp(32px,5vw,56px));background:#fff;border:2px solid #00a025;border-radius:18px;box-shadow:0 18px 40px #0000001f;overflow:hidden;position:relative;z-index:1}.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent 0%,#00a025 50%,transparent 100%)}.auth-split{display:grid;grid-template-columns:minmax(527px,0) minmax(494px,0px);min-height:min(680px,100dvh - 184px)}.auth-info-panel{background:linear-gradient(135deg,#f8fff9,#e8ffe9);border-right:2px solid #00a025;padding:clamp(28px,3.4vw,42px);display:flex;flex-direction:column;justify-content:center}.auth-info-panel .info-content h1{margin:0 0 10px;font-size:clamp(28px,2.4vw,34px);font-weight:800;color:#008820;letter-spacing:.6px}.auth-info-panel .info-content h2{margin:0 0 24px;font-size:15px;line-height:1.5;color:#333;font-weight:500}.auth-info-panel .info-features{display:grid;gap:12px;margin:0}.auth-info-panel .info-features .feature-item{display:flex;align-items:center;gap:10px;margin:0;padding:12px;border-radius:10px;border:1px solid rgba(0,160,37,.25);background:#fff}.auth-info-panel .info-features .feature-item .feature-icon{color:#008820;font-size:20px;flex-shrink:0}.auth-info-panel .info-features .feature-item p{margin:0;font-size:14px;line-height:1.45;color:#333;font-weight:500}.auth-info-panel .info-tagline{margin:18px 0 0;padding:12px;border-radius:10px;border:1px solid rgba(0,160,37,.25);background:#fff;color:#008820;font-size:14px;font-weight:600;line-height:1.5}.auth-form-panel{background:#fff;overflow-y:auto;display:flex;justify-content:center;align-items:center}.auth-header{background:linear-gradient(135deg,#f8fff9,#fff);border-bottom:2px solid #00a025;padding:18px 28px;text-align:center}.auth-header h1{margin:0 0 4px;font-size:21px;font-weight:800;color:#008820}.auth-header h2{margin:0;font-size:13px;color:#666;font-weight:500}.auth-header p{margin:4px 0 0;font-size:11px;color:#00a025;font-weight:600;text-transform:uppercase;letter-spacing:.6px}.auth-form{width:min(560px,100%);padding:clamp(22px,3vw,34px);margin-top:44px}.auth-form h3{margin:0 0 10px;font-size:clamp(23px,2vw,28px);line-height:1.25;color:#333;text-align:center;font-weight:700}.auth-form .welcome-text{margin:0 0 14px;text-align:center;color:#008820;font-size:14px;font-weight:500}.auth-form .instruction-text{margin:0 0 16px;text-align:center;color:#666;font-size:13px;line-height:1.45}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:0}}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:6px;color:#333;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.form-group .form-control{width:100%;padding:11px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;color:#333;background:#f8f8f8;font-weight:500;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.form-group .form-control::placeholder{color:#999;font-weight:400}.form-group .form-control:focus{outline:none;border-color:#00a025;background:#fff;box-shadow:0 0 0 3px #00a0251f}.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:6px}.form-group .error-text:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#f44;color:#fff;font-size:10px;font-weight:700;line-height:1}.form-row .form-group{margin-bottom:0}.error-message,.success-message{padding:11px 12px;border-radius:8px;margin-bottom:12px;font-size:13px;display:flex;align-items:center;gap:8px}.error-message{background:#fff5f5;border:1px solid #ffcccc;border-left:3px solid #ff4444;color:#c00}.error-message:before{content:"Error";font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.success-message{background:#f0fff4;border:1px solid #b3ffcc;border-left:3px solid #00a025;color:#008820}.success-message:before{content:"Success";font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.form-actions{margin-bottom:14px;text-align:right}.form-actions .forgot-link{color:#008820;font-size:13px;font-weight:600;text-decoration:none}.form-actions .forgot-link:hover{color:#00a025;text-decoration:underline}.btn-primary{padding:10px 18px;background:#019824;border:2px solid #00a025;border-radius:8px;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.btn-primary:hover:not(:disabled){background:#008820;border-color:#008820;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;background:#ccc;border-color:#999}.auth-submit{margin:16px 0 12px;text-align:center}.auth-submit .btn-primary{min-width:210px}.auth-footer{margin-top:12px;padding-top:14px;border-top:1px solid #e0e0e0;text-align:center}.auth-footer p{margin:0;font-size:13px;color:#666}.auth-footer p a{color:#008820;font-weight:600;text-decoration:none}.auth-footer p a:hover{color:#00a025;text-decoration:underline}.auth-container ::-webkit-scrollbar-track{background:#f0f0f0}.auth-container ::-webkit-scrollbar-thumb{background:#019824;border-radius:4px}.auth-container ::-webkit-scrollbar-thumb:hover{background:#008820}.auth-language-switcher{position:fixed;top:14px;right:14px;z-index:1100;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:2px solid #00a025;border-radius:8px;color:#008820;font-family:IBM Plex Sans,-apple-system,sans-serif;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.auth-language-switcher .material-icons{font-size:18px;color:#008820}.auth-language-switcher:hover{background:#f8fff9;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}@media (max-width: 1024px){.auth-card{max-height:none}.auth-split{grid-template-columns:1fr;min-height:auto}.auth-info-panel{display:none}.auth-form-panel{max-height:none;align-items:flex-start}}@media (max-width: 640px){.auth-container{align-items:flex-start;padding:64px 12px 16px}.auth-card{border-radius:14px}.auth-form{padding:20px 16px}.auth-submit .btn-primary{width:100%;min-width:0}.auth-language-switcher{top:10px;right:10px;padding:6px 10px;font-size:12px}}