@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--primary-color:#ab47bc;--primary-dark:#8e24aa;--primary-light:#ce93d8;--background:#0a0a0a;--surface:#1a1a1a;--surface-light:#2a2a2a;--text-primary:#fff;--text-secondary:#b0b0b0;--text-dark:#333;--text-gray:#666;--border-radius:12px;--shadow:0 4px 20px #0000004d;--shadow-lg:0 8px 40px #0006;--card-shadow:0 8px 24px #00000026}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}body{background:var(--background);color:var(--text-primary);min-height:100vh}a{color:inherit;text-decoration:none}.login-page{background:linear-gradient(135deg,#ab47bc 0%,#8e24aa 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:#ffffff1a;border-radius:50%;width:200px;height:200px;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.login-card{text-align:center;z-index:1;background:#fff;border-radius:24px;width:100%;max-width:400px;padding:48px 40px;animation:.5s ease-out slideUp;position:relative;box-shadow:0 10px 30px #00000026}.login-icon-container{background:linear-gradient(135deg,#ba68c8 0%,#8e24aa 100%);border:3px solid #ffffff4d;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex;box-shadow:0 8px 16px #8e24aa40}.login-icon-svg{color:#fff;filter:drop-shadow(0 2px 4px #0000001a)}.login-title{color:var(--text-dark);margin-bottom:12px;font-size:24px;font-weight:700}.login-subtitle{color:var(--text-gray);margin-bottom:32px;font-size:14px;font-weight:500;line-height:1.6}.line-login-button{color:#fff;cursor:pointer;background:#00c300;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #06c7554d}.line-login-button:hover{background:#00b300;transform:translateY(-2px);box-shadow:0 4px 12px #00b30066}.line-login-button:active{transform:translateY(0)}.logged-in-container{background:var(--background);background-image:radial-gradient(circle at 20% 30%,#8e24aa1a 0%,#0000 50%),radial-gradient(circle at 80% 70%,#8e24aa0d 0%,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.logged-in-container .content{text-align:center;width:100%;max-width:600px}.welcome-message{color:var(--text-primary);margin-bottom:32px;font-size:24px;font-weight:600}.profile-link{background:var(--primary-color);color:#fff;border-radius:8px;margin-top:24px;padding:12px 32px;font-size:16px;font-weight:500;transition:all .3s;display:inline-block}.profile-link:hover{background:var(--primary-light);transform:translateY(-2px)}.app-layout{background:var(--background);flex-direction:column;min-height:100vh;display:flex}.header{background:var(--primary-color);z-index:100;border-bottom:none;position:sticky;top:0;box-shadow:0 2px 8px #0000001a}.header-content{justify-content:space-between;align-items:center;max-width:100%;padding:12px 24px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.sidebar-toggle-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.sidebar-toggle-btn:hover{background:#ffffff4d;border-color:#ffffff80}.header-logo{width:40px;height:40px;color:var(--primary-color);background:#fff;border-radius:8px;justify-content:center;align-items:center;display:flex}.header-title-group{flex-direction:column;gap:2px;display:flex}.header-title{color:#fff;margin:0;font-size:18px;font-weight:700;line-height:1.2}.header-subtitle{color:#ffffffe6;margin:0;font-size:11px;line-height:1}.header-right{align-items:center;gap:20px;display:flex}.user-info{align-items:center;gap:12px;display:flex}.user-avatar-small{object-fit:cover;border:2px solid #fff;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 8px #00000026}.user-details{flex-direction:column;gap:2px;display:flex}.user-name{color:#fff;font-size:14px;font-weight:600;line-height:1.2}.user-role{color:#ffffffb3;font-size:11px;line-height:1}.logout-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.logout-btn:hover{background:#ffffff4d;border-color:#ffffff80}.app-body{flex:1;display:flex;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #e5e5e5;flex-direction:column;width:280px;display:flex;overflow-y:auto;box-shadow:2px 0 8px #0000000d}.sidebar-hidden{display:none}.sidebar-header{border-bottom:1px solid #e5e5e5;padding:24px 20px}.sidebar-logo{align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 4px 12px #8e24aa4d}.logo-text{flex-direction:column;gap:2px;display:flex}.logo-title{color:var(--text-dark);font-size:18px;font-weight:700;line-height:1.2}.logo-subtitle{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;font-size:11px;line-height:1}.sidebar-item{color:var(--text-gray);cursor:pointer;border-radius:10px;align-items:center;gap:12px;margin:0 12px;padding:12px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex;position:relative}.sidebar-item:before{content:"";background:var(--primary-color);border-radius:0 3px 3px 0;width:3px;height:0;transition:height .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-item:hover{color:var(--text-dark);background:#f5f5f5}.sidebar-item.active{color:var(--primary-color);background:linear-gradient(135deg,#8e24aa1a,#8e24aa0d);font-weight:600}.sidebar-item.active:before{height:24px}.sidebar-icon{justify-content:center;align-items:center;width:24px;font-size:20px;display:flex}.sidebar-label{flex:1}.sidebar-footer{background:#f8f9fa;border-top:1px solid #e5e5e5;padding:16px 20px}.sidebar-version{justify-content:space-between;align-items:center;font-size:12px;display:flex}.version-label{color:var(--text-gray)}.version-number{color:var(--text-dark);background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:4px 12px;font-weight:600}.main-content{color:var(--text-dark);background:#f8f9fa;flex:1;overflow-y:auto}.content-wrapper{width:100%;padding:32px}.page-title{color:var(--text-dark);margin-bottom:8px;font-size:32px;font-weight:700}.page-subtitle{color:var(--text-gray);margin-bottom:32px;font-size:16px}.user-card{background:#fff;border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 3px #0000000d}.user-card-header{align-items:center;gap:20px;display:flex}.user-avatar-large{border:3px solid var(--primary-color);object-fit:cover;border-radius:50%;width:80px;height:80px}.user-card-info h3{color:var(--text-dark);margin-bottom:4px;font-size:24px;font-weight:700}.user-card-info .status{color:var(--text-gray);font-size:14px}.quick-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.stat-card{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:24px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{background:#8e24aa1a;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:36px;display:flex}.stat-value{color:var(--text-dark);margin-bottom:4px;font-size:32px;font-weight:700;line-height:1}.stat-label{color:var(--text-gray);font-size:14px}.user-profile{background:var(--surface);border-radius:var(--border-radius);box-shadow:var(--shadow);width:100%;max-width:500px;padding:32px}.profile-header{align-items:center;gap:20px;margin-bottom:24px;display:flex}.profile-avatar{border:3px solid var(--primary-color);object-fit:cover;border-radius:50%;width:80px;height:80px}.profile-info h2{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:24px}.status-message{color:var(--text-secondary);font-size:14px}.logout-button{background:var(--surface-light);width:100%;color:var(--text-primary);border:1px solid var(--surface-light);border-radius:var(--border-radius);cursor:pointer;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s}.logout-button:hover{background:var(--surface);border-color:var(--primary-color);color:var(--primary-color)}.main-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.content{text-align:center;width:100%;max-width:600px}.title{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:48px;font-weight:800;line-height:1.2}.subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:18px;line-height:1.6}.welcome-message{color:var(--text-secondary);margin-bottom:32px;font-size:20px}.profile-page{flex-direction:column;align-items:center;min-height:100vh;padding:48px 24px;display:flex}.profile-page h1{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:32px;font-size:36px;font-weight:700}.profile-details{background:var(--surface);border-radius:var(--border-radius);width:100%;max-width:500px;margin-top:24px;padding:24px}.profile-field{border-bottom:1px solid var(--surface-light);margin-bottom:16px;padding-bottom:16px}.profile-field:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.profile-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:12px;display:block}.profile-field p{color:var(--text-primary);font-size:16px}.back-button{background:var(--surface-light);color:var(--text-primary);border-radius:var(--border-radius);margin-top:24px;padding:12px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.back-button:hover{background:var(--surface);color:var(--primary-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.content,.user-profile,.profile-page>*{animation:.6s ease-out fadeIn}@media (max-width:640px){.title{font-size:36px}.subtitle{font-size:16px}.profile-header{text-align:center;flex-direction:column}.sidebar{display:none}.header-content{padding:12px 16px}.header-title{font-size:16px}.user-name{display:none}.content-wrapper{padding:20px}.page-title{font-size:24px}.quick-stats{grid-template-columns:1fr}}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:var(--text-dark);margin:0;font-size:24px;font-weight:700}.btn-primary{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #8e24aa4d}.loading-state{text-align:center;color:var(--text-gray);padding:60px 20px;font-size:16px}.empty-state{text-align:center;padding:60px 20px}.empty-state p{color:var(--text-dark);margin:0 0 8px;font-size:18px}.empty-subtitle{font-size:14px;color:var(--text-gray)!important}.groups-grid{flex-direction:column;gap:12px;display:flex}.group-card{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.group-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #00000014}.group-card-header{flex-direction:column;flex:1;gap:4px;display:flex}.group-card-title{color:#333;margin:0;font-size:18px;font-weight:600}.group-card-body{margin-top:8px}.group-card-device{color:#666;margin:0;font-size:14px}.group-name{color:var(--text-dark);margin:0;font-size:16px;font-weight:600}.group-members-count{color:var(--text-gray);white-space:nowrap;background:#f5f5f5;border-radius:12px;padding:4px 12px;font-size:12px}.group-description{color:var(--text-gray);margin:4px 0 0;font-size:13px;line-height:1.4}.group-card-footer{align-items:center;gap:16px;display:flex}.group-date{color:var(--text-gray);white-space:nowrap;font-size:12px}.sidebar-content{padding:20px 0}.sidebar-section{margin-bottom:24px}.sidebar-section-title{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:8px 20px;font-size:11px;font-weight:600}.sidebar-empty{color:var(--text-gray);text-align:center;padding:12px 20px;font-size:13px}.sidebar-groups{flex-direction:column;gap:2px;display:flex}.sidebar-group-item{color:var(--text-dark);border-left:3px solid #0000;align-items:center;gap:12px;padding:10px 20px;text-decoration:none;transition:all .2s;display:flex}.sidebar-group-item:hover{border-left-color:var(--primary-color);background:#f5f5f5}.sidebar-group-item.active{border-left-color:var(--primary-color);color:var(--primary-color);background:#8e24aa1a;font-weight:600}.group-icon{flex-shrink:0;font-size:18px}.sidebar-group-item .group-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.sidebar-nav{padding:16px 12px}.sidebar-menu-item{color:var(--text-gray);cursor:pointer;border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-menu-item:hover{color:var(--text-dark);background:#f5f5f5}.sidebar-menu-item.active{color:var(--primary-color);background:#8e24aa1a}.sidebar-menu-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-menu-label{flex:1}.sidebar-building-section{border-top:1px solid #e5e5e5;margin-top:16px;padding-top:16px}.sidebar-section-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 16px;display:flex}.sidebar-section-header .sidebar-section-title{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.sidebar-add-btn{width:28px;height:28px;color:var(--text-gray);cursor:pointer;background:0 0;border:1px solid #e5e5e5;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-add-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.sidebar-building-list{flex-direction:column;gap:2px;max-height:400px;display:flex;overflow-y:auto}.sidebar-building-item{color:var(--text-dark);border-radius:8px;align-items:center;gap:10px;margin:0 8px;padding:10px 16px;text-decoration:none;transition:all .2s;display:flex}.sidebar-building-item:hover{background:#f5f5f5}.sidebar-building-item.active{color:var(--primary-color);background:#8e24aa1a}.sidebar-building-item .building-icon{width:24px;height:24px;color:var(--text-gray);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-building-item.active .building-icon{color:var(--primary-color)}.sidebar-building-item .building-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar-building-item .building-name{word-break:break-word;font-size:14px;font-weight:500;line-height:1.4}.sidebar-building-item .building-stats{color:var(--text-gray);align-items:center;gap:4px;font-size:11px;display:flex}.sidebar-building-item .building-stats .stat-item{font-weight:500}.sidebar-building-item .building-stats .stat-divider{color:#ccc;font-size:8px}.sidebar-building-item.active .building-stats{color:var(--primary-color);opacity:.9}.sidebar-building-item.active .building-stats .stat-divider{color:var(--primary-color);opacity:.5}.sidebar-loading{color:var(--text-gray);text-align:center;padding:16px;font-size:13px}.welcome-section{text-align:center;padding:60px 20px}.welcome-avatar{object-fit:cover;border:4px solid var(--primary-color);border-radius:50%;width:100px;height:100px;margin-bottom:20px;box-shadow:0 4px 12px #8e24aa33}.welcome-title{color:var(--text-dark);margin:0 0 12px;font-size:28px;font-weight:700}.welcome-subtitle{color:var(--text-gray);margin:0;font-size:16px}.empty-state-card{text-align:center;background:#fff;border:1px solid #e5e5e5;border-radius:12px;max-width:400px;margin:40px auto 0;padding:48px 32px}.empty-state-card .empty-icon{color:var(--text-gray);margin-bottom:16px}.empty-state-card h2{color:var(--text-dark);margin:0 0 8px;font-size:18px;font-weight:600}.empty-state-card p{color:var(--text-gray);margin:0 0 24px;font-size:14px}.group-title-row{align-items:center;gap:12px;margin-bottom:4px;display:flex}.group-serial{color:var(--text-gray);background:#f5f5f5;border-radius:4px;padding:4px 10px;font-family:monospace;font-size:12px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-dark);margin:0;font-size:20px;font-weight:700}.modal-close{width:32px;height:32px;color:var(--text-gray);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{color:var(--text-dark);background:#f5f5f5}.modal-form{padding:24px}.form-group{margin-bottom:20px}.form-label{color:var(--text-dark);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.required{color:#ef4444}.form-input,.form-textarea{width:100%;color:var(--text-dark);background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #8e24aa1a}.form-textarea{resize:vertical;font-family:inherit}.error-message{color:#c33;background:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px}.modal-footer{border-top:1px solid #e5e5e5;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}.btn-secondary:hover{background:#f5f5f5;border-color:#d5d5d5}.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}.back-link{color:var(--text-gray);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:12px;padding:0;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.back-link:hover{color:var(--primary-color)}.group-serial-large{color:var(--text-gray);margin-top:8px;font-family:monospace;font-size:14px}.group-description-box{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:24px;padding:16px 20px}.group-description-box p{color:var(--text-gray);margin:0;line-height:1.6}.members-section{margin-top:32px}.section-title{color:var(--text-dark);margin-bottom:16px;font-size:18px;font-weight:700}.members-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.member-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.member-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #00000014}.member-avatar{object-fit:cover;border:2px solid #e5e5e5;border-radius:50%;width:48px;height:48px}.member-info{flex:1;min-width:0}.member-name{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:15px;font-weight:600;overflow:hidden}.member-id{color:var(--text-gray);white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:monospace;font-size:12px;overflow:hidden}.dashboard-wrapper{background:#f8f9fa;width:100%;padding:24px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-title{color:var(--text-dark);margin:0;font-size:24px;font-weight:700}.dashboard-filters{gap:12px;display:flex}.filter-select{color:var(--text-dark);cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 16px;font-size:14px}.dashboard-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.dashboard-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.section-title{color:var(--text-dark);margin:0 0 16px;font-size:16px;font-weight:600}.topology-container{min-height:400px}.topology-diagram{padding:20px 0;position:relative}.topology-node{text-align:center;margin-bottom:80px}.node-icon{margin-bottom:8px;font-size:48px}.node-label{color:var(--text-dark);font-size:14px;font-weight:600}.topology-devices{justify-content:space-around;margin-bottom:60px;display:flex}.topology-device{text-align:center;background:#f8f9fa;border-radius:12px;min-width:120px;padding:16px}.device-icon{margin-bottom:8px;font-size:32px}.device-name{color:var(--text-dark);margin-bottom:4px;font-size:13px;font-weight:600}.device-value{color:var(--primary-color);font-size:14px;font-weight:600}.device-status{color:#34a853;margin-top:4px;font-size:11px}.topology-subdevices{justify-content:space-around;gap:12px;display:flex}.topology-subdevice{text-align:center;background:#f8f9fa;border-radius:8px;flex:1;padding:12px}.subdevice-icon{margin-bottom:4px;font-size:24px}.subdevice-value{color:var(--text-gray);font-size:12px;font-weight:600}.stats-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat-card{background:#f8f9fa;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-content{flex:1}.stat-label{color:var(--text-gray);margin-bottom:4px;font-size:12px}.stat-value{align-items:baseline;gap:4px;display:flex}.stat-number{color:var(--text-dark);font-size:24px;font-weight:700}.stat-unit{color:var(--text-gray);font-size:14px}.donuts-container{flex-direction:column;gap:24px;display:flex}.donut-chart{flex-direction:column;gap:12px;display:flex}.chart-legend{flex-direction:column;gap:8px;display:flex}.legend-item{align-items:center;gap:8px;font-size:13px;display:flex}.legend-color{border-radius:3px;width:12px;height:12px}.legend-label{color:var(--text-dark);flex:1}.legend-value{color:var(--text-gray);font-weight:600}.dashboard-bottom{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.timeseries-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-tabs{gap:8px;display:flex}.chart-tab{color:var(--text-gray);cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.chart-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.chart-tab:hover:not(.active){background:#f5f5f5}.chart-wrapper{margin-top:20px}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.dashboard-grid,.stats-grid{grid-template-columns:1fr}}.chart-container{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000000d}.chart-title{color:var(--text-dark);margin-bottom:24px;font-size:24px;font-weight:700}.chart-section{margin-bottom:32px}.chart-section:last-child{margin-bottom:0}.chart-subtitle{color:var(--text-dark);margin-bottom:16px;font-size:18px;font-weight:600}.group-info-card{background:#fff;border-radius:12px;margin-bottom:24px;padding:20px;box-shadow:0 1px 3px #0000000d}.info-card{text-align:center;color:var(--text-gray);background:#f8f9fa;border-radius:12px;padding:32px}.btn-secondary{color:var(--text-dark);cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color);background:#f8f9fa}.page-subtitle{color:var(--text-gray);margin-top:4px;font-size:14px}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.dashboard-grid,.stats-grid{grid-template-columns:1fr}.chart-container{padding:16px}.chart-title{font-size:20px}.chart-subtitle{font-size:16px}}.stats-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card-mini{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border:1px solid #e5e5e5;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000014}.stat-card-mini:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-icon-mini{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:32px;display:flex}.stat-content-mini{flex:1}.stat-label-mini{color:var(--text-gray);margin-bottom:4px;font-size:12px;font-weight:500}.stat-value-mini{color:var(--text-dark);font-size:20px;font-weight:700}.custom-tooltip{background:#fffffffa;border:1px solid #e5e5e5;border-radius:8px;padding:12px;box-shadow:0 4px 12px #00000026}.tooltip-label{color:var(--text-dark);margin-bottom:8px;font-size:13px;font-weight:600}.custom-tooltip p{margin:4px 0;font-size:12px;font-weight:500}.chart-toggles{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.chart-toggle-btn{color:var(--text-gray);cursor:pointer;background:#fff;border:2px solid #e5e5e5;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.chart-toggle-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #00c30026}.chart-toggle-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px #8e24aa40}.chart-toggle-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8e24aa59}.tou-calendar{width:100%;box-shadow:var(--shadow);background:#fff;border-radius:12px;overflow:hidden}.calendar-header{background:#f5f5f5;border-bottom:1px solid #eee;grid-template-columns:repeat(7,1fr);display:grid}.calendar-day-header{text-align:center;color:var(--text-dark);padding:12px;font-size:14px;font-weight:600}.calendar-grid{border-top:1px solid #eee;border-left:1px solid #eee;grid-template-columns:repeat(7,1fr);display:grid}.calendar-cell{cursor:pointer;border:1px solid #eee;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100px;padding:8px;transition:all .2s;display:flex}.calendar-cell:hover{background:#f9f9f9}.calendar-cell.today{background:#8e24aa0d}.date-number{color:var(--text-dark);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto 4px;font-size:16px;font-weight:600;display:flex}.date-number.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px #8e24aa66}.badges{flex-direction:column;gap:4px;display:flex}.badge{color:#fff;text-align:center;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:600}.badge.on-peak{background:#8e24aa}.badge.off-peak{background:#d50000}.badge.holiday{background:#ffab00}.calendar-controls{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px;display:flex}.current-month{color:var(--primary-color);font-size:18px;font-weight:600}.nav-btn{cursor:pointer;width:36px;height:36px;color:var(--text-dark);background:0 0;border:1px solid #eee;border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.nav-btn:hover{color:var(--primary-color);background:#f5f5f5;border-color:#ddd}.calendar-cell.selected{border-color:var(--primary-color);background:#8e24aa1a}.mini-chart-container{flex-direction:column;align-items:center;margin-top:4px;margin-bottom:4px;display:flex}.daily-total{border-radius:10px;margin-top:2px;padding:2px 6px;font-size:10px;font-weight:600}.btn-edit{color:var(--primary-color);cursor:pointer;background:#ab47bc1a;border:1px solid #ab47bc33;border-radius:8px;align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-edit:hover{background:#ab47bc33;transform:translateY(-1px)}.btn-delete{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:4px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-delete:hover{background:#ef444433;transform:translateY(-1px)}.table-actions{justify-content:flex-end;gap:12px;display:flex}.loading-container{background:#f8f9fa;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100vh;display:flex}.loading-spinner{border:3px solid #8e24aa1a;border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}.loading-text{color:var(--text-gray);font-size:14px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}