.notification-banner{align-items:center;animation:slideFade .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;font-weight:500;gap:10px;left:50%;padding:12px 20px;position:fixed;top:80px;transform:translateX(-50%);z-index:9999}.notification-banner svg{font-size:1.2rem}.notification-banner.success{background-color:#e0f6ef;border:1px solid #00a27a;color:#007f65}.notification-banner.error{background-color:#fbeaea;border:1px solid #f44336;color:#b71c1c}.notification-banner.warning{background-color:#fff8e1;border:1px solid #ffb300;color:#8a6d1c}.notification-banner.info{background-color:#e3f2fd;border:1px solid #2196f3;color:#1565c0}@keyframes slideFade{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.gw-table-wrapper{background:#fff;border-radius:12px;margin-top:1.5rem;overflow-x:auto;padding:1.25rem}.gw-table-wrapper,.shadow-card{box-shadow:0 4px 12px #0000000f}.gw-table{border:none;border-collapse:initial;border-radius:12px;border-spacing:0 10px;table-layout:fixed;width:100%}.gw-table th{background-color:var(--primary);border:none;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 1px 2px #0000000a;color:#fff;font-weight:600;text-align:left}.gw-table td,.gw-table th{font-size:.95rem;padding:14px 16px}.gw-table td{background-color:#fff;border:none;border-radius:8px;box-shadow:0 1px 4px #0000000d;color:#333;overflow-wrap:break-word;vertical-align:middle;white-space:normal;word-break:break-word}.gw-table tr{transition:background .2s ease}.gw-table-row-hover:hover td{background-color:var(--secondary);box-shadow:0 2px 6px #00000014;cursor:pointer}.gw-table tr:nth-child(2n) td{background-color:#fcfcfc}.gw-table td:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.gw-table td:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px}.gw-table td input[type=number],.gw-table td input[type=text]{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:6px 10px;text-align:right;width:100%}.gw-table-header-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-bottom:1rem}.gw-table-message{color:#666;font-size:1rem;padding:2rem 1rem;text-align:center}.clickable-label{color:#007bff;cursor:pointer;font-weight:500;text-decoration:underline}.clickable-label:hover{color:#0056b3}@media (max-width:768px){.gw-table{min-width:0;min-width:auto}.gw-table-wrapper{overflow-x:hidden}}.gw-table-cards{display:flex;flex-direction:column;gap:1rem}.gw-table-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1rem;transition:box-shadow .2s ease}.gw-table-card:hover{box-shadow:0 4px 12px #0000001a}.gw-table-card-row{color:#333;font-size:.95rem;margin-bottom:.5rem}.gw-table-card-row strong{color:#666;display:inline-block;min-width:110px}.clickable-card{cursor:pointer}.gw-table-header-content{align-items:center;display:flex;gap:6px;justify-content:space-between;width:100%}.gw-table th.sortable{cursor:pointer;transition:background-color .2s ease}.gw-table th.sortable:hover{background-color:#008f6b}.gw-table-sort-icon{align-items:center;color:#fff;display:flex;font-size:.8rem;opacity:.8;transition:transform .2s ease,opacity .2s ease}.gw-table th.active-sort .gw-table-sort-icon{opacity:1;transform:scale(1.1)}.gw-pagination{align-items:flex-end;display:flex;flex-direction:column;margin-right:1rem;margin-top:1rem}.gw-pagecontrols{align-items:center;display:flex;flex-direction:row;gap:.5rem}.gw-pagechanger{background:none;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:.2rem .6rem}.gw-sizeselector{margin-top:.5rem;width:-webkit-fit-content;width:fit-content}.gw-btn{align-items:center;background-color:var(--btn-color-base);border:none;border-radius:8px;color:var(--btn-color-text);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1;margin-left:.5rem;padding:.6rem 1.25rem;text-decoration:none;transition:background-color .2s ease}.gw-btn svg{display:block;font-size:1.2rem;margin-bottom:-1px;margin-top:0}.gw-btn:hover{background-color:var(--btn-color-hover)}.gw-btn.secondary{background-color:var(--btn-color-secondary)}.gw-btn.secondary:hover{background-color:var(--btn-color-secondary-hover)}.page-header{border-bottom:1px solid #ddd;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.5rem}.page-header,.page-header-title{align-items:baseline;display:flex}.page-header-title{color:#00a27a;font-size:1.6rem;font-weight:600;gap:.5rem;line-height:1.2}.page-header-actions,.page-header-icon{align-items:center;display:flex;flex-direction:row;font-size:1.8rem;justify-content:center;line-height:1}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#fff9;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.loading-spinner{animation:spin .9s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#00a27a;height:50px;width:50px}.loading-message{color:#333;font-size:1.1rem;font-weight:500;margin-top:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{box-sizing:border-box}.device-detail-container{background-color:#f4f6f8;padding:2rem;width:100%}.device-detail-layout{align-items:stretch;display:flex;flex-wrap:wrap;gap:2rem}.device-errors-box,.device-info-box{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 1px 6px #0000000d;flex:1 1 100%;min-width:0;padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#555}.form-group input{border:1px solid #ccc;border-radius:6px;padding:.6rem .9rem;width:100%}.form-group input:focus{border-color:#007bff}.device-errors-box h3{color:#d32f2f;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.error-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.error-card{align-items:center;background:#ffe0e0;border-left:4px solid #d32f2f;border-radius:8px;box-shadow:0 1px 3px #0000000a;display:flex;font-size:.95rem;gap:10px;padding:12px 16px}.error-icon{color:#d32f2f;font-size:1.2rem}.no-errors{align-items:center;color:#4caf50;display:flex;font-size:1rem;font-weight:500;gap:10px;justify-content:center}.no-errors-icon{color:#4caf50;font-size:1.4rem}.table-base{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 6px #0000000d;margin-top:1.5rem;overflow:hidden;width:100%}.table-base td,.table-base th{border-bottom:1px solid #eee;padding:.75rem 1rem;text-align:center}.table-base th{background:#f0f2f5;color:#444;font-size:.95rem;font-weight:600}.status-light{margin:auto}.article-red{background-color:#e53935}.article-yellow{background-color:#ffeb3b}.article-green{background-color:#4caf50}.popup-overlay{background-color:#00000080;height:100%;left:0;top:0;width:100%;z-index:1000}.popup-content{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:1.5rem;max-width:95%;padding:2rem;text-align:center;width:360px}.popup-input-container{align-items:flex-end;display:flex;gap:1rem;justify-content:center}.popup-input{background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:inset 0 1px 2px #0000000d;font-size:1.2rem;height:46px;text-align:center;width:60px}.popup-input-container .gw-btn{align-items:center;display:flex;font-size:1.4rem;height:46px;justify-content:center;min-width:46px;padding:0}.popup-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.new-slot-panel{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 6px #0000000d;margin-top:2rem;padding:1.5rem}.new-slot-panel h3{color:#333;font-size:1.25rem;margin-top:0}@media (max-width:768px){.device-detail-container{padding:1rem}.device-detail-layout{flex-direction:column}.device-errors-box,.device-info-box{min-width:0;min-width:auto;width:100%}.table-base td,.table-base th{font-size:.9rem;padding:.5rem}.popup-content{width:90%}}:root{--cfg-card:#fff;--cfg-bg:#f4f6f8;--cfg-border:#e3e6eb;--cfg-text:#2f3441;--cfg-muted:#6b7280;--cfg-primary:#007bff;--brand-green:#00a27a;--cfg-shadow:0 2px 10px #0f172a0f}.device-configuration-tab .config-box{background:#fff;background:var(--cfg-card);border:1px solid #e3e6eb;border:1px solid var(--cfg-border);border-radius:14px;box-shadow:0 2px 10px #0f172a0f;box-shadow:var(--cfg-shadow);padding:1rem 1rem 1.25rem}.device-configuration-tab .config-toolbar{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:.75rem}.device-configuration-tab .config-toolbar .gw-btn{border-radius:10px;box-shadow:0 1px 4px #0000000f;font-weight:600;padding:.55rem .9rem}.device-configuration-tab .config-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr}.device-configuration-tab .config-section{background:#fff;background:var(--cfg-card);border:1px solid #e3e6eb;border:1px solid var(--cfg-border);border-radius:12px;box-shadow:0 2px 10px #0f172a0f;box-shadow:var(--cfg-shadow);display:block;overflow:hidden}.device-configuration-tab .config-section>summary{align-items:center;background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #e3e6eb;border-bottom:1px solid var(--cfg-border);color:#00a27a;color:var(--brand-green);cursor:pointer;display:flex;font-weight:700;gap:.6rem;list-style:none;padding:.8rem 1rem;-webkit-user-select:none;user-select:none}.device-configuration-tab .config-section>summary::-webkit-details-marker{display:none}.device-configuration-tab .config-section>summary:after{border-bottom:2px solid #6b7280;border-bottom:2px solid var(--cfg-muted);border-right:2px solid #6b7280;border-right:2px solid var(--cfg-muted);content:"";height:10px;margin-left:auto;transform:rotate(-45deg) translateY(-1px);transition:transform .18s ease;width:10px}.device-configuration-tab .config-section[open]>summary:after{transform:rotate(45deg) translateY(1px)}.device-configuration-tab .config-section>summary:hover{background:#f6f8fb}.device-configuration-tab .config-section>summary:focus-visible{outline:2px solid #007bff40;outline-offset:2px}.device-configuration-tab .config-fields{grid-column-gap:1rem;grid-row-gap:.85rem;animation:cfgFadeIn .15s ease;column-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:.9rem 1rem 1rem;row-gap:.85rem}@keyframes cfgFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.device-configuration-tab .form-group{grid-gap:.45rem;align-items:start;display:grid;gap:.45rem;grid-template-rows:auto auto;margin:0}.device-configuration-tab .form-group label{color:#000;font-size:.93rem;font-weight:700;letter-spacing:.01em}.device-configuration-tab .form-group input[type=number],.device-configuration-tab .form-group input[type=text]{background:#fff;border:1px solid #cfd6df;border-radius:8px;color:#2f3441;color:var(--cfg-text);font-size:.96rem;padding:.62rem .75rem;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.device-configuration-tab .form-group input[type=number]:focus,.device-configuration-tab .form-group input[type=text]:focus{border-color:#007bff;border-color:var(--cfg-primary);box-shadow:0 0 0 3px #007bff1f;outline:none}.device-configuration-tab .form-group input[type=checkbox]{accent-color:#00a27a;accent-color:var(--brand-green);cursor:pointer;height:18px;justify-self:start;margin-top:.15rem;width:18px}.device-configuration-tab .form-group input:disabled{background:#f6f7f9;border-color:#e5e7eb;color:#6b7280;color:var(--cfg-muted);cursor:not-allowed}@media (max-width:520px){.device-configuration-tab .config-fields{grid-template-columns:1fr}}.gw-tab-buttons{border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.gw-tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#555;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.gw-tab-button:hover{background-color:#00a27a0d;color:#00a27a}.gw-tab-button.active{border-bottom:3px solid #00a27a;color:#00a27a;font-weight:600}.gw-tab-icon{align-items:center;display:inline-flex;font-size:1.1rem}.status-section{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:24px}.status-box{align-self:flex-start;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;flex:none;max-width:50%;min-width:30%;padding:20px;text-align:center}.status-box:hover{transform:scale(1.05)}.yellow-box{background-color:#fdf2e3}.red-box{background-color:#f8d7da}.orange-box{background-color:orange}.device-list{gap:15px}.device-item{background-color:#fff;border:2px solid #ccc;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:15px}.status-light{height:16px;width:16px}.statis-green{background-color:green}.status-yellow{background-color:#ff0}.status-red{background-color:red}.device-link{color:inherit;cursor:pointer;font-weight:700;text-decoration:none}.device-link:hover{color:#007bff}.device-item:hover{background-color:#f9f9f9}.device-box{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:10px 0;padding:10px}.disabled-link{cursor:not-allowed;opacity:.5;pointer-events:none}@media (max-width:768px){.status-section{gap:16px;padding:16px}}.status-box{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000d;display:flex;flex:1 1 30%;flex-direction:column;max-width:100%;min-width:280px;padding:1.5rem;transition:transform .2s ease}.status-box:hover{transform:translateY(-4px)}.status-box h2{align-items:center;color:#333;display:flex;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.status-box h2:before{display:inline-block;font-size:1.2rem;margin-right:8px}.device-list{flex-direction:column;gap:6px}.device-item,.device-list{align-items:center;display:flex}.device-item{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;justify-content:space-between;padding:12px;transition:box-shadow .2s ease,background-color .2s ease}.device-item:hover{background-color:#f0f0f0;box-shadow:0 2px 6px #00000014}.device-item span{color:#333;font-size:.9rem}.status-light{border-radius:50%;display:inline-block;height:14px;width:14px}.status-green{background-color:#00a27a}.status-yellow{background-color:#f9c74f}.status-red{background-color:#f94144}.yellow-box{border-top:5px solid #f9c74f}.red-box{border-top:5px solid #f94144}.orange-box{border-top:5px solid orange}.kpi-header{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:20px;padding:24px}.kpi-box{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:16px;text-align:center;transition:transform .2s ease}.kpi-box:hover{transform:translateY(-3px)}.kpi-icon{font-size:1.4rem;margin-bottom:6px}.kpi-value{color:#333;font-size:1.6rem;font-weight:700}.kpi-label{color:#555;font-size:.9rem;margin-top:4px}.tenant-box{background:linear-gradient(90deg,#00a27a,#00745a);border-top:none!important;color:#fff}.tenant-value{font-size:1rem;font-weight:700}:root{--font-base:"Ubuntu",sans-serif;--header-height:60px;--tabbar-height:60px;--primary:#006d5b;--secondary:#2081c0;--btn-color-base:#006d5b;--btn-color-text:#f8f9fa;--btn-color-hover:#008770;--btn-color-secondary:#00a086;--btn-color-secondary-hover:#00ba9b}[merchant=m0]{--primary:#006d5b;--secondary:#2081c0}#root,body,html{font-family:Ubuntu,sans-serif;font-family:var(--font-base)}.app-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden}.layout{display:block;flex:1 1;overflow:hidden}.main-content{background-color:#f8f9fa;height:calc(100vh - 120px);height:calc(100vh - var(--header-height) - var(--tabbar-height));min-width:0;overflow-y:auto;padding:1rem}.tabbar{background-color:#006d5b;height:60px;top:60px;top:var(--header-height);z-index:900}.tabbar-icon{margin-bottom:.2rem}.tabbar-label{font-size:.75rem}@media (max-width:768px){.main-content{height:calc(100vh - 120px);height:calc(100vh - var(--header-height) - var(--tabbar-height));padding:.5rem}.tabbar-link{font-size:.75rem}.tabbar-label{font-size:.7rem}.tabbar-icon{font-size:1.1rem}}.form-card{background:#fff;box-shadow:0 0 12px #00000014;margin:2rem auto;max-width:1000px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:700;margin-bottom:.5rem}input[type=file],input[type=number],input[type=text],select{border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-bottom:1rem;padding:.6rem 1rem;width:100%}.tab-header{border-bottom:1px solid #ccc;gap:1rem;margin-bottom:1.5rem}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;cursor:pointer;font-weight:700;padding:.8rem 1.5rem;transition:all .2s ease-in-out}.tab-button.active{border-bottom:3px solid #009875;color:#009875}.component-section h3{font-size:1.2rem;margin-bottom:.5rem}.component-checkbox-grid{grid-gap:.75rem 1rem;gap:.75rem 1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.component-checkbox{background:#f8f8f8;border:1px solid #ddd;border-radius:6px;padding:.5rem 1rem}.slot-row{align-items:flex-start;display:flex;gap:.5rem;margin-bottom:1rem}.slot-inputs{display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem}.slot-inputs input{flex:1 1 180px}.icon-btn{background:#0000;border:none;color:#c00;cursor:pointer;font-size:1.2rem;padding:.5rem}.articles-section{margin-top:2rem}.import-tab .drop-area{background:#fdfdfd;border:2px dashed #ccc;border-radius:12px;margin-top:1rem;padding:2rem;text-align:center}.import-tab .file-name{font-weight:700;margin-bottom:.5rem}.upload-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.cc-option-panel.vertical,.manual-option-panel.vertical{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.cc-option-panel.vertical .form-group,.manual-option-panel.vertical .form-group{display:flex;flex-direction:column}.cc-option-panel.vertical .form-group label,.manual-option-panel.vertical .form-group label{font-weight:500;margin-bottom:4px}.dropdown-wrapper{display:flex;flex-direction:column;margin-bottom:1rem}.file-upload-container{align-items:center;display:flex;justify-content:center;padding:1rem}.file-drop-zone{background:#fafafa;border:2px dashed #ccc;border-radius:12px;max-width:600px;padding:2rem;position:relative;text-align:center;transition:border-color .3s,background .3s;width:100%}.file-drop-zone:hover{background:#f0fdf9;border-color:#00a884}.file-icon-area{align-items:center;color:#666;display:flex;flex-direction:column;font-size:1.2rem;gap:.5rem}.file-input{bottom:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;width:100%;z-index:2}.file-preview{color:#333;font-weight:500;margin-top:1rem;text-align:center}.upload-buttons{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.upload-buttons .gw-btn.secondary{background-color:#ccc;color:#333}.gw-btn.secondary{background-color:#ddd;color:#333}input[type=file]:before{background:#00a884;border:none;border-radius:6px;color:#fff;content:"Datei ausw�hlen";cursor:pointer;display:inline-block;font-weight:500;margin-right:1rem;padding:.5rem 1rem}.component-section{background:#f9fbfd;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-top:2rem;padding:1.5rem}.component-section h3{color:#2a4365;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.component-checkbox-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.component-checkbox{align-items:center;background:#fff;border:1px solid #cbd5e0;border-radius:8px;color:#2d3748;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:background .2s,border-color .2s}.component-checkbox:hover{background:#f0fdfa;border-color:#38b2ac}.component-checkbox input[type=checkbox]{accent-color:#00a884;transform:scale(1.2)}#root,body,html{height:100%;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.login-container{animation:fadeIn .6s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-radius:16px;box-shadow:0 8px 32px #0003;box-sizing:border-box;max-width:400px;overflow:auto;padding:30px;text-align:center;width:100%}.login-container h1{color:#00a27a;font-size:1.8rem;margin-bottom:1.5rem}.login-form{gap:20px;width:100%}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:6px;text-align:left}.input-group label{color:#333;font-size:.95rem;font-weight:600}.input-group input,.login-input-group input{background:#fff;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:1rem;line-height:1.4;min-height:48px;padding:14px 16px;transition:border-color .3s ease,background-color .3s ease;width:100%}.input-group input:focus{background-color:#f8fffc;border-color:#00a27a;outline:none}.login-button{background:#00a27a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px;transition:background .3s ease,transform .2s ease;width:100%}.login-button:hover{background-color:var();transform:scale(1.02)}.reset-button{background-color:var(--btn-color-secondary);border:none;border-radius:6px;color:var(--btn-color-text);cursor:pointer;font-size:.95rem;font-weight:700;padding:12px;transition:background-color .3s ease,transform .2s ease;width:100%}.reset-button:hover{background-color:var(--btn-color-secondary-hover);transform:scale(1.02)}.error{color:red;font-size:.9rem;margin-top:10px}@media (max-width:480px){.login-container{margin:20px;padding:20px}.login-container h1{font-size:1.5rem}}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000040;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.popup-window{animation:fadeInScale .3s ease;background:#fff;border-radius:12px;box-shadow:0 12px 32px #00000026;max-width:90vw;padding:24px 28px;position:relative;width:420px}.popup-close-button{background:none;border:none;color:#696a6f;cursor:pointer;font-size:1.4rem;position:absolute;right:12px;top:12px}.suggestions{margin:0}.suggestions li{border-bottom:1px solid #eee;padding:10px 14px}.suggestions li:hover{background-color:#f3faf8}.permission-card-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.permission-card{background-color:#f9fafa;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 6px #00000008;padding:1.25rem}.permission-card h4{border-bottom:1px solid #d1d1d1;color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.permission-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.permission-item{color:#333}.permission-item input[type=checkbox]{accent-color:#00a27a;height:18px;width:18px}.permissions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:1rem}.permissions-card{background-color:#f5fcf9;border:1px solid #00a27a50;border-radius:12px;box-shadow:0 2px 6px #00000008;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:800px;padding:1.5rem 2rem}.permission-group{display:flex;flex-direction:column;gap:.75rem}.permission-group-label{border-bottom:1px solid #00a27a40;color:#00795f;font-size:1.05rem;font-weight:600;margin-bottom:.25rem;padding-bottom:.25rem;width:-webkit-fit-content;width:fit-content}.permission-button{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.4rem 1rem;transition:all .2s ease}.permission-button.checked{background-color:#e3f9f3;border-color:#00a27a;color:#007f65}.permission-button:disabled{opacity:.6;pointer-events:none}.password-reset-page{margin-top:2rem;padding:0 1rem}.password-reset-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:0 auto;max-width:500px;padding:2rem 2rem 3rem}.password-reset-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.password-reset-form input[type=email],.password-reset-form input[type=password]{border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;padding:.75rem 1rem;transition:border-color .2s ease}.password-reset-form input:focus{border-color:#00a884}.notification-banner{margin-bottom:1rem}@media (max-width:480px){.password-reset-container{padding:1.5rem}.gw-btn{width:100%}}.reset-password-card,.reset-password-container{align-items:center;display:flex;flex-direction:column;padding:2rem}.reset-password-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #00000014;margin-top:1rem;max-width:400px;width:100%}.reset-password-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;width:100%}.reset-password-form input[type=password]{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.reset-password-form input[type=password]:focus{border-color:#008b5f;outline:none}.reset-password-card .notification-banner{margin-bottom:1rem}.group-detail-container{background:#fff;border-radius:12px;box-shadow:0 3px 10px #0000000f;padding:2rem}.tab-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.tab-buttons button{background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:background .2s ease}.tab-buttons .active{background:#00a27a;color:#fff}.info-card{background:#f9f9f9;border-radius:10px;padding:1rem 1.25rem}.tenant-toggle-container{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.tenant-checkbox{background:#f3f3f3;border-radius:8px;font-weight:500;gap:.5rem;padding:.75rem 1rem}.tab-header,.tenant-checkbox{align-items:center;display:flex}.tab-header{justify-content:space-between;margin-bottom:1rem}.info-grid,.info-section,.members-table{margin-top:1rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.info-item{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;padding:16px}.info-label{color:#666;font-size:.85rem;font-weight:600;margin-bottom:4px}.info-value{color:#222;font-size:1.05rem;font-weight:500}.tenant-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:1rem}.tenant-card{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 1px 4px #0000000a;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.tenant-card input{accent-color:#00a27a;cursor:pointer;height:18px;width:18px}.tenant-card.selected{background-color:#f1fbf7;border-color:#00a27a;box-shadow:0 2px 8px #0000000f;color:#007f65}.password-form{display:flex;flex-direction:column;gap:1rem}.password-message{color:#007bff;font-weight:500;margin-top:1rem}.password-requirements{font-size:.9rem;list-style:none;margin-top:.5rem;padding-left:0}.password-requirements li{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.requirement-icon{font-size:1rem}.requirement-icon.met{color:#4caf50}.requirement-icon.unmet{color:#f44336}.app-header{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--primary);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 10px #0000001f;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;height:80px;padding:0 1rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.header-center,.header-left,.header-right{align-items:center;display:flex}.header-center{justify-content:center}.header-right{justify-content:flex-end;position:relative}.tenant-selector{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 6px #00000026;color:#1d1d1d;font-size:.85rem;height:36px;line-height:1;margin-right:1rem;max-width:220px;padding:.4rem .75rem}.tenant-selector:focus,.tenant-selector:hover{box-shadow:0 0 0 2px #00a27a4d;outline:none}.header-logo{filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));height:48px}.profile-button{align-items:center;background:linear-gradient(145deg,#696a6f,#555558);border:none;border-radius:50%;box-shadow:0 3px 6px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:44px;justify-content:center;margin-right:2rem;transition:all .25s ease;width:44px}.profile-button:hover{background:#505152;transform:scale(1.05)}.dropdown-menu{animation:fadeIn .25s ease-out;background:#fff;border-radius:10px;box-shadow:0 8px 16px #0003;display:flex;flex-direction:column;margin-right:2rem;min-width:160px;overflow:hidden;position:absolute;right:0;top:60px;z-index:2000}.dropdown-menu button{background:#fff;border:none;color:#1d1d1d;cursor:pointer;font-size:.95rem;padding:.8rem 1rem;text-align:left;transition:background .2s ease}.dropdown-menu button:hover{background-color:#f1f1f1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.header-left{align-items:center;height:100%;justify-content:flex-start;padding-left:1rem}@media (max-width:768px){.tenant-selector{font-size:.75rem;height:34px;max-width:180px;padding:.3rem .5rem}.header-left{padding-left:.5rem}}.create-group-container{background:#fff;border-radius:12px;box-shadow:0 6px 16px #0000000f;margin:2rem auto;max-width:800px;padding:2rem}.group-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{align-content:left;display:grid}input[type=number],input[type=text]{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.7rem 1rem;width:100%}.checkbox-grid{grid-gap:.5rem;background:#f7f9fa;border-radius:8px;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:1rem}.suggestions{background:#fff;border:1px solid #ccc;border-radius:6px;list-style:none;margin:.5rem 0 0;max-height:200px;overflow-y:auto;padding:0}.suggestions li{cursor:pointer;padding:8px 12px}.suggestions li:hover{background-color:#f0f0f0}.selected-users{margin-top:1rem}.user-badge{background-color:#00a27a;border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;margin-right:.5rem;padding:.4rem .8rem}.checkbox-item{align-items:left;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:8px 12px;transition:background .2s ease}.checkbox-item:hover{background-color:#f0f5f5}.permission-section{background:#f9fafa;border:1px solid #e2e2e2;border-radius:8px;margin-bottom:2rem;padding:1rem}.permission-section h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.permission-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.permission-item{align-items:center;background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.6rem 1rem;transition:background .2s ease}.permission-item:hover{background-color:#f0f5f5}.user-create-form{display:flex;flex-direction:column}.user-form input[type=email],.user-form input[type=password],.user-form input[type=text]{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}.user-form input:focus{border-color:#00a27a;outline:none}.selected-tenants{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tenant-badge{align-items:center;background-color:#e0f6ef;border-radius:6px;color:#007f65;display:flex;font-size:.9rem;gap:6px;padding:6px 10px}.tenant-badge button{background:none;border:none;color:#d32f2f;cursor:pointer;font-size:1.1rem;line-height:1}.form-card{flex-direction:row}.user-detail-container{background-color:#f8f9fb;border-radius:12px;box-shadow:0 4px 14px #00000014;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.user-detail-container h1{color:#00a27a;font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-align:center}.user-detail-container .tabs-container{margin-bottom:1rem}.card-box{background:#fff;border-radius:10px;box-shadow:0 3px 10px #0000000f;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem}.card-box,.user-form{display:flex;flex-direction:column}.user-form{gap:1.25rem 1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#333;font-size:.95rem;font-weight:600;margin-bottom:.4rem}.form-group input{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.7rem .9rem;transition:border-color .2s ease}.form-group input:focus{background-color:#fff;border-color:#00a27a;outline:none}.tenant-toggle-group{gap:.6rem}.tenant-toggle{align-items:center;background-color:#f4f6f8;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;gap:.4rem;padding:.35rem .8rem;transition:all .2s ease}.tenant-toggle:hover{background-color:#eef7f5;border-color:#00a27a}.group-list{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}.group-list li{background-color:#f8f9fb;border:1px solid #ddd;border-radius:6px;color:#333;font-size:.9rem;padding:.4rem .8rem}.logs-table{margin-top:1rem}.logs-loading{color:#666;font-size:1rem;padding:1rem;text-align:center}.tools-page{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin:2rem auto;max-width:800px;padding:2rem}.tools-page h1{align-items:center;color:#00a27a;display:flex;gap:10px;justify-content:center;margin-bottom:2rem;text-align:center}.tools-list{display:flex;flex-direction:column;gap:1.5rem}.tool-card{background:#f7f9fa;border:1px solid #ddd;border-radius:8px;padding:1.5rem}.tool-card h3{color:#333;margin-top:0}.tool-card p{color:#555;margin-bottom:1rem}.download-btn{align-items:center;background-color:#00a27a;border:none;border-radius:6px;color:#fff;display:inline-flex;font-weight:700;gap:8px;padding:.6rem 1.2rem;text-decoration:none}.download-btn:hover{background-color:#008b6b}.tenant-toggle-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.tenant-toggle-card{align-items:center;background-color:#f8f9fa;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:90px;justify-content:center;padding:1.5rem 1rem 1rem;position:relative;text-align:center;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;width:180px}.tenant-toggle-card input[type=checkbox]{accent-color:#00a27a;cursor:pointer;position:absolute;right:10px;top:8px;transform:scale(1.2)}.tenant-toggle-card strong{color:#222;font-size:1.05rem;font-weight:600;margin-bottom:.25rem}.tenant-toggle-card .group-sub{color:#666;font-size:.85rem}.tenant-toggle-card.selected{background-color:#e6f8f3;border-color:#00a27a;box-shadow:0 2px 6px #00a27a26}@media (max-width:600px){.tenant-toggle-card{width:100%}}.form-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:1.5rem auto 3rem;max-width:900px;padding:2rem 2.5rem}.form-card,.tenant-form{display:flex;flex-direction:column;gap:1.5rem}.fieldset{border:1px solid #ddd;border-radius:8px;padding:1rem 1.5rem}.tabbar{background-color:var(--primary);border-bottom:2px solid #004b3b;height:var(--tabbar-height);justify-content:space-around;margin:0;padding:.25rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:999}.tabbar,.tabbar-link{align-items:center;display:flex}.tabbar-link{color:#fff;flex:1 1;flex-direction:column;font-size:.85rem;padding:.25rem .5rem;text-decoration:none;transition:background .2s ease}.tabbar-link:hover{background-color:#ffffff1a}.tabbar-icon{font-size:1.2rem;margin-bottom:.25rem}.tabbar-label{font-size:.8rem}.tabbar-link.active{background-color:#005444;font-weight:700}@media (max-width:768px){.tabbar{font-size:.8rem}.tabbar-label{font-size:.75rem}.tabbar-icon{font-size:1.1rem}}.log-page{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.filter-container{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem}.filter-container input{border:1px solid #ddd;border-radius:6px;font-size:.9rem;min-width:160px;padding:.5rem .75rem;transition:border-color .2s ease}.filter-container input:focus{border-color:#00a27a;box-shadow:0 0 0 2px #00a27a33;outline:none}
/*# sourceMappingURL=main.97e8e2b3.css.map*/