*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#2c2c2c;position:relative}#root{min-height:100vh;position:relative;z-index:1}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;min-width:600px}table thead{background:linear-gradient(135deg,#2d7d73,#0f172a);color:#fff}table th,table td{padding:1rem;text-align:left;border-bottom:1px solid #d5d5d5;color:#2c2c2c}table th{font-weight:600;white-space:nowrap}table tbody tr:hover{background:#f0f9ff}@media(max-width:768px){table{font-size:.9rem}table th,table td{padding:.75rem .5rem;font-size:.875rem}}@media(max-width:480px){table{min-width:100%}table th,table td{padding:.5rem .375rem;font-size:.8rem}}button{font-family:inherit}.btn{padding:.5rem 1rem;border-radius:6px;border:none;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#0f172a}.btn-danger{background:#2d7d73;color:#fff}.btn-danger:hover{background:#0f172a}.form-group{margin-bottom:1rem}@media(max-width:768px){.form-group{margin-bottom:.75rem}}@media(max-width:480px){.form-group{margin-bottom:.5rem}}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid #c0c0c0;border-radius:6px;font-size:1rem;background:#fff;color:#2c2c2c}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;border:1px solid #e5e7eb}@media(max-width:768px){.card{padding:.5rem;margin-bottom:.5rem}}.grid{display:grid;gap:1rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid{gap:.5rem}}@media(max-width:640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.grid{gap:.4rem}}.modal{background:#fff;border-radius:8px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a;border:1px solid #d5d5d5}.modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{color:#2c2c2c;margin:0}.modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:flex-end}@media(max-width:768px){.modal-overlay{padding:.25rem}.modal-header,.modal-body,.modal-footer{padding:.5rem}}@media(max-width:640px){.modal{max-width:100%;margin:0;max-height:100vh;border-radius:0}.modal-header,.modal-body,.modal-footer{padding:.5rem}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}@media(max-width:640px){.stats-grid{grid-template-columns:1fr;gap:.4rem;margin-bottom:.5rem}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mt-2{margin-top:1rem}.text-center{text-align:center}.hidden-mobile{display:block}@media(max-width:768px){.hidden-mobile{display:none}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f0f9ff}::-webkit-scrollbar-thumb{background:#60a5fa;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#2d7d73}._banner_v5uy0_1{background:linear-gradient(135deg,gold,#ffed4e);color:#0f172a;padding:12px 20px;text-align:center;font-weight:600;border-bottom:2px solid #ffb700;font-size:14px}.navbar{position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a,0 4px 8px #00000026,0 8px 16px #0003;overflow-x:hidden}.navbar:before{content:"";position:absolute;inset:0;background:#3fa397;z-index:-1;pointer-events:none}.nav-main-container{position:relative;z-index:1;width:100%;margin:0 auto;padding:.075rem .75rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap}@media(max-width:1024px){.nav-main-container{padding:.075rem .6rem;gap:.525rem}}@media(max-width:768px){.nav-main-container{flex-direction:row;gap:.2rem;padding:.04rem .3rem;align-items:center}}@media(max-width:480px){.nav-main-container{gap:.15rem;padding:.03rem .25rem}}.nav-left-section{flex:1;display:flex;flex-direction:column;gap:.02rem}.nav-right-section{flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.1rem}.nav-account-row{display:flex;align-items:center;gap:.3rem;padding-bottom:.02rem;border-bottom:1px solid rgba(255,255,255,.12);flex-wrap:wrap;width:100%}@media(max-width:768px){.nav-account-row{justify-content:space-between;width:100%;flex-wrap:nowrap}}@media(max-width:480px){.nav-account-row{gap:.3rem}}.nav-ecodcim-logo{height:90px;width:auto;object-fit:contain;opacity:1;filter:brightness(0) invert(1)}@media(max-width:768px){.nav-ecodcim-logo{height:72px}}@media(max-width:480px){.nav-ecodcim-logo{height:63px}}.nav-account-section{display:flex;align-items:center;gap:.75rem}.account-link{color:#fff;text-decoration:none;font-size:.975rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;padding:.09rem .5625rem;background:none;border:none;min-height:36px;line-height:1}@media(max-width:480px){.account-link{font-size:.65rem}}.account-link:hover{color:#fffc}.network-insight-btn{background:#ffffff40;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:1.65rem;cursor:pointer;padding:.375rem .825rem;transition:all .2s ease;display:flex;align-items:center;line-height:1;border-radius:3px;font-weight:300}.network-insight-btn:hover{background:#ffffff59;border-color:#fff9;color:#fff;transform:translateY(-1px)}.network-insight-btn-logo{background:#ffffff40;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:.75rem;cursor:pointer;padding:.4rem .8rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:3px;font-weight:600;letter-spacing:1.5px;text-decoration:underline;width:150px}.network-insight-btn-logo:hover{background:#ffffff59;border-color:#fff9;color:#fff;transform:translateY(-1px)}.exit-btn{background:none;border:none;color:#fff;font-size:.975rem;cursor:pointer;padding:.045rem .225rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1;min-height:36px;min-width:36px}.exit-btn:hover{color:#ffffffb3}.help-btn{background:none;border:none;color:#fff;font-size:.975rem;cursor:pointer;padding:.045rem .45rem;transition:all .2s ease;display:flex;align-items:center;line-height:1;font-weight:600;text-decoration:none;min-height:36px}.help-btn:hover{color:#ffffffb3}.network-insight-btn{background:none;border:none;color:#fff;padding:.09rem .5625rem;cursor:pointer;font-size:.975rem;font-weight:600;transition:all .2s ease;white-space:nowrap;text-decoration:underline;min-height:36px;line-height:1}.network-insight-btn:hover{color:#ffffffb3}.nav-logo{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.nav-logo-link{display:flex;align-items:center;text-decoration:none;transition:transform .2s ease,opacity .2s ease;padding:.12rem .15rem;border-radius:2px;background:#ffffffe6}.nav-logo-link:hover{transform:scale(1.05);opacity:1;background:#fff}.nav-logo-img{height:126px;width:auto;object-fit:contain}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.3rem;gap:.25rem;z-index:1001;min-width:32px;min-height:32px;justify-content:center;align-items:center;transition:all .2s ease}.hamburger:hover{opacity:.8}.hamburger:active{transform:scale(.95)}.hamburger-line{width:20px;height:2px;background-color:#fff;transition:all .3s cubic-bezier(.34,1.56,.64,1);border-radius:2px;display:block}.hamburger-line[data-open=true]:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger-line[data-open=true]:nth-child(2){opacity:0;transform:translate(-10px)}.hamburger-line[data-open=true]:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-menu{display:flex;justify-content:flex-start;align-items:center;padding:.02rem 0;width:100%}.nav-links{display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:.02rem .4rem;width:100%;align-items:center;justify-items:start}.nav-link{color:#fff;text-decoration:none;font-weight:500;font-size:.975rem;padding:.09rem .375rem;transition:all .2s;border-radius:2px;text-align:center;white-space:nowrap;min-height:24px;line-height:1;display:flex;align-items:center}.nav-link:hover{background:#ffffff26}.nav-user{display:flex;gap:.75rem;align-items:center}.user-info{color:#fff;font-size:.975rem;white-space:nowrap;text-decoration:none;cursor:pointer;transition:opacity .2s ease}.user-info:hover{opacity:.8;text-decoration:underline}.logout-btn{padding:.6rem 1.3125rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:4px;cursor:pointer;font-size:.975rem;transition:all .2s;white-space:nowrap}.logout-btn:hover{background:#ffffff4d;border-color:#fff}@media(max-width:1024px){.nav-logo-img{height:84px}.nav-links{gap:.45rem .6rem}.nav-link{font-size:1.05rem;padding:.225rem .45rem}}@media(max-width:768px){.nav-left-section{flex:1;order:1}.nav-right-section{flex-shrink:0;order:2;flex-direction:row;justify-content:center;align-items:center}.account-link{font-size:.975rem;padding:.3rem .45rem;min-height:48px;flex:1;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exit-btn{font-size:1.2rem;padding:.3rem .45rem;min-height:48px;flex-shrink:0}.network-insight-btn{font-size:.975rem;padding:.3rem .45rem;min-height:48px;flex:1;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help-btn{font-size:.975rem;padding:.3rem .45rem;min-height:48px;flex-shrink:0}.hamburger{display:flex;order:3;margin-left:auto;margin-top:-.3rem}.nav-logo-img{height:84px}.nav-menu{display:none;flex-direction:column;align-items:stretch;gap:.75rem;padding:.9rem .75rem;background:#00000014;border-radius:8px;margin:.45rem 0;max-height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden;order:4;width:100%}.nav-menu[data-open=true]{display:flex;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-menu::-webkit-scrollbar{width:6px}.nav-menu::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.nav-menu::-webkit-scrollbar-thumb{background:#6ee7b799;border-radius:4px}.nav-menu::-webkit-scrollbar-thumb:hover{background:#6ee7b7cc}.nav-links{display:flex;flex-direction:column;gap:.3rem;padding:0;align-items:stretch}.nav-link{padding:.75rem 1.05rem;border-radius:6px;background:#ffffff1f;font-size:1.2rem;transition:all .2s ease;text-align:left;color:#fff;font-weight:500;min-height:48px;display:flex;align-items:center}.nav-link:active{background:#ffffff38;transform:scale(.98)}.nav-link.admin-link{background:#ffd70026;color:gold}.nav-link.admin-link:active{background:#ffd70040}}@media(max-width:480px){.nav-account-row{gap:.375rem;padding-bottom:.15rem}.account-link{font-size:.9rem;padding:.3rem .375rem;min-height:42px;max-width:120px}.exit-btn{font-size:1.125rem;padding:.3rem .375rem;min-height:42px}.network-insight-btn{font-size:.9rem;padding:.3rem .375rem;min-height:42px;max-width:165px}.help-btn{font-size:.9rem;padding:.3rem .375rem;min-height:42px}.nav-logo-img{height:78px}.hamburger{min-width:42px;min-height:42px;padding:.3rem;gap:.3rem}.hamburger-line{width:27px;height:2px}.nav-menu{padding:1.125rem .75rem;gap:.75rem;max-height:calc(100vh - 200px)}.nav-links{gap:.6rem}.nav-link{padding:.975rem 1.275rem;font-size:1.275rem;min-height:60px}}.network-insight-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.network-insight-modal{background:#fff;border-radius:12px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;scrollbar-width:thin}.network-insight-modal::-webkit-scrollbar{width:6px}.network-insight-modal::-webkit-scrollbar-track{background:transparent}.network-insight-modal::-webkit-scrollbar-thumb{background:#60a5fa;border-radius:3px}.network-insight-modal::-webkit-scrollbar-thumb:hover{background:#2d7d73}.network-insight-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#0f172a,#2d7d73);color:#fff;border-radius:12px 12px 0 0}.network-insight-header-left{display:flex;align-items:center;gap:1rem}.network-insight-logo{height:100px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.network-insight-header h2{margin:0;font-size:1.5rem;font-weight:600}.network-insight-close{background:none;border:none;font-size:2rem;color:#fff;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.network-insight-close:hover{background-color:#fff3}.network-insight-content{padding:1.5rem}.network-insight-loading,.network-insight-error{padding:3rem;text-align:center;font-size:1.1rem;color:#6b7280}.network-insight-error{color:#2d7d73}.network-insight-error button{margin-top:1rem;padding:.5rem 1.5rem;background-color:#2d7d73;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.network-insight-error button:hover{background-color:#3fa397}.insight-section{margin-bottom:2rem}.insight-section h3{font-size:1.2rem;font-weight:600;color:#0f172a;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.insight-item{background:#f9fafb;padding:1rem;border-radius:8px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem}.insight-label{font-size:.875rem;color:#6b7280;font-weight:500}.insight-value{font-size:1.5rem;font-weight:700;color:#0f172a}.insight-value.success{color:#0284c7}.insight-value.warning{color:#f59e0b}.insight-value.alert{color:#2d7d73}.network-insight-timestamp{text-align:center;padding:1rem 0;color:#6b7280;font-style:italic;border-top:1px solid #e5e7eb;margin-top:1rem}.network-insight-footer{padding:1rem 1.5rem;border-top:2px solid #e5e7eb;display:flex;justify-content:flex-end;background-color:#f9fafb;border-radius:0 0 12px 12px}.btn-export-pdf{background:linear-gradient(135deg,#0284c7,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #10b98133}.btn-export-pdf:hover{transform:translateY(-2px);box-shadow:0 4px 8px #10b9814d}.btn-export-pdf:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.network-insight-modal{max-width:95%}.insight-grid{grid-template-columns:1fr}.network-insight-header h2{font-size:1.25rem}}.announcement-bar{background:linear-gradient(135deg,#d1d5db,#e5e7eb);border-bottom:1px solid #9ca3af;padding:.45rem .6rem;box-shadow:0 1px 2px #0003}.announcement-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:.6rem}.announcement-text{color:#16a34a;font-size:.57rem;font-weight:500;letter-spacing:.18px;flex:1}.announcement-text strong{color:#16a34a;font-weight:600}.announcement-close{background:none;border:none;color:#16a34a;font-size:.72rem;cursor:pointer;padding:.15rem .3rem;border-radius:2px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;line-height:1}.announcement-close:hover{background-color:#16a34a1a;color:#15803d}.announcement-close:active{background-color:#16a34a26}@media(max-width:768px){.announcement-bar{padding:.3rem .45rem}.announcement-content{flex-direction:column;align-items:flex-start;gap:.3rem}.announcement-text{font-size:.51rem}}.app-footer{background:#1a1a1a;color:#d1d5db;padding:3rem 1rem 1.5rem;margin-top:auto;box-shadow:0 -4px 12px #00000040;border-top:1px solid rgba(74,184,184,.1)}.footer-container{width:100%;max-width:1400px;margin:0 auto;padding:0 1rem}.footer-brand{text-align:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(74,184,184,.15)}.footer-logo{height:90px;width:auto;object-fit:contain;margin:0 auto 1rem;filter:brightness(0) invert(1);transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease;display:block}.footer-logo:hover{transform:scale(1.08);filter:brightness(0) invert(1)}.footer-description{color:#a0aec0;line-height:1.7;font-size:.9rem;margin:0 auto;max-width:90%;text-align:center;font-weight:400;letter-spacing:.01em}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:2.5rem;padding:0;justify-items:start}.footer-section{display:flex;flex-direction:column;align-items:flex-start;justify-self:start;width:100%}.footer-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.footer-icon{color:#4ab8b8;flex-shrink:0;opacity:.9;transition:color .3s ease}.footer-section-header h4{color:#e8f8f8;font-size:1.05rem;margin:0;font-weight:600;letter-spacing:.025em;text-transform:capitalize}.footer-section:hover .footer-icon{color:#5cc4c4}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}.footer-links li{margin:0}.footer-links a{color:#cbd5e1;text-decoration:none;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);padding:.35rem .5rem .35rem 0;display:inline-block;position:relative}.footer-links a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#4ab8b8,#5cc4c4);transition:width .3s ease}.footer-links a:hover{color:#fff}.footer-links a:hover:before{width:100%}.footer-contact{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.footer-contact li{display:flex;align-items:center;gap:.6rem;color:#cbd5e1;font-size:.875rem}.footer-contact-icon{flex-shrink:0;color:#4ab8b8;opacity:.8;transition:color .3s ease}.footer-contact li:hover .footer-contact-icon{color:#5cc4c4}.footer-website-link{color:#cbd5e1;text-decoration:none;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);padding:.35rem .5rem;border-radius:4px;display:inline-block;position:relative}.footer-website-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#4ab8b8,#5cc4c4);transition:width .3s ease}.footer-website-link:hover{color:#fff}.footer-website-link:hover:after{width:100%}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(74,184,184,.15);margin-bottom:1rem;flex-wrap:wrap;gap:1.5rem}.footer-copyright p{color:#94a3b8;font-size:.85rem;margin:0;font-weight:500;letter-spacing:.01em}.footer-legal-links{display:flex;align-items:center;gap:1.5rem}.footer-legal-links a{color:#94a3b8;text-decoration:none;font-size:.85rem;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:500;position:relative;padding:.25rem 0}.footer-legal-links a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1.5px;background:#4ab8b8;transition:width .3s ease}.footer-legal-links a:hover{color:#fff}.footer-legal-links a:hover:before{width:100%}.footer-legal-links .separator{color:#4ab8b84d;font-weight:300}.footer-disclaimer{background:#4ab8b80d;padding:1.25rem 1.5rem;border-radius:8px;border:1px solid rgba(74,184,184,.1)}.footer-disclaimer p{color:#94a3b8;font-size:.8rem;line-height:1.7;margin:0;font-weight:400;letter-spacing:.01em}.footer-disclaimer strong{color:#cbd5e1;font-weight:600}@media(max-width:1024px){.app-footer{padding:2.5rem 1rem 1.25rem}.footer-grid{gap:2.5rem}.footer-description{max-width:95%;font-size:.9rem}}@media(max-width:768px){.app-footer{padding:2rem 1rem 1rem}.footer-logo{height:80px}.footer-brand{margin-bottom:2rem;padding-bottom:1.5rem}.footer-description{font-size:.85rem;padding:0 .5rem;line-height:1.6;max-width:100%}.footer-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.footer-section{align-items:flex-start}.footer-bottom{flex-direction:column;text-align:center;gap:1rem;padding-top:1.25rem}.footer-copyright{width:100%;text-align:center}.footer-legal-links{justify-content:center;width:100%}.footer-disclaimer{padding:1rem 1.25rem}.footer-disclaimer p{font-size:.8rem}}@media(max-width:480px){.app-footer{padding:1.5rem .75rem 1rem}.footer-container{padding:0 .5rem}.footer-logo{height:70px;margin-bottom:.75rem}.footer-brand{margin-bottom:1.5rem;padding-bottom:1.25rem}.footer-description{font-size:.8rem;padding:0;line-height:1.5;max-width:100%}.footer-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.footer-section{width:100%}.footer-section-header h4{font-size:1rem}.footer-links{gap:.6rem}.footer-links a{font-size:.8rem;padding:.25rem 0}.footer-contact{gap:.7rem}.footer-contact li{font-size:.8rem}.footer-bottom{flex-direction:column;gap:.75rem;padding-top:1rem}.footer-copyright p{font-size:.8rem}.footer-legal-links{gap:1rem;font-size:.75rem}.footer-legal-links a{font-size:.8rem}.footer-disclaimer{padding:.75rem 1rem;border-radius:6px}.footer-disclaimer p{font-size:.75rem}}.app-layout{min-height:100vh;background:#fff;display:flex;flex-direction:column}.main-content{width:100%;padding:3rem;flex:1;display:flex;flex-direction:column}@media(min-width:1440px){.main-content{padding:3.75rem 4.5rem}}@media(max-width:1023px){.main-content{padding:2.25rem 1.875rem}}@media(max-width:768px){.main-content{padding:1.5rem 1.125rem}}@media(max-width:480px){.main-content{padding:1.125rem .75rem}}.home-page{width:100%;background:#fff}.home-navbar{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.home-navbar-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1.5rem 2rem}.home-logo{display:flex;align-items:center;cursor:pointer}.home-logo-img{height:120px;width:auto;object-fit:contain;filter:brightness(1) saturate(1)}.home-login-btn{padding:.625rem 1.5rem;background:#3fa397;color:#fff;border:none;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.home-login-btn:hover{background:#358579;transform:translateY(-2px);box-shadow:0 4px 12px #3fa39726}.home-container{max-width:1200px;margin:0 auto;padding:0 2rem}.home-hero{background:linear-gradient(#00000080,#00000080),url(/datacentre-bg.jpg) center/cover no-repeat;color:#fff;padding:6rem 2rem;text-align:center}.home-hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;line-height:1.2;letter-spacing:-1px}.home-hero-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.home-cta-btn{padding:1rem 2.5rem;background:#fff;color:#3fa397;border:none;border-radius:.5rem;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0003}.home-cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d;background:#f8fafc}.home-cta-btn-large{padding:1.25rem 3rem;font-size:1.15rem}.home-introduction{padding:4rem 2rem;background:#fff}.home-introduction h2,.home-about h2,.home-features h2,.home-cta-section h2{font-size:2.5rem;color:#3fa397;margin-bottom:1rem;text-align:center;font-weight:700}.home-introduction p,.home-about p{font-size:1.05rem;color:#4b5563;line-height:1.8;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto;text-align:center}.home-intro-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.home-highlight-item{background:#f8fafc;padding:2rem;border-radius:12px;border-left:4px solid #3fa397;text-align:left}.home-highlight-icon{font-size:2.5rem;margin-bottom:1rem}.home-highlight-item h3{font-size:1.25rem;color:#3fa397;margin-bottom:.75rem;font-weight:700}.home-highlight-item p{color:#6b7280;font-size:.95rem;text-align:left;margin:0}.home-about{padding:4rem 2rem;background:#f9fafb}.home-about p{text-align:center}.home-trial-section{padding:1.5rem 2rem;background:linear-gradient(135deg,#3fa397,#2d7d73);text-align:center}.home-trial-link{font-size:1.25rem;color:#fff;line-height:1.8;max-width:800px;margin:0 auto;font-weight:500;background:none;border:none;cursor:pointer;padding:0;text-align:center;display:block;width:100%;transition:opacity .2s ease}.home-trial-link:hover{opacity:.9;text-decoration:underline}.home-features{padding:4rem 2rem;background:#fff}.home-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.home-feature-card{background:#fff;padding:2rem;border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.home-feature-card:hover{border-color:#3fa397;box-shadow:0 8px 20px #3fa3971a;transform:translateY(-4px)}.home-feature-card h3{font-size:1.25rem;color:#3fa397;margin-bottom:.75rem;font-weight:700}.home-feature-card p{color:#6b7280;font-size:.95rem;line-height:1.6;text-align:left;margin:0}.home-cta-section{background:linear-gradient(135deg,#3fa397,#2d7d73);color:#fff;padding:4rem 2rem;text-align:center}.home-cta-section h2{color:#fff;margin-bottom:1rem}.home-cta-section p{color:#fffffff2;font-size:1.1rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.home-footer{background:#2d7d73;color:#fff;padding:3rem 2rem 1.5rem}.home-footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.home-footer-section h4{font-size:1.1rem;margin-bottom:1rem;font-weight:700}.home-footer-section p{color:#fffc;font-size:.95rem;line-height:1.6}.home-footer-section ul{list-style:none;padding:0;margin:0}.home-footer-section li{margin-bottom:.75rem}.home-footer-section a{color:#fffc;text-decoration:none;transition:color .2s ease}.home-footer-section a:hover{color:#fff}.home-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;text-align:center;color:#fff9;font-size:.9rem}@media(max-width:768px){.home-hero-title{font-size:2.25rem}.home-hero-subtitle{font-size:1.05rem}.home-hero{padding:3rem 1.5rem}.home-introduction,.home-about,.home-features,.home-cta-section{padding:2.5rem 1.5rem}.home-introduction h2,.home-about h2,.home-features h2,.home-cta-section h2{font-size:1.75rem}.home-container{padding:0 1.5rem}}@media(max-width:480px){.home-navbar-content{padding:1rem 1.5rem}.home-logo{font-size:1.5rem}.home-login-btn{padding:.5rem 1rem;font-size:.85rem}.home-hero-title{font-size:1.75rem}.home-hero-subtitle{font-size:.95rem}.home-cta-btn{padding:.75rem 1.5rem;font-size:.9rem}}._container_lfv3j_1{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0fffe,#ecf5f3);padding:1rem}._card_lfv3j_10{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2.5rem;max-width:450px;width:100%;text-align:center}._logoContainer_lfv3j_20{margin-bottom:1.5rem;display:flex;justify-content:center}._logo_lfv3j_20{height:60px;width:auto}._title_lfv3j_31{font-size:1.75rem;color:#3fa397;margin-bottom:2rem;font-weight:600}._statusContainer_lfv3j_38{display:flex;flex-direction:column;align-items:center;gap:1rem}._statusContainer_lfv3j_38._verifying_lfv3j_45,._statusContainer_lfv3j_38._success_lfv3j_46{color:#3fa397}._statusContainer_lfv3j_38._error_lfv3j_50{color:#dc2626}._spinner_lfv3j_54{width:40px;height:40px;border:4px solid #ecf5f3;border-top-color:#3fa397;border-radius:50%;animation:_spin_lfv3j_54 1s linear infinite}@keyframes _spin_lfv3j_54{to{transform:rotate(360deg)}}._successIcon_lfv3j_67,._errorIcon_lfv3j_68{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}._successIcon_lfv3j_67{background-color:#e0f7f4;color:#3fa397}._errorIcon_lfv3j_68{background-color:#fee2e2;color:#dc2626}._message_lfv3j_89{font-size:1rem;line-height:1.5;margin:0;color:inherit}._redirect_lfv3j_96{font-size:.875rem;color:#999;margin-top:.5rem}._buttonContainer_lfv3j_102{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}._button_lfv3j_102{background-color:#3fa397;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease;text-decoration:none;display:inline-block}._button_lfv3j_102:hover{background-color:#2d7d73}._secondaryButton_lfv3j_127{background-color:transparent;color:#3fa397;border:2px solid #3fa397;padding:.65rem 1.35rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}._secondaryButton_lfv3j_127:hover{background-color:#3fa397;color:#fff}._container_164il_1{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0fffe,#ecf5f3);padding:1rem}._card_164il_10{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2.5rem;max-width:450px;width:100%}._logoContainer_164il_19{margin-bottom:1.5rem;display:flex;justify-content:center}._logo_164il_19{height:60px;width:auto}._title_164il_30{font-size:1.5rem;color:#3fa397;margin:0 0 1.5rem;text-align:center;font-weight:600}._description_164il_38{font-size:.95rem;color:#666;margin-bottom:1.5rem;text-align:center;line-height:1.5}._form_164il_46{display:flex;flex-direction:column;gap:1rem}._input_164il_52{padding:.75rem;border:2px solid #e0e0e0;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}._input_164il_52:focus{outline:none;border-color:#3fa397;box-shadow:0 0 0 3px #3fa3971a}._input_164il_52:disabled{background-color:#f5f5f5;cursor:not-allowed}._error_164il_72{background-color:#fee2e2;color:#dc2626;padding:.75rem;border-radius:4px;font-size:.9rem;text-align:center}._submitButton_164il_81{background-color:#3fa397;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease}._submitButton_164il_81:hover:not(:disabled){background-color:#2d7d73}._submitButton_164il_81:disabled{background-color:#aaa;cursor:not-allowed}._footer_164il_102{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}._footer_164il_102 p{font-size:.9rem;color:#666;margin:0}._link_164il_115{color:#3fa397;text-decoration:none;font-weight:500;transition:color .3s ease}._link_164il_115:hover{color:#2d7d73}._successContainer_164il_126{text-align:center;display:flex;flex-direction:column;gap:1rem}._successIcon_164il_133{width:80px;height:80px;border-radius:50%;background-color:#e0f7f4;color:#3fa397;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;margin:0 auto}._successMessage_164il_147{font-size:1rem;color:#333;margin:0;line-height:1.5}._successSubtext_164il_154{font-size:.9rem;color:#666;margin:0}._button_164il_160{background-color:#3fa397;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:500;transition:background-color .3s ease;margin-top:.5rem}._button_164il_160:hover{background-color:#2d7d73}:root{--color-primary: #2d7d73;--color-primary-light: #93c5fd;--color-text-dark: #0f172a;--color-text-light: #6b7280;--color-border: #e9ecef;--color-bg-light: #f9fafb;--color-bg-lighter: #f8f9fa;--color-white: #ffffff;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .3);--transition: all .2s ease}@media(max-width:1920px){:root{--spacing-container-lg: 2rem}}@media(max-width:1440px){:root{--spacing-container-md: 1.5rem}}@media(max-width:768px){:root{--spacing-container-sm: .75rem}}@media(max-width:480px){:root{--spacing-container-xs: .5rem}}.dashboard-container{width:100%;margin:0 auto;padding:var(--spacing-md)}@media(min-width:1920px){.dashboard-container{padding:var(--spacing-lg) 2.5rem}}@media(min-width:1440px){.dashboard-container{padding:var(--spacing-lg) 2rem}}@media(max-width:768px){.dashboard-container{padding:var(--spacing-sm)}}@media(max-width:480px){.dashboard-container{padding:var(--spacing-xs)}}.dashboard-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.dashboard-logo{height:180px;width:auto;object-fit:contain}.dashboard-title{font-size:3rem;font-weight:700;margin:0;color:var(--color-text-dark);line-height:1.2}.dashboard-loading{padding:var(--spacing-lg);text-align:center;color:var(--color-text-light);font-size:1.25rem}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.dashboard-logo{height:100px}.dashboard-title{font-size:2.25rem}}@media(max-width:480px){.dashboard-header{gap:var(--spacing-xs)}.dashboard-logo{display:none}.dashboard-title{font-size:1.75rem}}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:var(--spacing-md)}.stat-card,.stat-card-primary,.stat-card-warning,.stat-card-info{background:var(--color-primary-light);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:none;transition:var(--transition);color:var(--color-white)}.stat-card:hover,.stat-card-primary:hover,.stat-card-warning:hover,.stat-card-info:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-label{font-size:.875rem;color:var(--color-white)!important;margin-bottom:.25rem;font-weight:500;letter-spacing:.5px}.stat-value{font-size:1.75rem;font-weight:700;color:var(--color-white)!important;line-height:1.2}@media(max-width:768px){.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.stat-value{font-size:1.5rem}}@media(max-width:480px){.dashboard-stats{grid-template-columns:1fr;gap:var(--spacing-xs)}.stat-card,.stat-card-primary,.stat-card-warning,.stat-card-info{padding:var(--spacing-sm)}.stat-label{font-size:.75rem}.stat-value{font-size:1.25rem}}.dashboard-section{background:var(--color-white);padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-md)}.section-title{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text-dark);line-height:1.3}.chart-container{background:var(--color-bg-light);padding:var(--spacing-lg);border-radius:var(--radius-md)}@media(max-width:768px){.dashboard-section{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.section-title{font-size:1.5rem}}.optimization-filters{background:var(--color-bg-lighter);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border)}.filter-label{font-weight:600;color:var(--color-text-dark);margin-bottom:var(--spacing-md);font-size:.95rem;letter-spacing:.3px}.filter-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md)}.filter-checkbox{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition)}.filter-checkbox:hover{background-color:var(--color-border)}.filter-checkbox input[type=checkbox]{margin-right:var(--spacing-sm);cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.filter-name{font-weight:500;color:#374151;font-size:.9rem}.optimization-results{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--color-border)}.optimization-results h3{color:var(--color-text-dark);font-size:1.25rem;margin-bottom:var(--spacing-md);font-weight:600}.optimization-device-table{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:auto;margin-top:var(--spacing-md);max-height:600px;box-shadow:var(--shadow-sm)}.device-table-header{display:grid;grid-template-columns:1.5fr 1.5fr 1.2fr 1.2fr 1fr 1fr;gap:var(--spacing-sm);padding:var(--spacing-md);background:#f3f4f6;border-bottom:2px solid var(--color-border);font-weight:600;font-size:.85rem;text-transform:uppercase;color:var(--color-text-dark);position:sticky;top:0;z-index:10}.device-table-row{display:grid;grid-template-columns:1.5fr 1.5fr 1.2fr 1.2fr 1fr 1fr;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);align-items:center;font-size:.9rem;transition:background-color .2s}.device-table-row:hover{background-color:#f9fafb}.col-hostname{display:flex;flex-direction:column;gap:.35rem}.hostname-text{font-weight:600;color:var(--color-text-dark);word-break:break-word}.row-badges{display:flex;gap:.25rem;flex-wrap:wrap}.col-model{color:var(--color-text-dark);font-size:.85rem}.col-rack,.col-site{color:var(--color-text-light);font-size:.9rem}.col-power{text-align:center}.power-badge{display:inline-block;background:#f0f9ff;color:#0284c7;padding:.35rem .75rem;border-radius:.25rem;font-weight:700;font-size:.9rem;border-left:3px solid #0284c7}.col-status{text-align:center}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:.25rem;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-active{background-color:#d1fae5;color:#065f46}.status-inactive{background-color:#fee2e2;color:#991b1b}.status-maintenance{background-color:#fef3c7;color:#92400e}.badge{display:inline-block;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;white-space:nowrap}.badge-danger{background-color:#fee2e2;color:#991b1b}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-info{background-color:#ecf5f3;color:#0c4a6e}@media(max-width:1200px){.device-table-header,.device-table-row{grid-template-columns:1.4fr 1.3fr 1fr 1fr .9fr .9fr;gap:var(--spacing-xs);padding:var(--spacing-sm)}}@media(max-width:768px){.optimization-device-table{max-height:500px}.device-table-header,.device-table-row{grid-template-columns:1.2fr 1.2fr .9fr .9fr .8fr .8fr;gap:.35rem;padding:var(--spacing-xs);font-size:.8rem}.col-model,.col-rack,.col-site{font-size:.8rem}.hostname-text{font-size:.85rem}}.dashboard-alerts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.alert-card{background:var(--color-primary-light);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition);border:none}.alert-danger,.alert-warning,.alert-info{background:var(--color-primary-light)!important}.alert-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.alert-label{font-size:.875rem;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--color-white);letter-spacing:.3px;text-transform:uppercase}.alert-value{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-white);line-height:1.1}.alert-message{font-size:1rem;color:var(--color-white);line-height:1.4;font-weight:500}@media(max-width:1024px){.dashboard-alerts{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media(max-width:768px){.dashboard-alerts{grid-template-columns:1fr;gap:var(--spacing-sm)}.alert-card{padding:var(--spacing-md)}.alert-value{font-size:1.75rem}.alert-message{font-size:.95rem}}.snapshot-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.snapshot-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:linear-gradient(135deg,#ecf5f3,#a7f3d0);border-radius:var(--radius-md);flex-wrap:wrap;gap:var(--spacing-sm)}.snapshot-info{display:flex;align-items:center;gap:var(--spacing-md)}.snapshot-details{display:flex;flex-direction:column;gap:.25rem}.snapshot-count{font-size:1.75rem;font-weight:700;color:var(--color-white)}.snapshot-subtitle{font-size:.875rem;color:var(--color-white)}.btn-create-snapshot{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-create-snapshot:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-create-snapshot:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.snapshot-empty{text-align:center;padding:3rem var(--spacing-md);color:var(--color-text-light);background:var(--color-bg-light);border-radius:var(--radius-md);border:2px dashed var(--color-border)}.snapshot-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem var(--spacing-md);background:var(--color-bg-light);border-radius:var(--radius-md)}.loading-spinner{width:50px;height:50px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.snapshot-loading p{color:var(--color-text-light);font-size:.875rem}.snapshots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.snapshot-card{background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition)}.snapshot-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #10b9811a;transform:translateY(-2px)}.snapshot-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.snapshot-name{font-size:1.25rem;font-weight:700;color:#111827;margin:0;flex:1}.snapshot-size{font-size:.875rem;background:#f3f4f6;color:var(--color-text-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600;white-space:nowrap}.snapshot-date{font-size:.875rem;color:var(--color-text-light);margin-top:var(--spacing-xs)}.snapshot-description{font-size:.875rem;color:#4b5563;margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md);line-height:1.5}.snapshot-actions{display:flex;gap:var(--spacing-sm)}.btn-snapshot-restore,.btn-snapshot-delete{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-snapshot-restore{background:var(--color-primary);color:var(--color-white)}.btn-snapshot-restore:hover:not(:disabled){background:#059669}.btn-snapshot-delete{background:#e5e7eb;color:var(--color-text-dark)}.btn-snapshot-delete:hover:not(:disabled){background:#d1d5db}@media(max-width:1024px){.snapshots-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.snapshots-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.snapshot-header{flex-direction:column;align-items:stretch;padding:var(--spacing-md);gap:var(--spacing-md)}.btn-create-snapshot{width:100%}}@media(max-width:480px){.snapshots-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.snapshot-card{padding:var(--spacing-md)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--color-white);border-radius:var(--radius-lg);max-width:500px;width:100%;box-shadow:var(--shadow-xl);animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:2px solid #f3f4f6}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-light);cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal-close:hover{color:var(--color-text-dark)}.modal-body{padding:var(--spacing-lg)}.modal-description{font-size:.875rem;color:var(--color-text-light);margin-bottom:var(--spacing-lg);line-height:1.6}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:var(--spacing-xs)}.form-input,.form-textarea{width:100%;padding:var(--spacing-sm);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition);font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a8a1a}.form-textarea{resize:vertical;min-height:120px}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:2px solid #f3f4f6}.btn-modal-cancel,.btn-modal-create{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-modal-cancel:hover{background:var(--color-border)}.btn-modal-create{background:var(--color-primary);color:var(--color-white)}.btn-modal-create:hover:not(:disabled){background:#059669}.btn-modal-create:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.modal-content{max-width:90%}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}.modal-header h3{font-size:1.25rem}.modal-footer{flex-direction:column}.btn-modal-cancel,.btn-modal-create{width:100%}}.snapshot-limit-notice{padding:var(--spacing-md) var(--spacing-lg);background:#ecf5f3;border:2px solid #fbbf24;border-radius:var(--radius-md);color:#92400e;font-size:.875rem;font-weight:500;text-align:center;margin-top:var(--spacing-md)}@media(max-width:1024px){.dashboard-container{padding:var(--spacing-md)}}@media(max-width:768px){.dashboard-container{padding:var(--spacing-sm)}.dashboard-section{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.chart-container{padding:var(--spacing-md)}}@media(max-width:640px){.dashboard-container{padding:var(--spacing-sm)}.section-title{font-size:1.25rem}}@media(max-width:480px){.dashboard-container{padding:var(--spacing-xs)}.dashboard-section{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.chart-container{padding:var(--spacing-md)}.section-title{font-size:1.1rem}}._container_1c5pr_1{width:100%;padding:2rem 1.5rem;background:linear-gradient(135deg,#f5f7fa,#f9fafb);min-height:100vh}@media(max-width:1024px){._container_1c5pr_1{padding:1.5rem}}@media(max-width:768px){._container_1c5pr_1{padding:1rem}}@media(max-width:480px){._container_1c5pr_1{padding:.75rem}}._headerWrapper_1c5pr_28{margin-bottom:2.5rem;text-align:left;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}._pageTitle_1c5pr_35{font-size:2.5rem;font-weight:700;color:#0f172a;margin:0 0 .5rem;letter-spacing:-.5px}._pageSubtitle_1c5pr_43{color:#6b7280;margin:.25rem 0 0;font-size:1rem}@media(max-width:768px){._pageTitle_1c5pr_35{font-size:2rem}._pageSubtitle_1c5pr_43{font-size:.95rem}}._viewControls_1c5pr_59{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}._viewLabel_1c5pr_67{font-size:.9375rem;font-weight:500;color:#374151}._viewButton_1c5pr_73{padding:.6rem 1.25rem;background:#e5e7eb;color:#374151;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9375rem;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:capitalize}._viewButton_1c5pr_73:hover{background:#d1d5db}._viewButton_1c5pr_73._active_1c5pr_90{background:#3fa397;color:#fff;box-shadow:0 4px 12px #1b6a4f4d}._statsGrid_1c5pr_96{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}._statCard_1c5pr_103{background:#fff;padding:1.75rem;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}._statCard_1c5pr_103:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f;border-color:#d1d5db}._statLabel_1c5pr_118{font-size:.9375rem;color:#6b7280;margin-bottom:.75rem;font-weight:600}._statValue_1c5pr_125{font-size:2.25rem;font-weight:700;margin:0;line-height:1}._statValue_1c5pr_125._blue_1c5pr_132{color:#0f172a}._statValue_1c5pr_125._amber_1c5pr_136{color:#f59e0b}._statValue_1c5pr_125._green_1c5pr_140{color:#0284c7}._statValue_1c5pr_125._purple_1c5pr_144{color:#8b5cf6}._statValue_1c5pr_125._red_1c5pr_148{color:#2d7d73}._gridContainer_1c5pr_152{display:grid;gap:2rem}._breadcrumb_1c5pr_157{display:flex;align-items:center;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem}._breadcrumbLink_1c5pr_166{background:transparent;color:#2d7d73;border:none;cursor:pointer;font-size:.9375rem;padding:.5rem 0;text-decoration:underline;transition:all .2s;font-weight:600}._breadcrumbLink_1c5pr_166:hover{color:#0f172a}._breadcrumbSeparator_1c5pr_182{color:#9ca3af}._breadcrumbCurrent_1c5pr_186{font-size:.9375rem;color:#374151;font-weight:600}._sectionTitle_1c5pr_192{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:1rem}._itemsGrid_1c5pr_199{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}._itemCard_1c5pr_205{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}._itemCard_1c5pr_205:hover{border-color:#f59e0b;background:#fffbf0;box-shadow:0 8px 16px #f59e0b26;transform:translateY(-2px)}._itemCardTitle_1c5pr_222{font-size:1rem;font-weight:700;color:#b45309;margin:0 0 .5rem}._itemCardDescription_1c5pr_229{font-size:.85rem;color:#6b7280;margin:.5rem 0;line-height:1.5}._itemCardDetails_1c5pr_236{font-size:.8rem;color:#9ca3af;margin-top:.75rem;display:flex;justify-content:space-between}._loadingContainer_1c5pr_244{text-align:center;padding:4rem;color:#6b7280;font-size:1.1rem;font-weight:500}._emptyState_1c5pr_252{text-align:center;padding:3rem;background:#fff;border-radius:12px;border:2px dashed #d1d5db;color:#6b7280}._emptyStateTitle_1c5pr_261{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}._emptyStateText_1c5pr_267{font-size:.95rem;margin:0}._buttonGroup_1c5pr_272{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}._primaryButton_1c5pr_279{padding:.75rem 1.5rem;background:#3fa397;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1b6a4f4d}._primaryButton_1c5pr_279:hover{transform:translateY(-2px);box-shadow:0 8px 16px #1b6a4f66}._secondaryButton_1c5pr_297{padding:.75rem 1.5rem;background:#fff;color:#0f172a;border:1.5px solid #0f172a;border-radius:8px;cursor:pointer;font-weight:700;font-size:.95rem;transition:all .2s}._secondaryButton_1c5pr_297:hover{background:#f0f9ff;transform:translateY(-2px)}._formGroup_1c5pr_314{margin-bottom:1.25rem}._formLabel_1c5pr_318{display:block;font-weight:700;color:#374151;margin-bottom:.5rem;font-size:.95rem}._formInput_1c5pr_326,._formSelect_1c5pr_327,._formTextarea_1c5pr_328{width:100%;padding:.75rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .2s}._formInput_1c5pr_326:hover,._formSelect_1c5pr_327:hover,._formTextarea_1c5pr_328:hover{border-color:#0f172a;background:#f9fafb}._formInput_1c5pr_326:focus,._formSelect_1c5pr_327:focus,._formTextarea_1c5pr_328:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #1b6a4f1a;background:#f0f9ff}._formTextarea_1c5pr_328{resize:vertical;min-height:100px}._modal_1c5pr_359{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}._modalContent_1c5pr_374{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:_slideUp_1c5pr_1 .3s ease-out}@keyframes _slideUp_1c5pr_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}._modalTitle_1c5pr_397{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 1.5rem}._modalActions_1c5pr_404{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}@media(max-width:768px){._container_1c5pr_1{padding:1rem}._pageTitle_1c5pr_35{font-size:2rem}._statsGrid_1c5pr_96{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}._statCard_1c5pr_103{padding:1.25rem}._itemsGrid_1c5pr_199{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}._modalActions_1c5pr_404{flex-direction:column}._modalActions_1c5pr_404 button{width:100%}}@media(max-width:480px){._container_1c5pr_1{padding:.75rem}._pageTitle_1c5pr_35{font-size:1.75rem}._pageSubtitle_1c5pr_43{font-size:.9rem}._statsGrid_1c5pr_96{grid-template-columns:1fr}._statValue_1c5pr_125{font-size:1.75rem}._itemsGrid_1c5pr_199{grid-template-columns:1fr}._viewControls_1c5pr_59{flex-direction:column;width:100%}._viewButton_1c5pr_73{width:100%;text-align:center}._modalContent_1c5pr_374{padding:1.5rem}._buttonGroup_1c5pr_272{flex-direction:column}._buttonGroup_1c5pr_272 button{width:100%}}.devices-container{width:100%;margin:0 auto;padding:1.5rem}@media(min-width:1920px){.devices-container{padding:2rem 3rem}}@media(max-width:768px){.devices-container{padding:.75rem}}@media(max-width:480px){.devices-container{padding:.5rem}}.devices-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:2rem;gap:2rem}@media(max-width:768px){.devices-header{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}}@media(max-width:480px){.devices-header{gap:.5rem;margin-bottom:.75rem}}.devices-header h1{font-size:2rem;font-weight:700;color:#0f172a;margin:0;text-align:left}@media(max-width:768px){.devices-header h1{font-size:1.25rem}}@media(max-width:480px){.devices-header h1{font-size:.8125rem}}.devices-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}@media(max-width:480px){.devices-actions{width:100%;flex-direction:column;gap:.5rem}.devices-actions .btn{width:100%}}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .15s;min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn-primary:hover{background:#0f172a}.btn-secondary{background:#2d7d73;color:#fff}.btn-secondary:hover{background:#3fa397}.btn-gray{background:#2d7d73;color:#fff}.btn-gray:hover{background:#0f172a}.search-filters-section{background:#fff;padding:1.5rem;border-radius:.5rem;margin-bottom:1.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb}@media(max-width:768px){.search-filters-section{padding:1rem}}@media(max-width:480px){.search-filters-section{padding:.75rem}}.search-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;min-height:44px}.filters-container{display:flex;gap:1.5rem;flex-wrap:wrap}.filter-checkbox{display:flex;align-items:center;gap:.625rem;font-size:.875rem;cursor:pointer;min-height:44px}.filter-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.filter-checkbox:hover{color:#0f172a}.device-form-container{background:#fff;padding:2rem;border-radius:.5rem;margin-bottom:2rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb}@media(max-width:768px){.device-form-container{padding:1.5rem;margin-bottom:1.5rem}}@media(max-width:480px){.device-form-container{padding:1rem;margin-bottom:1rem}}.device-form-container h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#1e293b}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column}.form-field label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.form-field input,.form-field select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;min-height:44px}.form-field input:focus,.form-field select:focus{outline:none;border-color:#2d7d73;box-shadow:0 0 0 3px #2d7a521a}.table-container{background:#fff;border-radius:.5rem;overflow-x:auto;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb;-webkit-overflow-scrolling:touch}.devices-table{width:100%;border-collapse:collapse;min-width:800px}.devices-table thead{background-color:#f8fafc;border-bottom:1px solid #e5e7eb}.devices-table th{padding:1rem;text-align:left;font-weight:700;color:#1e293b;font-size:.8125rem;text-transform:uppercase;letter-spacing:.075em;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.devices-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s}.devices-table tbody tr:hover{background-color:#f8fafc}.devices-table td{padding:.875rem 1rem;color:#334155;font-size:.875rem}.device-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-small{padding:.375rem .75rem;font-size:.8125rem;min-height:32px;border-radius:.375rem;line-height:1}.action-link{padding:.375rem .75rem;background:#2d7d73;color:#fff;border-radius:.375rem;font-size:.8125rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:600;min-height:32px;line-height:1;transition:background-color .15s}.action-link:hover{background:#3fa397}.action-link.ssh-link{background:#2d7d73}.action-link.ssh-link:hover{background:#3fa397}.action-link.https-link{background:#0284c7}.action-link.https-link:hover{background:#059669}.loading-container{padding:3rem;text-align:center;font-size:.8125rem;color:#64748b}@media(max-width:768px){.devices-container{padding:1rem;max-width:100%}.devices-header{flex-direction:column;align-items:stretch;margin-bottom:1.5rem;gap:1rem}.devices-header h1{font-size:1.5rem;width:100%;margin:0}.devices-actions{width:100%;flex-direction:column;gap:.75rem}.btn{width:100%;padding:.875rem 1rem;font-size:1rem;min-height:48px}.search-filters-section{padding:1rem}.search-input{font-size:16px;padding:.875rem 1rem;min-height:48px}.filters-container{flex-direction:column;gap:.75rem}.filter-checkbox{padding:.5rem 0;min-height:48px;font-size:1rem}.filter-checkbox input[type=checkbox]{width:20px;height:20px}.device-form-container{padding:1.25rem}.device-form-container h2{font-size:1.25rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-field input,.form-field select{font-size:16px;padding:.875rem;min-height:48px}.form-field label{font-size:.875rem}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.devices-table{font-size:.875rem}.devices-table th,.devices-table td{padding:.75rem .5rem}.device-actions{flex-direction:column;width:100%;gap:.5rem}.btn-small,.action-link{width:100%;min-height:28px;padding:.3rem .5rem;font-size:.8rem}}@media(max-width:640px){.devices-container{padding:.75rem}.devices-header h1{font-size:1.25rem}.search-filters-section{padding:.75rem}.device-form-container{padding:1rem}.device-form-container h2{font-size:.8125rem}.devices-table{min-width:600px}.devices-table th,.devices-table td{font-size:.8125rem;padding:.5rem .375rem}}@media(max-width:480px){.devices-container{padding:.5rem;margin:0}.devices-header{gap:.75rem}.devices-header h1{font-size:.8125rem}.btn{padding:.75rem .875rem;font-size:.875rem;min-height:44px}.search-input{padding:.75rem .875rem;font-size:16px;min-height:44px}.filter-checkbox{font-size:.9rem;min-height:44px}.device-form-container{padding:.875rem}.device-form-container h2{font-size:1rem;margin-bottom:1rem}.form-field input,.form-field select{font-size:16px;padding:.75rem;min-height:44px}.form-field label{font-size:.875rem}.devices-table{min-width:500px;font-size:.7rem}.devices-table th,.devices-table td{padding:.375rem .25rem}.btn-small,.action-link{min-height:24px;padding:.25rem .5rem;font-size:.7rem}}.forecast-container{width:100%;margin:0 auto;padding:1rem}@media(min-width:1440px){.forecast-container{padding:1.5rem 2rem}}@media(min-width:1920px){.forecast-container{padding:2rem 3rem}}@media(max-width:768px){.forecast-container{padding:.75rem}}@media(max-width:480px){.forecast-container{padding:.5rem}}.forecast-section{display:flex;gap:1rem;margin-bottom:2rem;align-items:flex-end;flex-wrap:wrap}@media(max-width:768px){.forecast-section{flex-direction:column;gap:.75rem;align-items:stretch}}@media(max-width:480px){.forecast-section{gap:.5rem;margin-bottom:1.5rem}}.project-info{flex:1;min-width:300px}.project-info label{display:block;font-weight:600;color:#0f172a;margin-bottom:.5rem;font-size:.9rem}.project-input{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .2s;font-family:inherit}.project-input:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #1b6a4f1a}@media(max-width:480px){.action-buttons{flex-direction:column;gap:.5rem}.btn-add-hardware,.btn-save,.btn-load,.btn-clear{width:100%}}.btn-add-hardware,.btn-save,.btn-load,.btn-clear{padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-add-hardware{background:#0284c7;color:#fff}.btn-add-hardware:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-save{background:#2d7d73;color:#fff}.btn-save:hover:not(:disabled){background:#3fa397;transform:translateY(-2px);box-shadow:0 4px 12px #2d7a524d}.btn-save:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.btn-load{background:#8b5cf6;color:#fff}.btn-load:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.btn-clear{background:#fff;color:#fff}.btn-clear:hover{background:#e5e7eb;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;box-shadow:0 20px 40px #0000004d;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #f3f4f6}.modal-header h3{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.modal-close{background:none;border:none;font-size:2rem;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#6b7280}.modal-body{padding:1.5rem}.projects-list{display:flex;flex-direction:column;gap:1rem}.project-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e9ecef;border-radius:8px;background:#f9fafb;transition:all .2s}.project-item:hover{background:#fff;border-color:#0f172a;box-shadow:0 2px 8px #1b6a4f1a}.project-info-modal h4{margin:0 0 .5rem;color:#0f172a;font-size:1rem;font-weight:600}.project-meta{margin:.25rem 0;font-size:.85rem;color:#6b7280}.project-date{margin:.5rem 0 0;font-size:.75rem;color:#9ca3af}.project-actions{display:flex;gap:.5rem}.btn-load-project,.btn-delete-project{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-load-project{background:#0284c7;color:#fff}.btn-load-project:hover{background:#059669}.btn-delete-project{background:#fee2e2;color:#2d7d73}.btn-delete-project:hover{background:#fecaca}.hardware-form-section{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d}@media(max-width:768px){.hardware-form-section{padding:1.5rem;margin-bottom:1.5rem}}@media(max-width:480px){.hardware-form-section{padding:1rem;margin-bottom:1rem}}.section-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:1.5rem}.hardware-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}@media(max-width:768px){.hardware-form{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:480px){.hardware-form{grid-template-columns:1fr;gap:.75rem}}.form-group label{font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9rem}.form-input{padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .2s;font-family:inherit}.form-input:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #1b6a4f1a}.form-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.5}.btn-submit{padding:.75rem 1.5rem;background:#0f172a;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;grid-column:1 / -1}.btn-submit:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 4px 12px #1b6a4f4d}.forecast-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}@media(max-width:1024px){.forecast-summary{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media(max-width:768px){.forecast-summary{grid-template-columns:1fr;gap:.75rem}}.summary-card{padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;text-align:center}.summary-primary,.summary-warning,.summary-info{background:#ecf5f3}.summary-label{font-size:.85rem;color:#6b7280;font-weight:500;margin-bottom:.5rem}.summary-value{font-size:2rem;font-weight:700;color:#0f172a}.summary-unit{font-size:.85rem;color:#6b7280;margin-top:.25rem}.hardware-list-section{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d}.hardware-list{margin-bottom:2rem;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.hardware-list-header{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.5fr .8fr;gap:1rem;padding:1rem;background:#f9fafb;font-weight:600;color:#374151;font-size:.9rem;border-bottom:2px solid #e9ecef}.hardware-list-item{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.5fr .8fr;gap:1rem;padding:1rem;border-bottom:1px solid #e9ecef;align-items:center;font-size:.9rem}.hardware-list-item:last-of-type{border-bottom:none}.hardware-list-item:hover{background:#f9fafb}.col-device{color:#0f172a;font-weight:500}.col-power,.col-qty,.col-total{text-align:center;color:#6b7280}.col-action{text-align:center}.qty-input{width:60px;padding:.5rem;border:1px solid #e9ecef;border-radius:6px;text-align:center;font-size:.9rem}.qty-input:focus{outline:none;border-color:#0f172a}.btn-remove{padding:.5rem;background:#fee2e2;color:#2d7d73;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s;font-size:.9rem}.btn-remove:hover{background:#fecaca}.hardware-list-footer{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.5fr .8fr;gap:1rem;padding:1rem;background:#f9fafb;font-weight:600;border-top:2px solid #e9ecef;color:#0f172a}.project-calculations{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.calc-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.calc-card h3{color:#0f172a;font-size:1.1rem;margin-bottom:1rem;border-bottom:2px solid #e9ecef;padding-bottom:.75rem}.calc-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f3f4f6;font-size:.9rem;color:#6b7280}.calc-row:last-child{border-bottom:none}.calc-row strong{color:#0f172a;font-weight:600}.calc-note{margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6;font-size:.85rem;color:#9ca3af;font-style:italic}.project-export{text-align:center;margin-bottom:1rem}.btn-export{padding:.75rem 2rem;background:#2d7d73;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-export:hover{background:#3fa397;transform:translateY(-2px);box-shadow:0 4px 12px #2d7a524d}.empty-state{text-align:center;padding:4rem 2rem;background:#f9fafb;border:2px dashed #e9ecef;border-radius:12px;color:#6b7280}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{color:#374151;font-size:1.25rem;margin-bottom:.5rem}.empty-state p{font-size:1rem}@media(max-width:1024px){.hardware-list-header,.hardware-list-item,.hardware-list-footer{grid-template-columns:1.5fr 1fr 1fr 1.2fr .8fr}}@media(max-width:768px){.forecast-container{padding:.75rem}.forecast-section{flex-direction:column}.project-info,.action-buttons{width:100%}.action-buttons button{flex:1;min-width:100px}.hardware-form{grid-template-columns:1fr}.btn-submit{grid-column:auto}.forecast-summary{grid-template-columns:1fr}.hardware-list-header,.hardware-list-item,.hardware-list-footer{grid-template-columns:1fr;gap:.5rem;font-size:.85rem}.col-device:before{content:"Device: ";font-weight:600}.col-power:before{content:"Power: ";font-weight:600}.col-qty:before{content:"Qty: ";font-weight:600}.col-total:before{content:"Total: ";font-weight:600}.project-calculations{grid-template-columns:1fr}}.capacity-planning-container{width:100%;padding:2rem;margin:0;background:linear-gradient(135deg,#f5f7fa,#f9fafb);min-height:100vh}@media(max-width:1024px){.capacity-planning-container{padding:1.5rem}}@media(max-width:768px){.capacity-planning-container{padding:1rem}}@media(max-width:480px){.capacity-planning-container{padding:.75rem}}.capacity-header{margin-bottom:2rem}.capacity-header h1{color:#0f172a;font-size:2.5rem;font-weight:700;margin:0;margin-bottom:.25rem;text-align:left;letter-spacing:-.5px}.capacity-header p{color:#6b7280;font-size:1rem;margin:0;text-align:left}@media(max-width:768px){.capacity-header h1{font-size:2rem}.capacity-header p{font-size:.95rem}}.capacity-controls{display:flex;justify-content:flex-start;align-items:center;margin-bottom:2rem}.view-toggle{display:flex;gap:.75rem;background:#fff;padding:.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.view-toggle button{padding:.75rem 1.25rem;background:transparent;color:#6b7280;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:.95rem}.view-toggle button:hover{color:#0f172a;background:#f3f4f6}.view-toggle button.active{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 4px 12px #1b6a4f33}.site-view{width:100%}.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;width:100%}.site-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1)}.site-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-4px);border-color:#0f172a}.site-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.site-card-header h2{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700}.site-stats-badge{background:linear-gradient(135deg,#f0f9ff,#ecf5f3);color:#3fa397;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:700;border:1.5px solid #a7f3d0;box-shadow:0 2px 4px #1b6a4f1a}.site-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.75rem}@media(max-width:768px){.site-metrics{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media(max-width:480px){.site-metrics{grid-template-columns:1fr;gap:.75rem}}.metric{text-align:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:1.25rem;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s}.metric:hover{background:linear-gradient(135deg,#f3f4f6,#eff0f3);transform:translateY(-2px)}.metric-label{display:block;font-size:.8rem;color:#6b7280;margin-bottom:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.metric-value{display:block;font-size:1.75rem;font-weight:800;color:#0f172a}.utilization-section{background:linear-gradient(135deg,#f0f9ff,#f3f4f6);padding:1.5rem;border-radius:8px;margin-bottom:1.75rem;border:1.5px solid #a7f3d0}.utilization-header{display:flex;justify-content:space-between;margin-bottom:1rem;color:#374151;font-size:.95rem;font-weight:700}.utilization-percent{color:#0f172a;font-weight:800}.utilization-bar{width:100%;height:24px;background:#ecf5f3;border-radius:12px;overflow:hidden;margin-bottom:1rem;box-shadow:inset 0 2px 4px #0000000f}.utilization-fill{height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:12px}.utilization-details{display:flex;justify-content:space-between;font-size:.85rem;color:#4b5563;font-weight:600}.site-racks-preview h4{color:#0f172a;margin:0 0 1.25rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.mini-rack-list{display:flex;flex-direction:column;gap:.75rem}.mini-rack{display:grid;grid-template-columns:70px 1fr 50px;gap:.75rem;align-items:center;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb;transition:all .2s}.mini-rack:hover{background:#f9fafb;border-color:#0f172a}.mini-rack-id{font-weight:700;color:#0f172a;font-size:.85rem}.mini-rack-bar{height:14px;background:#e5e7eb;border-radius:7px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.mini-rack-fill{height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.mini-rack-percent{text-align:right;font-size:.85rem;font-weight:700;color:#0f172a}.row-view{width:100%}.room-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1)}.room-section:hover{box-shadow:0 12px 24px #0000001f}.room-header{border-bottom:3px solid #0f172a;padding-bottom:1.25rem;margin-bottom:2rem}.room-header h2{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700}.row-container{margin-bottom:2.5rem}.row-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1.5px solid #f3f4f6}.row-label h3{color:#059669;margin:0;font-size:1.25rem;font-weight:700}.rack-count{background:#f0fffe;color:#0f172a;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:700;border:1.5px solid #a7f3d0}.row-racks{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}.row-rack-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:10px;padding:1.25rem;border:1.5px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.row-rack-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #10b98133;border-color:#0284c7;background:#fff}.rack-visual{margin-bottom:1.25rem}.rack-body{height:140px;width:100%;background:linear-gradient(135deg,#fff,#f9fafb);border:2.5px solid #d5d5d5;border-radius:6px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 2px 4px #0000000d}.rack-fill{width:100%;transition:height .4s cubic-bezier(.4,0,.2,1);border-radius:0 0 4px 4px}.rack-label{text-align:center;font-weight:800;margin-top:.75rem;color:#0f172a;font-size:.95rem;letter-spacing:-.3px}.rack-details{display:flex;flex-direction:column;gap:.65rem}.rack-detail-item{display:flex;justify-content:space-between;font-size:.85rem;color:#374151;font-weight:500}.rack-detail-item strong{color:#0f172a;font-weight:700}.rack-utilization-badge{margin-top:.75rem;padding:.6rem .75rem;background:#3fa397;color:#fff;border-radius:6px;text-align:center;font-weight:800;font-size:.85rem;box-shadow:0 4px 12px #1b6a4f4d;letter-spacing:.2px}@media(max-width:1024px){.site-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.row-racks{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:768px){.capacity-header h1{font-size:2rem}.site-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.site-card{padding:1.25rem}.site-metrics{grid-template-columns:repeat(2,1fr);gap:.75rem}.room-section{padding:1.25rem}.row-racks{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}.row-rack-card{padding:1rem}.rack-body{height:120px}}@media(max-width:480px){.capacity-header h1{font-size:1.5rem}.capacity-header p{font-size:.9rem}.site-grid{grid-template-columns:1fr;gap:1rem}.site-card{padding:1rem}.site-metrics{grid-template-columns:1fr;gap:.75rem}.metric-value{font-size:1.5rem}.room-section{padding:1rem}.row-racks{grid-template-columns:repeat(2,1fr);gap:.75rem}.row-rack-card{padding:.75rem}.rack-body{height:100px}.rack-label{font-size:.85rem;margin-top:.5rem}.rack-detail-item{font-size:.75rem}.rack-utilization-badge{font-size:.75rem;padding:.5rem}}.management-container{min-height:100vh;padding:1rem;width:100%;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#f9fafb)}.management-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1rem;gap:2rem}@media(max-width:768px){.management-header{flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}}@media(max-width:480px){.management-header{gap:.5rem}}.management-header h1{color:#0f172a;margin:0;font-size:1.75rem}@media(max-width:768px){.management-header h1{font-size:1.25rem}}@media(max-width:480px){.management-header h1{font-size:1.125rem}}.header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}@media(max-width:768px){.header-actions{width:100%}}.filter-select{padding:.5rem .75rem;border:1px solid #c0c0c0;border-radius:6px;background:#fff;color:#2c2c2c;font-size:14px;cursor:pointer;min-height:40px}.btn-primary{padding:.5rem 1rem;background-color:#2d7d73;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background-color .2s;min-height:44px}.btn-primary:hover{background-color:#0f172a}.btn-secondary{padding:10px 24px;background-color:#2d7d73;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;min-height:44px}.btn-secondary:hover{background-color:#0f172a}.btn-edit{padding:6px 12px;background-color:#2d7d73;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s;min-height:40px;white-space:nowrap}.btn-edit:hover{background-color:#3fa397;box-shadow:0 2px 4px #2d7a5233}.btn-delete{padding:6px 12px;background-color:#2d7d73;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s;min-height:40px;white-space:nowrap}.btn-delete:hover{background-color:#2d7d73;box-shadow:0 2px 4px #ef444433}.vendor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;width:100%;margin:0 auto}.vendor-card{background:#fff;border-radius:.5rem;padding:1.25rem;box-shadow:0 2px 8px #00000014;border:2px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1)}.vendor-card:hover{border-color:#2d7d73;box-shadow:0 4px 16px #2d7a5233;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.card-header h3{margin:0;color:#0f172a;font-size:1.125rem;font-weight:600}.card-actions{display:flex;gap:8px}.card-body p{margin:.35rem 0;font-size:14px;color:#374151}.card-body a{color:#2d7d73;text-decoration:none}.card-body a:hover{text-decoration:underline}.table-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;border:1px solid #d5d5d5;-webkit-overflow-scrolling:touch}@media(max-width:768px){.table-container{padding:1rem}}@media(max-width:480px){.table-container{padding:.75rem;border-radius:8px}}.data-table{width:100%;border-collapse:collapse;min-width:600px}@media(max-width:768px){.data-table{min-width:500px;font-size:.9rem}}@media(max-width:480px){.data-table{min-width:400px;font-size:.8rem}}.data-table th{background-color:#f9fafb;padding:12px;text-align:left;font-weight:600;color:#0f172a;border-bottom:2px solid #e5e7eb;white-space:nowrap;position:sticky;top:0;z-index:10}@media(max-width:768px){.data-table th{padding:10px 8px;font-size:.85rem}}@media(max-width:480px){.data-table th{padding:8px 6px;font-size:.75rem}}.data-table td{padding:12px;border-bottom:1px solid #e5e7eb;font-size:14px;color:#374151}@media(max-width:768px){.data-table td{padding:10px 8px;font-size:.9rem}}@media(max-width:480px){.data-table td{padding:8px 6px;font-size:.8rem}}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;display:inline-block}.status-active{background-color:#ecf5f3;color:#0f172a}.status-inactive{background-color:#fee2e2;color:#2d7d73}.status-pending,.status-low{background-color:#ecf5f3;color:#92400e}.status-out{background-color:#fee2e2;color:#2d7d73}.inventory-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center;border:1px solid #d5d5d5;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}@media(max-width:768px){.stat-card{padding:1rem}}.stat-value{font-size:32px;font-weight:700;color:#0f172a;margin-bottom:5px}@media(max-width:480px){.stat-value{font-size:24px}}.stat-label{font-size:14px;color:#6b7280;font-weight:500}@media(max-width:480px){.stat-label{font-size:12px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;overflow-y:auto}@media(max-width:480px){.modal-overlay{padding:1rem}}.modal-content{background:#fff;border-radius:12px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d;border:1px solid #d5d5d5;scrollbar-width:thin}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;gap:1rem}@media(max-width:768px){.modal-header{padding:1rem}}@media(max-width:480px){.modal-header{flex-wrap:wrap;padding:1rem}}.modal-header h2{margin:0;color:#0f172a;font-size:22px;flex:1;min-width:0;overflow-wrap:break-word}@media(max-width:480px){.modal-header h2{font-size:18px}}.close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#6b7280;padding:0;width:30px;height:30px;line-height:1;flex-shrink:0;min-height:44px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#374151;background:#f3f4f6;border-radius:6px}.modal-content form{padding:20px}@media(max-width:768px){.modal-content form{padding:1rem}}@media(max-width:480px){.modal-content form{padding:.75rem}}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}@media(max-width:768px){.form-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:480px){.form-grid{grid-template-columns:1fr;gap:.75rem}}.form-group label{margin-bottom:6px;font-weight:600;color:#374151;font-size:14px}@media(max-width:480px){.form-group label{font-size:13px}}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #c0c0c0;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;color:#2c2c2c;min-height:40px}@media(max-width:480px){.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:12px}}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2d7d73;box-shadow:0 0 0 3px #2d7a521a}.modal-actions{display:flex;justify-content:flex-end;gap:15px;padding-top:20px;border-top:1px solid #e5e7eb;flex-wrap:wrap}@media(max-width:768px){.modal-actions{flex-direction:column;gap:1rem}}@media(max-width:480px){.modal-actions{gap:.75rem}}.modal-actions button{min-height:44px}@media(max-width:768px){.modal-actions button{width:100%}}.loading{text-align:center;padding:50px;font-size:18px;color:#6b7280}.ipam-search-section{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}@media(max-width:768px){.ipam-search-section{padding:1rem}}@media(max-width:480px){.ipam-search-section{padding:.75rem}}.search-inputs{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:end}@media(max-width:768px){.search-inputs{grid-template-columns:1fr;gap:.75rem;align-items:stretch}}@media(max-width:480px){.search-inputs{grid-template-columns:1fr;gap:.5rem}}.search-field label{font-size:.875rem;font-weight:600;color:#374151}@media(max-width:480px){.search-field label{font-size:.8rem}}.search-input{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s;width:100%;min-height:44px}.search-input:focus{outline:none;border-color:#2d7d73;box-shadow:0 0 0 3px #10b9811a}.search-input::placeholder{color:#9ca3af}@media(max-width:480px){.search-input{font-size:16px}}.btn-clear-search{padding:.75rem 1.5rem;background:#fee2e2;color:#2d7d73;border:2px solid #fecaca;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;min-height:44px}.btn-clear-search:hover{background:#fecaca;border-color:#fca5a5}@media(max-width:768px){.btn-clear-search{width:100%}}.search-results-info{margin-top:1rem;padding:.75rem 1rem;background:#f0f9ff;border:1px solid #2d7d73;border-radius:8px;color:#0f172a;font-size:.875rem;font-weight:600;text-align:center}.text-muted{color:#6b7280;font-size:.9rem}.help-container{width:100%;margin:0 auto;padding:2rem 1rem;background:linear-gradient(135deg,#f5f7fa,#f9fafb);min-height:100vh;text-align:left}.help-header{margin-bottom:40px;text-align:left}.help-header h1{color:#0f172a;margin-bottom:10px;font-size:36px;text-align:left}.help-subtitle{color:#666;font-size:16px;margin:0;text-align:left}.help-layout{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}.help-nav{position:sticky;top:20px;background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #00000014;padding:1.5rem;max-height:calc(100vh - 100px);overflow-y:auto;border:2px solid #2d7d73;scrollbar-width:thin;transition:all .2s cubic-bezier(.4,0,.2,1)}.help-nav::-webkit-scrollbar{width:6px}.help-nav::-webkit-scrollbar-track{background:transparent}.help-nav::-webkit-scrollbar-thumb{background:#60a5fa;border-radius:3px}.help-nav::-webkit-scrollbar-thumb:hover{background:#2d7d73}.help-toc h3{color:#0f172a;font-size:1rem;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #2d7d73;font-weight:600}.help-toc ul{list-style:none;padding:0;margin:0}.help-toc>ul>li{margin-bottom:10px}.help-toc ul ul{margin-left:15px;margin-top:5px}.help-toc ul ul li{margin-bottom:5px}.help-toc a{color:#4b5563;text-decoration:none;display:block;padding:.5rem .75rem;border-radius:.375rem;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.875rem;cursor:pointer}.help-toc a:hover{background-color:#ecf5f3;color:#0f172a;border-left:3px solid #2d7d73;padding-left:.5rem}.help-toc a.active{background:#3fa397;color:#fff;font-weight:600}.help-toc ul ul a{font-size:13px;padding:4px 8px}.help-content{min-width:0;text-align:left}.help-section{background:#fff;padding:2rem;margin-bottom:1.5rem;border-radius:.5rem;box-shadow:0 2px 8px #00000014;scroll-margin-top:20px;border:2px solid #e0e0e0;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left}.help-section:hover{border-color:#2d7d73;box-shadow:0 4px 16px #2d7a5226}.help-section h2{color:#0f172a;margin-top:0;margin-bottom:1.5rem;font-size:1.75rem;border-bottom:3px solid #2d7d73;padding-bottom:1rem;font-weight:600;text-align:left}.help-subsection{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0;text-align:left}.help-subsection:first-child{margin-top:0;padding-top:0;border-top:none}.help-section h3{color:#0f172a;margin-top:1.5rem;margin-bottom:1rem;font-size:1.375rem;font-weight:600;text-align:left}.help-subsection h3{font-size:1.25rem;text-align:left}.help-section h4{color:#0f172a;margin-top:1.25rem;margin-bottom:.75rem;font-size:1.05rem;font-weight:600;text-align:left}.help-section p{line-height:1.7;color:#4b5563;margin-bottom:1rem;font-size:.95rem;text-align:left}.help-section ul,.help-section ol{line-height:1.8;color:#4b5563;margin-bottom:15px;padding-left:25px;text-align:left}.help-section ul li,.help-section ol li{margin-bottom:10px;text-align:left}.help-section ul ul,.help-section ol ul{margin-top:10px;margin-bottom:10px;text-align:left}.help-section strong{color:#0f172a;font-weight:600}.help-badge{display:inline-block;padding:4px 12px;border-radius:.5rem;font-size:13px;font-weight:600;margin:0 3px}.help-badge.green{background-color:#ecf5f3;color:#0284c7}.help-badge.amber{background-color:#ecf5f3;color:#b45309}.help-badge.red{background-color:#fee2e2;color:#2d7d73}.help-section code{background-color:#f3f4f6;padding:3px 8px;border-radius:.5rem;font-family:Courier New,monospace;color:#2d7d73;font-size:14px;border:2px solid transparent}.feature-highlight{background-color:#f0fffe;border-left:4px solid #3fa397;padding:1.5rem;margin:1.5rem 0;border-radius:.5rem;border:1px solid #ecf5f3;text-align:left}.feature-highlight h4{margin-top:0;color:#0f172a;font-size:16px;text-align:left}.feature-highlight ul{text-align:left;padding-left:25px}.feature-highlight ul li{text-align:left;margin-bottom:8px;color:#0f172a}.metric-grid{display:flex;flex-direction:column;gap:12px;margin:1.5rem 0}.metric-item{background:#f9fafb;padding:15px;border-radius:.5rem;border-left:4px solid #3fa397;border:1px solid #e0e0e0;text-align:left}.metric-item strong{display:block;margin-bottom:5px;font-size:15px;color:#0f172a;text-align:left}.metric-item p{margin:0;font-size:13px;color:#6b7280;text-align:left}.field-groups{display:flex;flex-direction:column;gap:15px;margin:15px 0}.field-group{background:#f9fafb;padding:15px;border-radius:.5rem;border:1px solid #e0e0e0;border-left:4px solid #3fa397;text-align:left}.field-group strong{display:block;margin-bottom:10px;font-size:14px;color:#0f172a;text-align:left}.field-group ul{margin:0;padding-left:20px;text-align:left}.field-group ul li{margin-bottom:5px;font-size:14px;color:#4b5563;text-align:left}.help-footer{margin-top:30px;padding-top:20px;border-top:2px solid #e5e7eb;color:#6b7280;font-size:14px;text-align:left}.help-footer p{margin:5px 0;color:#6b7280;text-align:left}@media(max-width:1024px){.help-layout{grid-template-columns:1fr}.help-nav{position:static;max-height:none;margin-bottom:30px}}@media(max-width:768px){.help-container{padding:20px 15px}.help-header h1{font-size:28px}.help-section{padding:25px 20px}.help-section h2{font-size:24px}.help-section h3{font-size:20px}.help-section h4{font-size:16px}.metric-grid,.field-groups{grid-template-columns:1fr}.help-nav{padding:15px}.help-toc a{font-size:13px}}.cve-container{width:100%;padding:2rem;margin:0;background:linear-gradient(135deg,#f5f7fa,#f9fafb);min-height:100vh}@media(max-width:1024px){.cve-container{padding:1.5rem}}@media(max-width:768px){.cve-container{padding:1rem}}@media(max-width:480px){.cve-container{padding:.75rem}}.cve-header{margin-bottom:2rem}.cve-header h1{color:#0f172a;font-size:2.5rem;font-weight:700;margin:0;margin-bottom:.25rem;text-align:left;letter-spacing:-.5px}.cve-header p{color:#6b7280;font-size:1rem;margin:0;text-align:left}@media(max-width:768px){.cve-header h1{font-size:2rem}.cve-header p{font-size:.95rem}}.cve-controls{display:flex;align-items:center;margin-bottom:2rem;flex-wrap:wrap}.cve-controls>div{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.cve-table-container{width:100%;background:#fff;border-radius:.5rem;overflow:auto;box-shadow:0 2px 8px #00000014;max-height:800px}.cve-table-header{display:grid;grid-template-columns:1.2fr 2.5fr 1.1fr .8fr 1.2fr 1.2fr 1.2fr 1.1fr;gap:1rem;padding:1rem;background:#f3f4f6;border-bottom:2px solid #e5e7eb;font-weight:600;font-size:.9rem;color:#374151;position:sticky;top:0;z-index:10;text-transform:uppercase;letter-spacing:.5px}.cve-table-row{display:grid;grid-template-columns:1.2fr 2.5fr 1.1fr .8fr 1.2fr 1.2fr 1.2fr 1.1fr;gap:1rem;padding:1rem;border-bottom:1px solid #e5e7eb;align-items:center;font-size:.9rem;transition:background-color .2s}.cve-table-row:hover{background-color:#f9fafb}.cve-id-text{font-weight:600;color:#0f172a;font-family:monospace}.cve-title-text{color:#374151;word-wrap:break-word}.cve-col-id,.cve-col-title,.cve-col-severity,.cve-col-cvss,.cve-col-status,.cve-col-assigned,.cve-col-due,.cve-col-actions{display:flex;align-items:center}.btn-edit-small,.btn-delete-small{padding:.4rem .8rem;font-size:.8rem;border:none;border-radius:.35rem;cursor:pointer;transition:all .2s;font-weight:600;margin-right:.25rem}.btn-edit-small{background:#0284c7;color:#fff}.btn-edit-small:hover{background:#0369a1;transform:translateY(-1px)}.btn-delete-small{background:#f1f5f9;color:#dc2626}.btn-delete-small:hover{background:#fee2e2;transform:translateY(-1px)}@media(max-width:1400px){.cve-table-header,.cve-table-row{grid-template-columns:1fr 1.8fr 1fr .7fr 1fr 1fr 1fr 1fr;gap:.75rem;padding:.8rem;font-size:.85rem}}@media(max-width:1024px){.cve-table-container{max-height:600px}.cve-table-header,.cve-table-row{grid-template-columns:1fr 1.5fr .9fr .6fr .9fr .9fr .9fr .9fr;gap:.5rem;padding:.6rem;font-size:.8rem}}@media(max-width:768px){.cve-table-header,.cve-table-row{grid-template-columns:1fr 1.3fr .8fr .5fr .8fr .8fr .8fr .8fr;gap:.35rem;padding:.5rem;font-size:.75rem}}.vendor-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1);border-left-width:5px!important}.vendor-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-6px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6;gap:1rem}.card-header h3{margin:0;color:#0f172a;font-size:1.2rem;font-weight:800;letter-spacing:-.3px}.card-header>div:first-child p{margin:.25rem 0 0;font-size:.9rem;color:#6b7280}.card-actions{display:flex;gap:.5rem}.card-body{display:flex;flex-direction:column;gap:.75rem}.card-body p{margin:0;font-size:.9rem;color:#374151;line-height:1.5}.card-body strong{color:#0f172a;font-weight:700}.badge-severity{display:inline-block;padding:.35rem 1rem;border-radius:12px;font-size:.8rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.3px}.badge-status{display:inline-block;padding:.35rem 1rem;border-radius:8px;font-size:.8rem;font-weight:700;color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;text-transform:uppercase;letter-spacing:.3px}.patch-available{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f0fffe;color:#0f172a;border-radius:6px;font-weight:700;font-size:.85rem;border:1px solid #a7f3d0}.cvss-badge{display:inline-block;padding:.35rem .75rem;background:linear-gradient(135deg,#ecf5f3,#0284c7);color:#92400e;border-radius:6px;font-size:.8rem;font-weight:800;border:1px solid #fcd34d}.empty-state{text-align:center;padding:3rem;color:#6b7280;font-weight:500}@media(max-width:480px){.cve-controls>div{flex-direction:column;width:100%}.filter-select,.btn-primary,.btn-secondary{width:100%}.modal-content{width:95%}.form-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.esg-container{width:100%;padding:2rem;margin:0;background:linear-gradient(135deg,#f5f7fa,#f9fafb);min-height:100vh}@media(max-width:768px){.esg-container{padding:1rem}}@media(max-width:480px){.esg-container{padding:.75rem}}.esg-header{margin-bottom:2rem}.esg-header h1{color:#0f172a;font-size:2.5rem;font-weight:700;margin:0;margin-bottom:.25rem;text-align:left;letter-spacing:-.5px}.esg-header p{color:#6b7280;font-size:1rem;margin:0;text-align:left}@media(max-width:768px){.esg-header h1{font-size:2rem}.esg-header p{font-size:.95rem}}.esg-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e5e7eb;flex-wrap:wrap}.tab-button{padding:.875rem 1.5rem;background:transparent;color:#6b7280;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:700;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:capitalize;letter-spacing:.3px}.tab-button:hover{color:#0f172a;background:#f0f9ff}.tab-button.active{color:#0f172a;border-bottom-color:#0f172a;background:linear-gradient(180deg,#f0f9ff 0%,transparent 100%)}.stat-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;border-left-width:5px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card h3{margin:.5rem 0 .75rem;color:#6b7280;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem}}@media(max-width:768px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}}@media(max-width:480px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.chart-container{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;margin-bottom:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.chart-container:hover{box-shadow:0 12px 24px #0000001f}.chart-container h3{margin:0 0 1.5rem;color:#0f172a;font-size:1.25rem;font-weight:700}.vendor-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:1rem}.vendor-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-4px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6;gap:1rem}.card-header h3{margin:0;color:#0f172a;font-size:1.2rem;font-weight:800;letter-spacing:-.3px;text-transform:capitalize}.card-header h2{margin:0 0 1rem;color:#0f172a;font-size:1.5rem;font-weight:700}.btn-primary{padding:.75rem 1.5rem;background:#3fa397;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1b6a4f4d}.tab-content{width:100%}.tab-content h2{margin:0 0 1.5rem;color:#0f172a;font-size:1.5rem;font-weight:700}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.progress-container{margin-top:1.5rem}.progress-label{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.95rem;font-weight:600;color:#374151}.progress-bar{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.progress-fill{height:100%;background:linear-gradient(90deg,#0284c7,#059669);transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:6px}.metrics-list,.goals-list{display:grid;gap:1rem}.waste-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}@media(max-width:768px){.waste-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}}@media(max-width:480px){.waste-grid{grid-template-columns:1fr;gap:1rem}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.form-group label{font-weight:700;color:#374151;margin-bottom:.5rem;font-size:.95rem}.form-group textarea{resize:vertical;min-height:100px}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:2rem;border-top:1px solid #f3f4f6;background:#f9fafb}@media(max-width:480px){.modal-content{width:95%}.form-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer button{width:100%}.tab-header{flex-direction:column;align-items:stretch}.tab-header button{width:100%}}@media(max-width:1024px){.esg-container{padding:1.5rem}}@media(max-width:768px){.esg-tabs{gap:.25rem}.tab-button{padding:.75rem 1rem;font-size:.85rem}.chart-container{padding:1.5rem}.vendor-card{padding:1.25rem}}@media(max-width:480px){.esg-container{padding:.75rem}.esg-header h1{font-size:1.5rem}.esg-header p{font-size:.9rem}.esg-tabs{gap:0;flex-wrap:nowrap;overflow-x:auto}.tab-button{padding:.75rem;font-size:.8rem;white-space:nowrap;flex-shrink:0}.chart-container,.vendor-card{padding:1rem}.chart-container h3{font-size:1.1rem}.vendor-card h3{font-size:1rem}.card-header{flex-direction:column}.metrics-grid{gap:.75rem}}.inventory-container{width:100%;padding:2rem;margin:0;background:linear-gradient(135deg,#f5f7fa,#f9fafb);min-height:100vh}@media(max-width:1024px){.inventory-container{padding:1.5rem}}@media(max-width:768px){.inventory-container{padding:1rem}}@media(max-width:480px){.inventory-container{padding:.75rem}}.inventory-header{margin-bottom:2rem}.inventory-header h1{color:#0f172a;font-size:2.5rem;font-weight:700;margin:0;margin-bottom:.25rem;text-align:left;letter-spacing:-.5px}.inventory-header p{color:#6b7280;font-size:1rem;margin:0;text-align:left}@media(max-width:768px){.inventory-header h1{font-size:2rem}.inventory-header p{font-size:.95rem}}.inventory-controls{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-select{padding:.75rem 1rem;border:1.5px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.filter-select:hover{border-color:#0f172a;background:#f9fafb}.filter-select:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #1b6a4f1a}.btn-primary{padding:.75rem 1.5rem;background:#3fa397;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #2d7a524d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #1b6a4f66}.btn-primary:active{transform:translateY(0)}.btn-secondary{padding:.75rem 1.5rem;background:#fff;color:#0f172a;border:1.5px solid #0f172a;border-radius:8px;cursor:pointer;font-weight:700;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}.btn-secondary:hover{background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #1b6a4f26}.btn-edit{padding:.5rem 1rem;background:#2d7d73;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:700;transition:all .2s}.btn-edit:hover{background:#0f172a;transform:translateY(-1px)}.btn-delete{padding:.5rem 1rem;background:#fff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:700;transition:all .2s}.btn-delete:hover{background:#e5e7eb;transform:translateY(-1px)}.inventory-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}@media(max-width:1024px){.inventory-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem}}@media(max-width:768px){.inventory-stats{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:480px){.inventory-stats{grid-template-columns:1fr;gap:.75rem}}.stat-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-4px)}.stat-value{font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:.5rem;letter-spacing:-.5px}.stat-label{font-size:.95rem;color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.table-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;overflow-x:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.table-container:hover{box-shadow:0 12px 24px #0000001f}.data-table{width:100%;border-collapse:collapse}.data-table th{background-color:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);padding:1rem;text-align:left;font-weight:700;color:#0f172a;border-bottom:2px solid #e5e7eb;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;font-size:.85rem}.data-table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.95rem;color:#374151}.data-table tbody tr{transition:all .2s}.data-table tbody tr:hover{background-color:#f9fafb}.data-table tbody tr:hover td{color:#0f172a}.action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.status-badge{display:inline-block;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap}.status-active{background:linear-gradient(135deg,#f0fffe,#ecf5f3);color:#0f172a;border:1px solid #a7f3d0}.status-low{background:linear-gradient(135deg,#ecf5f3,#0284c7);color:#92400e;border:1px solid #fcd34d}.status-out{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#7f1d1d;border:1px solid #fca5a5}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid #f3f4f6}.modal-header h2{margin:0;color:#0f172a;font-size:1.5rem;font-weight:700}.close-btn{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{color:#0f172a;background:#f3f4f6;border-radius:6px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:2rem}@media(max-width:768px){.form-grid{grid-template-columns:1fr;gap:1rem;padding:1.5rem}}.form-group label{font-weight:700;color:#374151;margin-bottom:.5rem;font-size:.95rem;text-transform:capitalize}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #1b6a4f1a;background:#f0f9ff}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:2rem;border-top:1px solid #f3f4f6;background:#f9fafb}@media(max-width:480px){.modal-content{width:95%}.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}.loading{text-align:center;padding:4rem;font-size:1.1rem;color:#6b7280;font-weight:500}@media(max-width:768px){.inventory-controls{flex-direction:column;width:100%}.filter-select,.btn-primary{width:100%}.data-table{font-size:.85rem}.data-table th,.data-table td{padding:.75rem}.action-buttons{gap:.5rem}.action-buttons button{padding:.4rem .75rem;font-size:.75rem}}.ipam-container{width:100%;padding:2rem;margin:0;background:linear-gradient(135deg,#f5f7fa,#f9fafb);min-height:100vh}@media(max-width:1024px){.ipam-container{padding:1.5rem}}@media(max-width:768px){.ipam-container{padding:1rem}}@media(max-width:480px){.ipam-container{padding:.75rem}}.ipam-header-section{margin-bottom:2rem}.ipam-header-section h1{color:#0f172a;font-size:2.5rem;font-weight:700;margin:0;margin-bottom:.25rem;text-align:left;letter-spacing:-.5px}.ipam-header-section p{color:#6b7280;font-size:1rem;margin:0;margin-bottom:2rem;text-align:left}@media(max-width:768px){.ipam-header-section h1{font-size:2rem}.ipam-header-section p{font-size:.95rem}}.ipam-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}@media(max-width:1024px){.ipam-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem}}@media(max-width:768px){.ipam-stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(max-width:480px){.ipam-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.ipam-stat-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.ipam-stat-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-4px)}.ipam-stat-icon{font-size:1.25rem;margin-bottom:.35rem}.ipam-stat-value{font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:.5rem;letter-spacing:-.5px}.ipam-stat-label{font-size:.95rem;color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.ipam-tabs-wrapper{background:#fff;border-radius:12px;padding:1rem;margin-bottom:2rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;overflow-x:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.ipam-tabs-wrapper:hover{box-shadow:0 12px 24px #0000001f}.ipam-tabs{display:flex;gap:.5rem;min-width:fit-content}.ipam-tab{flex:1;min-width:140px;padding:.75rem 1.25rem;background:#f9fafb;border:2px solid transparent;border-radius:8px;cursor:pointer;font-weight:700;font-size:.95rem;color:#6b7280;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;white-space:nowrap}.ipam-tab:hover{background:#f3f4f6;color:#0f172a}.ipam-tab.active{background:#fff;color:#0f172a;border-bottom-color:#0f172a;border-bottom-width:2px}.ipam-tab.active:after{content:"";display:block;position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#0f172a}.ipam-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.ipam-controls-group{display:flex;gap:.75rem;flex-wrap:wrap}.ipam-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;white-space:nowrap;min-height:44px}@media(max-width:480px){.ipam-btn{padding:.625rem 1rem;font-size:.85rem;min-height:40px}}.ipam-btn-primary{background:#3fa397;color:#fff;box-shadow:0 4px 12px #2d7a524d}.ipam-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #2d7a5266}.ipam-btn-secondary{background:#fff;color:#0f172a;border:1.5px solid #0f172a;box-shadow:0 1px 3px #0000001a}.ipam-btn-secondary:hover{background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #1b6a4f26}.ipam-btn-clear-search{padding:.75rem 1.5rem;background:#fff;color:#6b7280;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;font-weight:700;font-size:.95rem;transition:all .2s;min-height:44px}.ipam-btn-clear-search:hover{background:#f9fafb;border-color:#0f172a;color:#0f172a}.ipam-table-wrapper{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;overflow-x:auto;margin-bottom:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-overflow-scrolling:touch}.ipam-table-wrapper:hover{box-shadow:0 12px 24px #0000001f}@media(max-width:768px){.ipam-table-wrapper{padding:1rem}}.ipam-table{width:100%;border-collapse:collapse;min-width:600px}@media(max-width:768px){.ipam-table{min-width:500px}}@media(max-width:480px){.ipam-table{min-width:400px}}.ipam-table thead{background:linear-gradient(135deg,#f9fafb,#f3f4f6);position:sticky;top:0;z-index:10}.ipam-table th{padding:1rem;text-align:left;font-weight:700;font-size:.85rem;color:#0f172a;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #e5e7eb;white-space:nowrap}@media(max-width:768px){.ipam-table th{padding:.75rem .5rem;font-size:1.6875rem}}.ipam-table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.95rem;color:#374151}@media(max-width:768px){.ipam-table td{padding:.75rem .5rem;font-size:.85rem}}.ipam-table tbody tr{transition:background-color .15s}.ipam-table tbody tr:hover{background-color:#f9fafb}.ipam-table tbody tr:last-child td{border-bottom:none}.ipam-table-actions{display:flex;gap:.75rem;justify-content:flex-end}@media(max-width:768px){.ipam-table-actions{gap:.5rem}}.ipam-btn-edit,.ipam-btn-delete{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:700;transition:all .2s;min-height:40px;white-space:nowrap}@media(max-width:480px){.ipam-btn-edit,.ipam-btn-delete{padding:.4rem .75rem;font-size:1.6875rem;min-height:36px}}.ipam-btn-edit{background:#2d7d73;color:#fff}.ipam-btn-edit:hover{background:#0f172a;transform:translateY(-1px)}.ipam-btn-delete{background:#fff;color:#fff}.ipam-btn-delete:hover{background:#e5e7eb;transform:translateY(-1px)}.ipam-status-badge{padding:.5rem .875rem;border-radius:6px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;display:inline-block}.ipam-status-active,.ipam-status-allocated{background:linear-gradient(135deg,#f0fffe,#ecf5f3);color:#0f172a;border:1px solid #a7f3d0}.ipam-status-inactive,.ipam-status-available{background:linear-gradient(135deg,#f0f9ff,#ecf5f3);color:#0f172a;border:1px solid #a7f3d0}.ipam-status-reserved{background:linear-gradient(135deg,#ecf5f3,#0284c7);color:#92400e;border:1px solid #fcd34d}.ipam-empty-state{text-align:center;padding:3rem 1rem;color:#9ca3af}.ipam-empty-icon{font-size:3rem;margin-bottom:1rem}.ipam-empty-text{font-size:1.6875rem;font-weight:500;margin-bottom:.5rem;color:#6b7280}.ipam-empty-subtext{font-size:1.3125rem;color:#6b7280}.ipam-search-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.ipam-search-section:hover{box-shadow:0 12px 24px #0000001f}@media(max-width:768px){.ipam-search-section{padding:1.5rem}}@media(max-width:480px){.ipam-search-section{padding:1rem}}.search-inputs{display:grid;grid-template-columns:1fr 1fr auto;gap:1.5rem;align-items:end}@media(max-width:768px){.search-inputs{grid-template-columns:1fr;gap:1rem;align-items:stretch}}.search-field{display:flex;flex-direction:column;gap:.5rem}.search-field label{font-size:.95rem;font-weight:700;color:#374151}@media(max-width:480px){.search-field label{font-size:.85rem}}.search-input{padding:.75rem 1rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.95rem;transition:all .2s;width:100%;background:#fff}.search-input:hover{border-color:#0f172a}.search-input:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #1b6a4f1a}@media(max-width:480px){.search-input{padding:.625rem .75rem;font-size:.85rem}}.search-results-info{margin-top:1rem;padding:1rem;background:#f0f9ff;border-left:4px solid #0f172a;border-radius:6px;color:#0f172a;font-weight:600;font-size:.95rem}.ipam-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}@media(max-width:768px){.ipam-section-header{margin-bottom:1.5rem;gap:.75rem}}.ipam-section-title{margin:0;color:#0f172a;font-size:1.5rem;font-weight:700}@media(max-width:480px){.ipam-section-title{font-size:1.25rem}}.ipam-actions{display:flex;gap:1rem;flex-wrap:wrap}@media(max-width:768px){.ipam-actions{gap:.75rem;width:100%}.ipam-actions .ipam-btn{flex:1;min-width:120px}}@media(max-width:480px){.ipam-actions{gap:.5rem}.ipam-actions .ipam-btn{flex:1;min-width:100px;padding:.5rem .75rem;font-size:1.6875rem}}.ipam-content-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;margin-bottom:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.ipam-content-card:hover{box-shadow:0 12px 24px #0000001f}@media(max-width:768px){.ipam-content-card{padding:1.5rem}}@media(max-width:480px){.ipam-content-card{padding:1rem}}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #e5e7eb}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#6b7280;transition:color .2s}.form-grid{padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:480px){.form-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:700;color:#374151;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.95rem;transition:all .2s;font-family:inherit}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#0f172a}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #1b6a4f1a}.modal-actions{display:flex;gap:1rem;padding:2rem;border-top:1px solid #e5e7eb;justify-content:flex-end}@media(max-width:480px){.modal-actions{padding:1rem;gap:.75rem}}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:700;font-size:.95rem;transition:all .2s;min-height:44px;border:none}@media(max-width:480px){.btn-primary,.btn-secondary{padding:.625rem 1rem;font-size:.85rem;min-height:40px}}.btn-primary{background:#3fa397;color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2d7a524d}.btn-secondary{background:#fff;color:#0f172a;border:1.5px solid #0f172a}.btn-secondary:hover{background:#f0f9ff}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.network-maps-container{padding:1rem;width:100%;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#f9fafb)}@media(max-width:768px){.network-maps-container{padding:.75rem}}@media(max-width:480px){.network-maps-container{padding:.5rem}}.maps-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1.5rem;gap:2rem}.maps-header h1{color:#0f172a;margin:0;font-size:2.5rem;font-weight:700}@media(max-width:768px){.maps-header h1{font-size:1.875rem}}@media(max-width:480px){.maps-header h1{font-size:1.5rem}}.loading-state{text-align:center;padding:3rem;color:#666;font-size:1.125rem}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;max-width:500px;margin:2rem auto}.empty-icon{font-size:3.5rem;margin-bottom:1rem;color:#0f172a}.empty-state h3{color:#0f172a;margin:0 0 .5rem;font-size:1.5rem}.empty-state p{color:#666;margin-bottom:1.5rem}.maps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;width:100%;margin:0 auto}.map-card{background:#fff;padding:1.25rem;border-radius:8px;box-shadow:0 2px 8px #00000014;border:2px solid transparent;cursor:pointer;transition:all .2s}.map-card:hover{border-color:#2d7d73;box-shadow:0 4px 16px #2d7a5233;transform:translateY(-2px)}.map-card-icon{font-size:2.5rem;margin-bottom:.75rem;color:#0f172a;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#1b6a4f0d;border-radius:.5rem}.map-card h3{color:#0f172a;margin:0 0 .5rem;font-size:1.125rem}.map-description{color:#666;font-size:.875rem;margin:0 0 1rem}.map-stats{display:flex;gap:.5rem;margin-bottom:.75rem}.stat-badge{background:#ecf5f3;color:#0f172a;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:600}.map-creator{color:#999;font-size:.75rem}.map-editor-container{height:calc(100vh - 120px);display:flex;flex-direction:column;min-height:600px}.editor-header{padding:.75rem 1rem;background:#fff;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:1rem;flex:1}.btn-back{padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-back:hover{background:#e5e7eb}.map-inputs{display:flex;gap:.75rem;flex-wrap:wrap}.map-name-input{padding:.5rem .75rem;border:2px solid #2d7d73;border-radius:6px;font-size:1rem;font-weight:600;min-width:200px}.map-name-input.highlighted{background:linear-gradient(135deg,#ecf5f3,#0284c7);border:2px solid #f59e0b;font-weight:700;box-shadow:0 0 0 3px #f59e0b1a}.map-name-input.highlighted::placeholder{color:#b45309;font-weight:600}.map-description-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;min-width:250px}.map-title-area h2{color:#0f172a;margin:0;font-size:1.25rem}.map-title-area p{color:#666;margin:.25rem 0 0;font-size:.875rem}.header-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-clone{padding:.5rem 1rem;background:#3fa397;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-clone:hover{background:#3fa397;box-shadow:0 4px 12px #2d7a524d;transform:translateY(-2px)}.tip-banner{padding:.75rem 1rem;background:linear-gradient(135deg,#ecf5f3,#a7f3d0);border-bottom:2px solid #2d7d73;font-size:.875rem;color:#0f172a;display:flex;align-items:center;gap:.5rem}.tip-icon{font-size:1.125rem}.toolbar{padding:.75rem 1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.toolbar-section{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.toolbar-label{font-weight:600;font-size:.875rem;color:#0f172a}.toolbar-divider{width:1px;height:30px;background:#d1d5db}.icon-btn{padding:.5rem .75rem;border-radius:6px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:.375rem;transition:all .2s;font-weight:500;color:#374151}.icon-btn:hover{border-color:#2d7d73;background:#f0f9ff;transform:translateY(-1px);box-shadow:0 2px 6px #2d7a5233}.btn-device{padding:.5rem 1rem;background:#3fa397;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-device:hover{background:#3fa397;box-shadow:0 4px 12px #2d7a524d;transform:translateY(-2px)}.btn-clone-node{padding:.5rem 1rem;background:#3fa397;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-clone-node:hover:not(:disabled){background:#3fa397;box-shadow:0 4px 12px #2d7a524d;transform:translateY(-2px)}.btn-clone-node:disabled{opacity:.4;cursor:not-allowed}.btn-delete-node{padding:.5rem 1rem;background:#fff;color:#3fa397;border:2px solid #3fa397;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-delete-node:hover:not(:disabled){background:#3fa397;color:#fff;box-shadow:0 4px 12px #2d7a524d;transform:translateY(-2px)}.btn-delete-node:disabled{opacity:.4;cursor:not-allowed}.canvas-container{flex:1;position:relative;background:#f9fafb}.network-node{padding:.875rem 1rem;border-radius:8px;background:#fff;border:2px solid #2d7d73;box-shadow:0 2px 8px #2d7a5226;min-width:120px;text-align:center;transition:all .2s}.network-node:hover{box-shadow:0 4px 16px #2d7a5240;transform:scale(1.02)}.network-node.selected{border-color:#0f172a;box-shadow:0 4px 20px #1b6a4f4d}.node-handle{width:14px!important;height:14px!important;background:#2d7d73!important;border:3px solid white!important;box-shadow:0 0 0 1px #2d7d73,0 2px 4px #0003!important}.node-handle:hover{background:#0f172a!important;width:18px!important;height:18px!important;box-shadow:0 0 0 2px #0f172a,0 3px 8px #1b6a4f66!important;transform:scale(1.1)}.node-icon{font-size:.9rem;margin-bottom:.375rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#2d7a521a;border-radius:.375rem;font-weight:700}.node-label{font-size:.875rem;font-weight:600;color:#0f172a}.node-device-info{font-size:.75rem;color:#666;margin-top:.25rem}.react-flow__edge-path{stroke-width:2}.react-flow__edge.selected .react-flow__edge-path{stroke:#0f172a;stroke-width:3}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;border-radius:12px;padding:1.5rem;max-width:600px;width:90%;max-height:80vh;overflow:auto;box-shadow:0 20px 60px #0000004d}.modal-content h3{margin-top:0;color:#0f172a;font-size:1.5rem}.device-list{margin:1rem 0;max-height:400px;overflow-y:auto}.empty-message{text-align:center;color:#666;padding:2rem}.device-item{padding:.875rem;border:2px solid #e5e7eb;border-radius:6px;margin-bottom:.5rem;cursor:pointer;background:#f9fafb;transition:all .2s}.device-item:hover{border-color:#2d7d73;background:#f0f9ff}.device-name{font-weight:600;color:#0f172a;margin-bottom:.25rem}.device-details{font-size:.875rem;color:#666}.btn-full{width:100%;margin-top:1rem}@media(max-width:768px){.network-maps-container{padding:.75rem}.maps-header{flex-direction:column;align-items:stretch;gap:1rem}.maps-grid{grid-template-columns:1fr}.editor-header,.header-left{flex-direction:column;align-items:stretch}.map-inputs{flex-direction:column}.map-name-input,.map-description-input{min-width:100%}.header-actions{width:100%}.header-actions button{flex:1}.toolbar{flex-direction:column;align-items:stretch}.toolbar-section{width:100%;justify-content:flex-start}.toolbar-divider{display:none}.icon-btn{flex:1;min-width:auto;justify-content:center}}@media(max-width:480px){.map-card h3{font-size:1rem}.icon-btn span:last-child{display:none}.icon-btn{padding:.5rem}}.power-management-container{width:100%;margin:0 auto;padding:.75rem;background:#fff}@media(min-width:1920px){.power-management-container{padding:1.5rem 2.5rem}}.pm-header{margin-bottom:1rem;text-align:left}.pm-header h1{font-size:2rem;color:#0f172a;margin:0 0 1rem;font-weight:700;text-align:left}@media(max-width:768px){.pm-header h1{font-size:1.5rem;margin-bottom:.75rem}}@media(max-width:480px){.pm-header h1{font-size:1.25rem;margin-bottom:.5rem}}.pm-config-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #00000014}@media(max-width:768px){.pm-config-panel{grid-template-columns:1fr;gap:.5rem;padding:.75rem}}@media(max-width:480px){.pm-config-panel{grid-template-columns:1fr;gap:.5rem;padding:.5rem}}.config-group{display:flex;flex-direction:column;gap:.5rem}.config-label{font-size:.875rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.config-select,.config-input{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background:#fff;color:#0f172a;transition:all .2s;font-weight:500}.config-select:hover,.config-input:hover{border-color:#2d7d73}.config-select:focus,.config-input:focus{outline:none;border-color:#2d7d73;box-shadow:0 0 0 3px #10b9811a}.rate-input-wrapper{position:relative;display:flex;align-items:center}.currency-prefix{position:absolute;left:1rem;font-size:1rem;font-weight:700;color:#2d7d73;pointer-events:none}.rate-input{padding-left:2.5rem;width:100%}.pm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-bottom:1rem}@media(max-width:768px){.pm-stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media(max-width:480px){.pm-stats-grid{grid-template-columns:1fr;gap:.5rem}}.pm-stat-card{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:.75rem;transition:transform .2s,box-shadow .2s}.pm-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.pm-stat-card.highlight{background:#2d7d73}.pm-stat-card.highlight .stat-label,.pm-stat-card.highlight .stat-value{color:#fff}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f0f9ff;border-radius:12px}.pm-stat-card.highlight .stat-icon{background:#fff3}.stat-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.stat-label{font-size:.875rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.75rem;color:#0f172a;font-weight:700}.pm-controls-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem}.controls-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.filters-group{display:flex;gap:.75rem;flex-wrap:wrap;flex:1}.filter-select{padding:.625rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.875rem;background:#fff;color:#0f172a;font-weight:500;cursor:pointer;transition:all .2s;min-width:150px}.filter-select:hover{border-color:#2d7d73}.filter-select:focus{outline:none;border-color:#2d7d73;box-shadow:0 0 0 3px #10b9811a}.selection-actions{display:flex;align-items:center;gap:.75rem}.action-btn{padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.secondary{background:#fff;color:#0f172a}.action-btn.secondary:hover{background:#e0e0e0}.selection-badge{padding:.5rem 1rem;background:#2d7d73;color:#fff;border-radius:8px;font-size:.875rem;font-weight:600}.pm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top:4px solid #2d7d73;border-radius:50%;animation:spin 1s linear infinite}.pm-loading p{margin-top:1rem;color:#666;font-weight:500}.pm-content{display:flex;flex-direction:column;gap:1rem}.pm-table-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:2px solid #f0f0f0}.table-header h2{font-size:1.25rem;color:#0f172a;margin:0;font-weight:700}.device-count{font-size:.875rem;color:#666;background:#fff;padding:.375rem .75rem;border-radius:6px;font-weight:600}.table-wrapper{overflow-x:auto}.pm-table{width:100%;border-collapse:collapse}.pm-table thead{background:#fafafa}.pm-table th{padding:.75rem;text-align:left;font-size:.8125rem;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid #e0e0e0}.pm-table th.col-number{text-align:right}.pm-table td{padding:.75rem;border-bottom:1px solid #f0f0f0;font-size:.875rem;color:#0f172a}.pm-table td.col-number{text-align:right;font-weight:600}.pm-table tbody tr{cursor:pointer;transition:background-color .15s}.pm-table tbody tr:hover{background:#f9f9f9}.pm-table tbody tr.selected{background:#e0f2fe}.pm-table tbody tr.high-power-row{background:#fef2f2}.pm-table tbody tr.high-power-row:hover{background:#fee2e2}.pm-table tbody tr.selected.high-power-row{background:#ecf5f3}.col-check{width:50px;text-align:center}.col-hostname{font-weight:600;color:#2d7d73}.power-high{color:#2d7d73;font-weight:700}.text-muted{color:#999}.cost-cell{color:#2d7d73}.pm-forecast-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem}.forecast-header{margin-bottom:1.5rem}.forecast-header h2{font-size:1.5rem;color:#0f172a;margin:0 0 .5rem;font-weight:700}.forecast-subtitle{font-size:1rem;color:#666;margin:0}.power-badge{display:inline-block;margin-left:.5rem;padding:.25rem .75rem;background:#2d7d73;color:#fff;border-radius:6px;font-weight:700;font-size:.875rem}.current-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f0f9ff,#dcfce7);border-radius:12px;margin-bottom:2rem}.current-stat{display:flex;flex-direction:column;gap:.5rem}.current-label{font-size:.875rem;color:#0f172a;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.current-value{font-size:1.5rem;color:#2d7d73;font-weight:700}.scenarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.scenario{background:#fff;border:2px solid #e0e0e0;border-top:4px solid;border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.scenario:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.scenario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.scenario-header h3{font-size:1.125rem;margin:0;font-weight:700}.scenario-percent{padding:.375rem .75rem;border-radius:6px;color:#fff;font-weight:700;font-size:.875rem}.scenario-desc{font-size:.875rem;color:#666;margin:0 0 1rem;line-height:1.5}.scenario-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.metric{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#f9f9f9;border-radius:8px}.metric.highlight{background:#f0f9ff;border:1px solid #2d7d73}.metric-label{font-size:.75rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:1.125rem;color:#0f172a;font-weight:700}.metric.highlight .metric-value{color:#2d7d73}.forecast-footer{padding:1rem 1.5rem;background:#fffbeb;border:1px solid #0284c7;border-radius:8px;font-size:.875rem;color:#92400e;line-height:1.6}@media(max-width:1024px){.pm-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.scenarios{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.power-management-container{padding:.25rem}.pm-header{margin-bottom:.5rem}.pm-header h1{font-size:1.5rem}.pm-config-panel{grid-template-columns:1fr;padding:.5rem}.pm-stats-grid{grid-template-columns:1fr}.controls-row{flex-direction:column;align-items:stretch}.filters-group{flex-direction:column;width:100%}.filter-select{width:100%}.selection-actions{justify-content:space-between;width:100%}.pm-table{font-size:.75rem}.pm-table th,.pm-table td{padding:.5rem .3rem}.stat-value{font-size:1.5rem}.current-stats{grid-template-columns:1fr}.current-value{font-size:1.25rem}.scenarios,.scenario-metrics{grid-template-columns:1fr}.pm-forecast-card{padding:.5rem}.table-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:480px){.power-management-container{padding:.15rem}.pm-config-panel,.pm-forecast-card{padding:.4rem}.pm-table th,.pm-table td{padding:.4rem .25rem}.pm-table th:nth-child(4),.pm-table td:nth-child(4),.pm-table th:nth-child(5),.pm-table td:nth-child(5),.pm-table th:nth-child(7),.pm-table td:nth-child(7){display:none}.action-btn{padding:.5rem .75rem;font-size:.75rem}.selection-badge{padding:.375rem .75rem;font-size:.75rem}}._container_c8cgj_1{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}._card_c8cgj_10{background:#fff;border-radius:8px;padding:40px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000001a}._backBtn_c8cgj_19{background:none;border:none;color:#0f172a;font-size:1em;cursor:pointer;margin-bottom:20px;padding:0;font-weight:500;transition:color .3s ease}._backBtn_c8cgj_19:hover{color:#3fa397;text-decoration:underline}._card_c8cgj_10 h1{color:#0f172a;margin:0 0 10px;font-size:2em}._summary_c8cgj_42{margin:30px 0;border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#f9f9f9}._tier_c8cgj_50{margin-bottom:20px}._tier_c8cgj_50 h2{color:#0f172a;margin:0 0 5px;font-size:1.5em}._description_c8cgj_60{color:#666;margin:0;font-size:.95em}._details_c8cgj_66{margin-bottom:20px}._row_c8cgj_70{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e0e0;font-size:.95em}._label_c8cgj_78{color:#666;font-weight:500}._value_c8cgj_83{color:#0f172a;font-weight:600}._divider_c8cgj_88{height:2px;background:#e0e0e0;margin:15px 0}._totalRow_c8cgj_94{display:flex;justify-content:space-between;padding:15px 0;border-top:2px solid #0f172a}._totalRow_c8cgj_94 ._label_c8cgj_78{color:#0f172a;font-weight:600;font-size:1.05em}._totalRow_c8cgj_94 ._total_c8cgj_94{color:#0f172a;font-weight:700;font-size:1.5em}._features_c8cgj_113{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}._features_c8cgj_113 h3{color:#0f172a;margin:0 0 15px;font-size:1em;text-transform:uppercase;font-weight:600}._features_c8cgj_113 ul{list-style:none;padding:0;margin:0}._features_c8cgj_113 li{color:#0f172a;padding:8px 0;font-size:.95em}._payBtn_c8cgj_139{width:100%;padding:16px;background:#0f172a;color:#fff;border:none;border-radius:4px;font-size:1.05em;font-weight:600;cursor:pointer;margin-top:30px;transition:all .3s ease}._payBtn_c8cgj_139:hover:not(:disabled){background:#3fa397;transform:translateY(-2px);box-shadow:0 10px 30px #0066cc4d}._payBtn_c8cgj_139:disabled{background:#ccc;cursor:not-allowed}._note_c8cgj_164{text-align:center;color:#666;font-size:.9em;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}@media(max-width:640px){._card_c8cgj_10{padding:25px}._card_c8cgj_10 h1{font-size:1.5em}._summary_c8cgj_42{padding:15px}._row_c8cgj_70{flex-direction:column;padding:8px 0}._value_c8cgj_83{margin-top:5px}}.admin-container{padding:2rem;width:100%;background-color:#fff;min-height:100vh}.admin-header{margin-bottom:2rem}.admin-header h1{color:#0f172a;font-size:2rem;margin-bottom:.5rem}.admin-subtitle{color:#666;font-size:1rem;margin:0}.admin-loading{text-align:center;padding:4rem;color:#666}.admin-spinner{border:4px solid #f3f3f3;border-top:4px solid #2d7d73;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}.admin-empty{background-color:#fff;padding:3rem;border-radius:8px;text-align:center;color:#666;box-shadow:0 2px 4px #0000001a}.admin-pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:1.5rem}.admin-page-card{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s}.admin-page-card:hover{box-shadow:0 4px 8px #00000026}.admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e5e5}.admin-page-title{color:#0f172a;font-size:1.25rem;margin:0}.admin-page-key{background-color:#f0f0f0;color:#666;padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-family:monospace}.admin-page-preview{color:#666;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.admin-page-preview p{margin:0}.admin-page-meta{color:#999;font-size:.8rem;margin-bottom:1rem}.admin-page-actions{display:flex;gap:.5rem}.admin-edit-form{margin-top:1rem}.admin-form-group{margin-bottom:1rem}.admin-form-group label{display:block;color:#0f172a;font-weight:600;margin-bottom:.5rem;font-size:.9rem}.admin-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;color:#0f172a;transition:border-color .3s;box-sizing:border-box}.admin-input:focus{outline:none;border-color:#2d7d73}.admin-textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;color:#0f172a;font-family:Courier New,monospace;line-height:1.6;resize:vertical;transition:border-color .3s;box-sizing:border-box}.admin-textarea:focus{outline:none;border-color:#2d7d73}.admin-form-actions{display:flex;gap:.75rem;margin-top:1rem}.admin-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s;font-weight:500}.admin-btn:disabled{opacity:.6;cursor:not-allowed}.admin-btn-edit{background-color:#2d7d73;color:#fff}.admin-btn-edit:hover:not(:disabled){background-color:#0f172a}.admin-btn-save{background-color:#2d7d73;color:#fff}.admin-btn-save:hover:not(:disabled){background-color:#0f172a}.admin-btn-cancel{background-color:#2d7d73;color:#fff}.admin-btn-cancel:hover:not(:disabled){background-color:#0f172a}@media(max-width:1024px){.admin-pages-grid{grid-template-columns:1fr}}@media(max-width:768px){.admin-container{padding:1rem}.admin-header h1{font-size:1.5rem}.admin-page-header{flex-direction:column;align-items:flex-start;gap:.5rem}.admin-form-actions{flex-direction:column}.admin-btn{width:100%}}._container_ufdz3_1{width:100%;max-width:1400px;margin:0 auto;padding:2rem}._header_ufdz3_8{margin-bottom:2rem}._header_ufdz3_8 h1{color:#0f172a;font-size:2rem;margin:0 0 .5rem;font-weight:600}._header_ufdz3_8 p{color:#6b7280;margin:0;font-size:1rem}._loading_ufdz3_25{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}._spinner_ufdz3_33{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3fa397;border-radius:50%;animation:_spin_ufdz3_33 .8s linear infinite;margin-bottom:1rem}@keyframes _spin_ufdz3_33{to{transform:rotate(360deg)}}._loading_ufdz3_25 p{color:#6b7280;font-size:1rem}._tableWrapper_ufdz3_54{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow-x:auto}._table_ufdz3_54{width:100%;border-collapse:collapse;font-size:.95rem}._table_ufdz3_54 thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}._table_ufdz3_54 th{padding:1rem;text-align:left;font-weight:600;color:#374151;white-space:nowrap}._table_ufdz3_54 td{padding:1rem;border-bottom:1px solid #e5e7eb;color:#1f2937}._table_ufdz3_54 tbody tr:hover{background:#f9fafb}._noData_ufdz3_90{text-align:center;color:#9ca3af;padding:2rem!important}._orgName_ufdz3_96{font-weight:600;color:#1f2937}._adminInfo_ufdz3_101{display:flex;flex-direction:column;gap:.25rem}._adminName_ufdz3_107{font-weight:500;color:#1f2937}._adminEmail_ufdz3_112{font-size:.85rem;color:#6b7280}._badge_ufdz3_117{display:inline-block;padding:.25rem .75rem;border-radius:.25rem;font-weight:500;font-size:.85rem;text-transform:uppercase}._status-active_ufdz3_126{background:#d1fae5;color:#065f46}._status-suspended_ufdz3_131{background:#fef3c7;color:#92400e}._status-inactive_ufdz3_136{background:#fee2e2;color:#991b1b}._centered_ufdz3_141{text-align:center}._actions_ufdz3_145{display:flex;gap:.5rem;white-space:nowrap}._btn_ufdz3_151{padding:.5rem .75rem;border:none;border-radius:.375rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}._btn_ufdz3_151:disabled{opacity:.5;cursor:not-allowed}._btnWarning_ufdz3_166{background:#fbbf24;color:#fff}._btnWarning_ufdz3_166:hover:not(:disabled){background:#f59e0b;transform:translateY(-1px)}._btnDanger_ufdz3_176{background:#ef4444;color:#fff}._btnDanger_ufdz3_176:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}@media(max-width:768px){._container_ufdz3_1{padding:1rem}._table_ufdz3_54{font-size:.85rem}._table_ufdz3_54 th,._table_ufdz3_54 td{padding:.75rem .5rem}._actions_ufdz3_145{flex-direction:column}._btn_ufdz3_151{width:100%}}.admin-subscriptions{padding:2rem;width:100%}.admin-header{margin-bottom:2rem;text-align:left}.admin-header h1{font-size:2rem;color:#0f172a;margin-bottom:.5rem;text-align:left}.admin-header p{color:#666;font-size:1.125rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0}.admin-tabs button{padding:.75rem 1.5rem;background:#2d7d73;color:#fff;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-right:.5rem}.admin-tabs button.active{background:#0f172a;border-bottom-color:#0f172a}.admin-tabs button:hover{color:#0f172a}.admin-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.loading{text-align:center;padding:3rem;color:#666}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:#2d7d73;padding:1.5rem;border-radius:8px;color:#fff}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.9rem;opacity:.9}.chart-card,.recent-payments{grid-column:1 / -1;background:#f9f9f9;padding:1.5rem;border-radius:8px}.chart-card h3,.recent-payments h3{margin-bottom:1rem;color:#0f172a}.plan-bar{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.plan-bar>span{min-width:120px;font-weight:600;color:#666}.bar-container{flex:1;height:30px;background:#e0e0e0;border-radius:15px;position:relative;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#2d7d73,#059669);transition:width .3s}.bar-count{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-weight:700;color:#0f172a}table{width:100%;border-collapse:collapse}table th{text-align:left;padding:.75rem;background:#fff;color:#0f172a;font-weight:600;border-bottom:2px solid #e0e0e0}table td{padding:.75rem;border-bottom:1px solid #e0e0e0;color:#666}table tr:hover{background:#f9f9f9}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-active{background:#ecf5f3;color:#0f172a}.status-pending{background:#ecf5f3;color:#92400e}.status-canceled,.status-inactive{background:#fee2e2;color:#2d7d73}.status-succeeded{background:#ecf5f3;color:#0f172a}.capitalize{text-transform:capitalize}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{font-size:1.25rem;color:#0f172a}.btn-primary{padding:.75rem 1.5rem;background:#2d7d73;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#059669}.btn-toggle{padding:.5rem 1rem;background:#fff;color:#666;border:1px solid #ddd;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-toggle:hover{background:#e0e0e0}.promo-form{background:#f9f9f9;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#0f172a;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group select{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2d7d73}@media(max-width:768px){.admin-subscriptions{padding:1rem}.admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tabs button{white-space:nowrap}.admin-content{padding:1rem}.analytics-grid{grid-template-columns:1fr}table{font-size:.875rem}table th,table td{padding:.5rem}.form-row{grid-template-columns:1fr}}.legal-page{min-height:calc(100vh - 180px);background:#fff;padding:2rem 1rem}.legal-container{width:100%;background:#fff;border-radius:12px;padding:3rem;box-shadow:0 2px 8px #0000001a}.legal-container h1{font-size:2.5rem;color:#0f172a;margin-bottom:.5rem;border-bottom:3px solid #2d7d73;padding-bottom:1rem}.subtitle{color:#666;font-size:1rem;margin-bottom:2rem;font-style:italic}.legal-section{margin-bottom:2.5rem}.legal-section h2{font-size:1.75rem;color:#2d7d73;margin-bottom:1rem;margin-top:2rem}.legal-section h3{font-size:1.25rem;color:#0f172a;margin-bottom:.75rem;margin-top:1.5rem}.legal-section p{color:#555;line-height:1.8;margin-bottom:1rem;font-size:1rem}.legal-section ul{color:#555;line-height:1.8;margin:1rem 0 1rem 1.5rem;padding-left:1rem}.legal-section li{margin-bottom:.75rem}.legal-section strong{color:#0f172a;font-weight:600}.contact-info{background:#f9f9f9;padding:1.5rem;border-radius:8px;border-left:4px solid #2d7d73}.contact-info p{margin-bottom:.5rem}.contact-highlight{background:#f0f9ff;padding:1.5rem;border-radius:8px;border-left:4px solid #2d7d73;font-weight:500;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.feature-item{background:#f9f9f9;padding:1.5rem;border-radius:8px;border-top:3px solid #2d7d73}.feature-item h3{color:#2d7d73;font-size:1.125rem;margin-bottom:.5rem;margin-top:0}.feature-item p{color:#666;font-size:.9rem;margin-bottom:0}.legal-notice{background:#ecf5f3;border:2px solid #fbbf24;border-radius:8px;padding:1.5rem;margin-top:2rem}.legal-notice p{color:#92400e;font-weight:500;margin:0}@media(max-width:768px){.legal-container{padding:1.5rem}.legal-container h1{font-size:2rem}.legal-section h2{font-size:1.5rem}.legal-section h3{font-size:1.125rem}.legal-section p,.legal-section ul{font-size:.95rem}.feature-grid{grid-template-columns:1fr}}@media(max-width:480px){.legal-page{padding:1rem .5rem}.legal-container{padding:1rem;border-radius:8px}.legal-container h1{font-size:1.75rem}.legal-section{margin-bottom:2rem}.legal-section ul{margin-left:.5rem;padding-left:1rem}}.settings-container{width:100%;margin:0 auto;padding:2rem 1rem}.settings-header{margin-bottom:2rem}.settings-header h1{color:#0f172a;margin-bottom:.5rem}.settings-header p{color:#6b7280;font-size:.95rem}.loading{text-align:center;padding:3rem;color:#6b7280}.alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem}.alert svg{flex-shrink:0}.alert-success{background:#ecf5f3;color:#059669;border:1px solid #60a5fa}.alert-warning{background:#ecf5f3;color:#d97706;border:1px solid #fcd34d}.mfa-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.mfa-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.mfa-icon{width:48px;height:48px;background:linear-gradient(135deg,#2d7d73,#0f172a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.mfa-header h2{color:#0f172a;margin:0 0 .25rem;font-size:1.5rem}.mfa-header p{color:#6b7280;margin:0;font-size:.9rem}.mfa-status{margin-bottom:1.5rem}.status-badge{margin-bottom:.5rem}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.9rem}.badge-success{background:#ecf5f3;color:#059669}.badge-warning{background:#ecf5f3;color:#d97706}.backup-codes-count{color:#6b7280;font-size:.9rem;margin-top:.5rem}.mfa-card,.mfa-setup-card,.mfa-actions-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-top:1rem}.mfa-card h3,.mfa-setup-card h3,.mfa-actions-card h3{color:#0f172a;margin:0 0 1rem;font-size:1.1rem}.mfa-card p{color:#4b5563;margin-bottom:1rem}.auth-apps-list{list-style:none;padding:0;margin:1rem 0 1.5rem}.auth-apps-list li{color:#6b7280;position:relative;padding:.5rem 0 .5rem 1.5rem}.auth-apps-list li:before{content:"✓";position:absolute;left:0;color:#2d7d73;font-weight:700}.qr-code-container{text-align:center;padding:1.5rem;background:#fff;border-radius:8px;margin:1rem 0}.qr-code{max-width:250px;height:auto;border:2px solid #e5e7eb;border-radius:8px}.manual-entry{margin-top:1.5rem}.manual-entry p{font-size:.9rem;color:#6b7280;margin-bottom:.5rem}.code-box{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.75rem 1rem}.code-box code{flex:1;font-family:Courier New,monospace;font-size:.95rem;color:#0f172a;word-break:break-all}.btn-icon{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.btn-icon:hover{background:#f3f4f6;color:#2d7d73}.verification-form{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.verification-input{width:100%;padding:1rem;border:2px solid #d1d5db;border-radius:8px;font-size:1.5rem;letter-spacing:.5em;text-align:center;font-family:monospace;margin-bottom:1rem;background:#fff}.verification-input:focus{outline:none;border-color:#2d7d73}.backup-codes-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.backup-codes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1rem 0 1.5rem}.backup-code{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.75rem;text-align:center;font-family:Courier New,monospace;font-size:1rem;font-weight:600;color:#0f172a;letter-spacing:.1em}.button-group{display:flex;gap:.75rem;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;font-size:.95rem;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s;text-decoration:none}.btn-primary{background:#2d7d73;color:#fff}.btn-primary:hover{background:#3fa397}.btn-success{background:#0284c7;color:#fff}.btn-success:hover{background:#059669}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#fff;color:#fff}.btn-danger:hover{background:#e5e7eb}.btn-link{background:none;color:#2d7d73;padding:.5rem}.btn-link:hover{text-decoration:underline}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.settings-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb;text-align:center}@media(max-width:768px){.settings-container{padding:1rem .5rem}.mfa-section{padding:1.5rem 1rem}.mfa-header{flex-direction:column}.backup-codes-grid{grid-template-columns:1fr 1fr}.button-group,.action-buttons{flex-direction:column}.btn{width:100%;justify-content:center}}.diary-container{width:100%;max-width:100%;margin:0;padding:2rem 1.5rem}@media(max-width:768px){.diary-container{padding:.75rem}}@media(max-width:480px){.diary-container{padding:.5rem}}.diary-header{margin-bottom:2rem;text-align:left}.diary-header h1{color:#0f172a;font-size:2rem;margin-bottom:.5rem;text-align:left}@media(max-width:768px){.diary-header h1{font-size:1.5rem}}@media(max-width:480px){.diary-header h1{font-size:1.25rem}}.diary-header p{color:#6b7280;font-size:1rem}.diary-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;gap:1.5rem;flex-wrap:wrap;background:#fff;padding:1.25rem;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}@media(max-width:768px){.diary-controls{flex-direction:column;gap:.75rem;margin-bottom:1.5rem}}@media(max-width:480px){.diary-controls{gap:.5rem;margin-bottom:1rem}}.diary-filters{display:flex;gap:1rem;flex:1;min-width:300px}@media(max-width:768px){.diary-filters{width:100%;flex-direction:column;gap:.75rem}}@media(max-width:480px){.diary-filters{gap:.5rem}.search-input,.filter-select{width:100%;min-width:unset}}.search-input,.filter-select{padding:.875rem;border:1.5px solid #d1d5db;border-radius:.5rem;font-size:.9375rem;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:500}.search-input::placeholder{color:#9ca3af;font-weight:500}.search-input:focus,.filter-select:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #1b6a4f1a;background:#f0f9ff}.search-input{flex:1;min-width:250px}.filter-select{min-width:180px}.diary-rows{display:flex;flex-direction:column;gap:0;max-width:100%;border:1.5px solid #d1d5db;border-radius:.75rem;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000000d}.diary-row{display:grid;grid-template-columns:140px 1fr 120px;gap:1.5rem;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff}.diary-row:last-child{border-bottom:none}.diary-row:hover{background:#f9fafb;box-shadow:inset 0 0 0 1px #ecf5f3}.diary-row-date{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;white-space:nowrap}.diary-row-date-full{font-size:.95rem;font-weight:600;color:#0f172a;letter-spacing:.25px}.diary-row-time{font-size:.8rem;color:#9ca3af;font-weight:500}.diary-row-content{display:flex;flex-direction:column;gap:.375rem;min-width:0}.diary-row-title{font-size:1rem;font-weight:600;color:#0f172a;word-break:break-word}.diary-row-preview{font-size:.875rem;color:#6b7280;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.diary-row-meta{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.25rem}.diary-row-actions{display:flex;gap:.5rem;justify-content:flex-end;align-items:center;flex-shrink:0}.btn-icon{background:transparent;border:1px solid transparent;cursor:pointer;padding:.625rem;border-radius:.5rem;color:#9ca3af;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;opacity:.8}.btn-icon:hover{background:#f0f9ff;color:#0f172a;border-color:#a7f3d0;opacity:1;box-shadow:0 2px 4px #1b6a4f1a}.btn-icon:active{background:#ecf5f3}.btn-icon.btn-danger:hover{background:#fee2e2;color:#2d7d73;border-color:#fca5a5;box-shadow:0 2px 4px #dc26261a}.author-badge{padding:.25rem .625rem;border-radius:.25rem;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#ecf5f3,#0284c7);color:#92400e;border:1px solid #fcd34d;white-space:nowrap}.visibility-badge{padding:.25rem .625rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.visibility-badge.org_public{background:#ecf5f3;color:#0f172a;border:1px solid #a7f3d0}.visibility-badge.private{background:#f3e8ff;color:#7c3aed;border:1px solid #e9d5ff}.tags{color:#6b7280;font-size:.75rem;font-style:italic;padding:.25rem .625rem;background:#f9fafb;border-radius:.25rem;border:1px solid #e5e7eb}.diary-date{color:#9ca3af;font-size:.8125rem;white-space:nowrap}.empty-state{text-align:center;padding:4rem 2rem}.empty-state svg{margin:0 auto 1.5rem}.empty-state h3{color:#0f172a;font-size:1.5rem;margin-bottom:.5rem}.empty-state p{color:#6b7280;margin-bottom:1.5rem}.loading-state{text-align:center;padding:4rem 2rem;color:#6b7280}.modal-content{background:#fff;border-radius:.75rem;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;scrollbar-width:thin}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:#60a5fa;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#2d7d73}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{color:#0f172a;font-size:1.5rem;margin:0;font-weight:700}.btn-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.btn-close:hover{background:#f3f4f6;color:#0f172a}.modal-content form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9375rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:all .2s;background:#fff}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #1b6a4f1a}.form-textarea{resize:vertical;font-family:inherit;min-height:200px}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn{padding:.875rem 1.75rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;display:inline-flex;align-items:center;justify-content:center;gap:.625rem;font-size:.9375rem}.btn-primary{background:#0f172a;color:#fff;box-shadow:0 2px 8px #1b6a4f33}.btn-primary:hover{background:#0f172a;transform:translateY(-2px);box-shadow:0 6px 16px #1b6a4f59}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #1b6a4f33}.btn-secondary{background:#f3f4f6;color:#374151;border:1.5px solid #d1d5db;font-weight:600}.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af;box-shadow:0 2px 8px #00000014}.btn-secondary:active{background:#d1d5db}.alert{padding:1rem;border-radius:.375rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.alert-error{background:#fee2e2;color:#2d7d73;border:1px solid #fca5a5}@media(max-width:1024px){.diary-row{grid-template-columns:120px 1fr 80px;gap:1rem}}@media(max-width:768px){.diary-container{padding:1rem}.diary-header h1{font-size:1.5rem}.diary-controls{flex-direction:column;align-items:stretch}.diary-filters{flex-direction:column;min-width:100%}.search-input{min-width:100%}.diary-row{grid-template-columns:1fr;gap:.75rem;padding:1rem}.diary-row-date{flex-direction:row;gap:.5rem;align-items:center}.diary-row-actions{justify-content:flex-start}.form-row{grid-template-columns:1fr}.modal-content{margin:1rem}}@media(max-width:480px){.diary-row{grid-template-columns:1fr;gap:.5rem;padding:.75rem}.diary-row-date-full{font-size:.875rem}.diary-row-title{font-size:.95rem}.diary-row-preview{font-size:.8rem}}.maintenance-container{padding:20px;width:100%;margin:0 auto}.maintenance-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.maintenance-logo{width:80px;height:auto}.maintenance-title{font-size:2rem;color:#0f172a;margin:0}.maintenance-section{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.section-title{font-size:1.5rem;color:#0f172a;margin:0 0 10px}.section-description{color:#666;margin-bottom:25px;line-height:1.6}.snapshot-section{margin-top:20px}.snapshot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-radius:8px}.snapshot-info{display:flex;align-items:center;gap:15px}.snapshot-icon{font-size:2.5rem}.snapshot-details{display:flex;flex-direction:column;gap:5px}.snapshot-count{font-size:1.2rem;font-weight:600;color:#0f172a}.snapshot-subtitle{font-size:.9rem;color:#666}.btn-create-snapshot{background:#2d7d73;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-create-snapshot:hover:not(:disabled){background:#3fa397;transform:translateY(-2px);box-shadow:0 4px 8px #2d7a524d}.btn-create-snapshot:disabled{background:#cbd5e1;cursor:not-allowed}.snapshot-loading{text-align:center;padding:40px}.loading-spinner{width:40px;height:40px;border:4px solid #e0f2fe;border-top:4px solid #2d7d73;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.snapshot-empty{text-align:center;padding:40px;color:#666;font-style:italic}.snapshots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.snapshot-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s}.snapshot-card:hover{border-color:#2d7d73;box-shadow:0 4px 12px #2d7a5226;transform:translateY(-2px)}.snapshot-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.snapshot-name{font-size:1.1rem;color:#0f172a;margin:0;font-weight:600}.snapshot-size{background:#f0f7ff;color:#2d7d73;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500}.snapshot-meta{margin-bottom:12px}.snapshot-date{color:#666;font-size:.9rem}.snapshot-description{color:#666;font-size:.9rem;margin:10px 0;line-height:1.5}.snapshot-actions{display:flex;gap:10px;margin-top:15px}.btn-snapshot-restore,.btn-snapshot-delete{flex:1;padding:10px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-snapshot-restore{background:#0284c7;color:#fff}.btn-snapshot-restore:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-snapshot-delete{background:#fff;color:#fff}.btn-snapshot-delete:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.btn-snapshot-restore:disabled,.btn-snapshot-delete:disabled{opacity:.5;cursor:not-allowed}.snapshot-limit-notice{margin-top:20px;padding:15px;background:#ecf5f3;border:1px solid #fbbf24;border-radius:6px;color:#92400e;text-align:center;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;color:#0f172a;font-size:1.3rem}.modal-close{background:none;border:none;font-size:1.8rem;color:#666;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#0f172a}.modal-body{padding:20px}.modal-description{color:#666;margin-bottom:20px;line-height:1.6}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:500}.form-input,.form-textarea{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;transition:all .2s;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:#2d7d73;box-shadow:0 0 0 3px #2d7a521a}.form-textarea{resize:vertical;min-height:80px}.modal-footer{display:flex;gap:10px;padding:20px;border-top:1px solid #e5e7eb;justify-content:flex-end}.btn-modal-cancel,.btn-modal-create{padding:10px 24px;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-modal-cancel{background:#f3f4f6;color:#374151}.btn-modal-cancel:hover{background:#e5e7eb}.btn-modal-create{background:#2d7d73;color:#fff}.btn-modal-create:hover:not(:disabled){background:#3fa397;transform:translateY(-1px)}.btn-modal-create:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.maintenance-container{padding:15px}.maintenance-logo{width:60px}.maintenance-title{font-size:1.5rem}.snapshot-header{flex-direction:column;gap:15px;align-items:stretch}.btn-create-snapshot{width:100%}.snapshots-grid{grid-template-columns:1fr}}.permissions-container{width:100%;margin:0 auto;padding:1rem}@media(max-width:768px){.permissions-container{padding:.75rem}}@media(max-width:480px){.permissions-container{padding:.5rem}}.permissions-header{margin-bottom:1rem;text-align:left}.permissions-header h1{font-size:1.5rem;color:#0f172a;margin-bottom:.25rem;font-weight:600;text-align:left}@media(max-width:768px){.permissions-header h1{font-size:1.25rem}}@media(max-width:480px){.permissions-header h1{font-size:1.125rem}}.permissions-header p{color:#64748b;font-size:.875rem}.alert{padding:.75rem;border-radius:.375rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#2d7d73}.loading-state{text-align:center;padding:3rem}.loading-spinner{border:4px solid #e5e7eb;border-top:4px solid #2d7d73;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.permissions-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem}.info-card{background:#fff;padding:.75rem 1rem;border-radius:.375rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.info-card h3{font-size:.75rem;color:#64748b;margin-bottom:.25rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:1.5rem;color:#0f172a;font-weight:700;margin:0}.users-table-container{background:#fff;border-radius:.375rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;overflow-x:auto;margin-bottom:1rem}.users-table{width:100%;border-collapse:collapse;font-size:.875rem}.users-table thead{background-color:#f8fafc;border-bottom:1px solid #e5e7eb}.users-table th{padding:.5rem .75rem;text-align:left;font-weight:600;color:#1e293b;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.users-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s}.users-table tbody tr:hover{background-color:#f8fafc}.users-table tbody tr.current-user{background-color:#f0f9ff}.users-table tbody tr.current-user:hover{background-color:#ecf5f3}.users-table td{padding:.5rem .75rem;color:#334155;font-size:.875rem}.user-name{display:flex;align-items:center;gap:.5rem;font-weight:500}.you-badge{background-color:#2d7d73;color:#fff;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.8125rem;font-weight:600;text-transform:capitalize}.badge-platform-admin{background-color:#ecf5f3;color:#92400e;border:1px solid #fbbf24}.badge-org-admin{background-color:#ecf5f3;color:#0f172a;border:1px solid #2d7d73}.badge-org-member{background-color:#e5e7eb;color:#374151;border:1px solid #9ca3af}.badge-default{background-color:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.role-select{padding:.375rem .75rem;border-radius:9999px;font-size:.8125rem;font-weight:600;border:1px solid;cursor:pointer;text-transform:capitalize;transition:all .15s}.role-select:hover{opacity:.8}.role-select:disabled{opacity:.5;cursor:not-allowed}.auth-badge{padding:.25rem .625rem;border-radius:.25rem;font-size:.8125rem;font-weight:500;text-transform:capitalize}.auth-badge.local{background-color:#f3f4f6;color:#374151}.auth-badge.oauth{background-color:#dcfce7;color:#166534}.mfa-badge{padding:.25rem .625rem;border-radius:.25rem;font-size:.8125rem;font-weight:500}.mfa-badge.enabled{background-color:#dcfce7;color:#166534}.mfa-badge.disabled{background-color:#f3f4f6;color:#6b7280}.status-badge{padding:.25rem .625rem;border-radius:.25rem;font-size:.8125rem;font-weight:500}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.suspended{background-color:#fee2e2;color:#2d7d73}.date-cell{font-size:.875rem;color:#64748b}.action-buttons{display:flex;gap:.5rem;align-items:center}.btn-action{background:none;border:none;cursor:pointer;padding:.375rem;border-radius:.25rem;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.btn-delete{color:#2d7d73}.btn-delete:hover{background-color:#fef2f2}.btn-suspend{color:#f59e0b}.btn-suspend:hover{background-color:#ecf5f3}.btn-unsuspend{color:#0284c7}.btn-unsuspend:hover{background-color:#ecf5f3}.no-data{text-align:center;color:#64748b;padding:3rem!important;font-style:italic}.permissions-legend{background:#fff;padding:1.5rem;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.permissions-legend h3{font-size:1.125rem;color:#1e293b;margin-bottom:1rem;font-weight:600}.legend-items{display:grid;gap:1rem}.legend-item{display:flex;align-items:center;gap:1rem}.legend-item p{margin:0;color:#64748b;font-size:.9375rem}.alert-success{background-color:#f0f9ff;border:1px solid #bbf7d0;color:#166534}.admin-setup-banner{background:linear-gradient(135deg,#f0f9ff,#ecf5f3);border:2px solid #2d7d73;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 6px #2d7a521a}.admin-setup-icon{flex-shrink:0;color:#2d7d73}.admin-setup-content{flex:1}.admin-setup-content h3{color:#0f172a;font-size:1.25rem;margin-bottom:.5rem;font-weight:600}.admin-setup-content p{color:#0f172a;margin:0;font-size:.9375rem}.btn-admin-setup{background-color:#2d7d73;color:#fff;padding:.625rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .15s;font-size:.9375rem;white-space:nowrap}.btn-admin-setup:hover{background-color:#3fa397;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.admin-setup-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 2px #0000000d}.admin-setup-section h3{color:#0f172a;font-size:1.25rem;margin-bottom:.5rem;font-weight:600}.admin-setup-description{color:#64748b;margin-bottom:1.5rem;font-size:.9375rem}.admin-setup-users{display:flex;flex-direction:column;gap:1rem}.admin-setup-user-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#f8fafc;transition:all .15s}.admin-setup-user-card:hover{border-color:#2d7d73;background:#fff;box-shadow:0 2px 4px #0000000d}.admin-setup-user-info{flex:1}.admin-setup-user-name{font-weight:600;color:#1e293b;font-size:1rem;margin-bottom:.25rem}.admin-setup-user-email{color:#64748b;font-size:.875rem;margin-bottom:.5rem}.admin-setup-current-role{font-size:.875rem;color:#64748b;display:flex;align-items:center;gap:.5rem}.you-badge-small{background-color:#2d7d73;color:#fff;padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-left:.5rem}.admin-setup-controls{display:flex;align-items:flex-end;gap:1rem}.permission-selector{display:flex;flex-direction:column;gap:.5rem;flex:1}.permission-selector label{font-size:.875rem;font-weight:600;color:#374151}.permission-dropdown{padding:.625rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9375rem;color:#1e293b;background-color:#fff;cursor:pointer;transition:all .15s;width:100%}.permission-dropdown:hover:not(:disabled){border-color:#2d7d73}.permission-dropdown:focus{outline:none;border-color:#2d7d73;box-shadow:0 0 0 3px #2d7a521a}.permission-dropdown:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.admin-setup-actions{display:flex;gap:.75rem}.btn{padding:.5rem 1rem;border-radius:.375rem;font-weight:600;cursor:pointer;transition:all .15s;border:none;font-size:.875rem}.btn-primary{background-color:#2d7d73;color:#fff}.btn-primary:hover{background-color:#3fa397;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-secondary{background-color:#64748b;color:#fff}.btn-secondary:hover{background-color:#475569;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-small{padding:.375rem .875rem;font-size:.8125rem;white-space:nowrap}.btn-disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.btn-disabled:hover{background-color:#e5e7eb;transform:none;box-shadow:none}.admin-setup-empty{text-align:center;padding:2rem;color:#64748b;font-style:italic}@media(max-width:768px){.permissions-container{padding:1rem}.permissions-header h1{font-size:1.5rem}.permissions-info{grid-template-columns:1fr}.users-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table{font-size:.875rem}.users-table th,.users-table td{padding:.75rem .5rem}.legend-item{flex-direction:column;align-items:flex-start}.admin-setup-banner{flex-direction:column;text-align:center}.admin-setup-user-card{flex-direction:column;gap:1rem}.admin-setup-user-info{text-align:center}.admin-setup-actions{width:100%;flex-direction:column}.admin-setup-actions button{width:100%}.admin-setup-controls{flex-direction:column;width:100%;gap:.75rem}.permission-selector{width:100%}.admin-setup-controls .btn-small{width:100%;padding:.625rem 1rem}}.filters-section{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.filters-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.search-input{flex:1;min-width:300px;padding:.75rem 1rem;border:1px solid #cbd5e0;border-radius:6px;font-size:14px}.search-input:focus{outline:none;border-color:#2d7d73;box-shadow:0 0 0 3px #2d7a521a}.filter-select{padding:.75rem 1rem;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;background-color:#fff;cursor:pointer}.filter-select:hover{border-color:#94a3b8}.filter-select:focus{outline:none;border-color:#2d7d73;box-shadow:0 0 0 3px #2d7a521a}.results-count{color:#64748b;font-size:14px;font-weight:500}.org-name{color:#475569;font-weight:500}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;color:#0f172a;font-size:1.5rem}.modal-close{background:none;border:none;font-size:2rem;color:#64748b;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#1e293b}.create-user-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#334155;font-size:14px}.form-group input,.form-group select{padding:.75rem;border:1px solid #cbd5e0;border-radius:6px;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2d7d73;box-shadow:0 0 0 3px #2d7a521a}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.btn-secondary{background-color:#e2e8f0;color:#475569}.btn-secondary:hover{background-color:#cbd5e0}.btn-edit{background-color:#0ea5e9;color:#fff}.btn-edit:hover{background-color:#0f172a}.btn-reset-password{background-color:#8b5cf6;color:#fff}.btn-reset-password:hover{background-color:#7c3aed}.organizations-section{background:#fff;border-radius:.375rem;padding:1rem;margin-bottom:1rem;border:1px solid #e2e8f0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.section-header h2{color:#0f172a;margin:0;font-size:1.5rem}.organizations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.org-card{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:.375rem;padding:1rem;transition:all .2s ease}.org-card:hover{box-shadow:0 4px 6px #0000001a;border-color:#2d7d73}.org-card-header{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #cbd5e0}.org-card-header h3{color:#1e293b;margin:0 0 .375rem;font-size:1rem;font-weight:600}.org-domain{display:inline-block;background:#e0f2fe;color:#0369a1;padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:500}.org-card-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.org-stat{display:flex;justify-content:space-between;align-items:center}.org-edit-btn{width:100%;margin-top:.5rem}.org-stat-label{color:#64748b;font-size:.875rem;font-weight:500}.org-stat-value{color:#1e293b;font-size:1rem;font-weight:600}.permissions-two-column{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;margin-bottom:2rem}.organizations-panel,.users-panel{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;flex-direction:column;box-shadow:0 1px 2px #0000000d}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:2px solid #f0f1f3;flex-shrink:0}.panel-header h2{margin:0;color:#0f172a;font-size:1.125rem;font-weight:600}.organizations-list{overflow-y:auto;flex:1}.org-list-item{padding:1rem;border-bottom:1px solid #f0f1f3;cursor:pointer;transition:all .15s ease;position:relative;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.org-list-item:hover{background-color:#f8fafc}.org-list-item.active{background-color:#ecf5f3;border-left:4px solid #2d7d73;border-bottom:1px solid #bfdbfe}.org-list-item.active .org-list-name{color:#2d7d73;font-weight:600}.org-list-name{font-weight:500;color:#1e293b;font-size:.9375rem;flex:1;word-break:break-word}.org-list-stats{display:flex;gap:.5rem;align-items:center;font-size:.75rem}.org-list-stat{background-color:#f1f5f9;color:#64748b;padding:.25rem .5rem;border-radius:.25rem;font-weight:500}.org-list-tier{background-color:#e0e7ff;color:#4c1d95;padding:.25rem .5rem;border-radius:.25rem;font-weight:500;text-transform:capitalize}.btn-org-action{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;opacity:.6;transition:opacity .15s}.btn-org-action:hover{opacity:1}.no-organizations{padding:2rem 1.5rem;text-align:center;color:#64748b;font-size:.875rem}.users-panel{min-height:400px}.users-panel-filters{padding:1rem;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;flex-wrap:wrap;flex-shrink:0}.search-input-small{flex:1;min-width:200px;padding:.625rem .875rem;border:1px solid #cbd5e0;border-radius:.375rem;font-size:.875rem}.search-input-small:focus{outline:none;border-color:#2d7d73;box-shadow:0 0 0 3px #1e3a8a1a}.filter-select-small{padding:.625rem .75rem;border:1px solid #cbd5e0;border-radius:.375rem;font-size:.875rem;background-color:#fff;cursor:pointer}.filter-select-small:focus{outline:none;border-color:#2d7d73;box-shadow:0 0 0 3px #1e3a8a1a}.users-list{overflow-y:auto;flex:1;padding:0}.user-list-item{padding:1rem;border-bottom:1px solid #f0f1f3;transition:all .15s ease}.user-list-item:hover{background-color:#f8fafc}.user-list-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.375rem}.user-list-name{font-weight:600;color:#1e293b;font-size:.9375rem;display:flex;align-items:center;gap:.5rem}.user-list-email{color:#64748b;font-size:.8125rem;margin-bottom:.5rem;word-break:break-all}.user-list-meta{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.user-list-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-action-small{padding:.375rem .75rem;border:none;border-radius:.25rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s;background-color:#f1f5f9;color:#334155;text-transform:uppercase;letter-spacing:.025em}.btn-action-small:hover{background-color:#e2e8f0}.btn-action-small.btn-suspend{background-color:#fef3c7;color:#92400e}.btn-action-small.btn-suspend:hover{background-color:#fde68a}.btn-action-small.btn-unsuspend{background-color:#ecf5f3;color:#0369a1}.btn-action-small.btn-unsuspend:hover{background-color:#bae6fd}.btn-action-small.btn-delete{background-color:#fee2e2;color:#7f1d1d}.btn-action-small.btn-delete:hover{background-color:#fca5a5}.no-users{padding:3rem 1.5rem;text-align:center;color:#64748b;font-size:.9375rem;font-style:italic}.btn-small{padding:.5rem 1rem!important;font-size:.8125rem!important}@media(max-width:1024px){.permissions-two-column{grid-template-columns:300px 1fr;gap:1rem}}@media(max-width:768px){.permissions-container{padding:1rem;margin:0}.permissions-header h1{font-size:1.25rem}.permissions-info{grid-template-columns:repeat(2,1fr);gap:.75rem}.permissions-two-column{grid-template-columns:1fr;gap:1rem}.organizations-panel{max-height:300px}.users-panel{min-height:auto}.info-value{font-size:1.25rem}.users-table{font-size:.8rem}.users-table th,.users-table td{padding:.5rem .375rem}.organizations-grid{grid-template-columns:1fr;gap:1rem}.org-card{padding:.875rem}.section-header{flex-direction:column;align-items:stretch;gap:1rem}.section-header button{width:100%}}@media(max-width:640px){.permissions-container{padding:.75rem}.permissions-header h1{font-size:1rem}.permissions-header p{font-size:.8rem}.permissions-info{grid-template-columns:1fr;gap:.5rem}.info-card{padding:.5rem .75rem}.info-card h3{font-size:.65rem}.info-value{font-size:1rem}.users-table{font-size:.7rem;min-width:600px}.users-table th,.users-table td{padding:.375rem .25rem}.org-card{padding:.75rem}.org-card-header h3{font-size:.9rem}}@media(max-width:480px){.permissions-container{padding:.5rem}.permissions-header h1{font-size:.9rem}.permissions-header p{font-size:.75rem}.permissions-info{grid-template-columns:1fr;gap:.5rem}.info-card{padding:.5rem}.info-card h3{font-size:.6rem}.info-value{font-size:.9rem}.users-table{font-size:.65rem;min-width:500px}.users-table th,.users-table td{padding:.25rem .2rem}.org-card{padding:.5rem}.org-card-header h3{font-size:.8rem}.section-header button{font-size:.9rem;padding:.625rem}}.empty-state{text-align:center;padding:3rem 2rem;color:#64748b}.empty-state-icon{margin-bottom:1.5rem;color:#cbd5e0}.empty-state-icon svg{display:inline-block}.empty-state h3{color:#334155;font-size:1.25rem;margin-bottom:.75rem}.empty-state p{max-width:500px;margin:0 auto;line-height:1.6;font-size:1rem}._container_14yo8_1{width:100%;padding:2rem;margin:0;background:linear-gradient(135deg,#f5f7fa,#f9fafb);min-height:100vh}@media(max-width:1024px){._container_14yo8_1{padding:1.5rem}}@media(max-width:768px){._container_14yo8_1{padding:1rem}}@media(max-width:480px){._container_14yo8_1{padding:.75rem}}._headerSection_14yo8_27{margin-bottom:2rem}._pageTitle_14yo8_31{color:#0f172a;font-size:2.5rem;font-weight:700;margin:0;margin-bottom:.25rem;text-align:left;letter-spacing:-.5px}._pageSubtitle_14yo8_41{color:#6b7280;font-size:1rem;margin:0;text-align:left}@media(max-width:768px){._pageTitle_14yo8_31{font-size:2rem}._pageSubtitle_14yo8_41{font-size:.95rem}}._controlsSection_14yo8_58{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}._header_14yo8_27{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}._header_14yo8_27 h1{color:#0f172a;font-size:2.5rem;margin:0}._addButton_14yo8_79{padding:.75rem 1.5rem;background:#3fa397;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #2d7a524d}._addButton_14yo8_79:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #1b6a4f66}._addButton_14yo8_79:disabled{opacity:.6;cursor:not-allowed}._error_14yo8_102{padding:1rem;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#2d7d73;border:1px solid #fca5a5;border-radius:8px;margin-bottom:1.5rem;font-weight:500}._loading_14yo8_112{text-align:center;padding:4rem;color:#6b7280;font-size:1.1rem;font-weight:500}._empty_14yo8_120{text-align:center;padding:4rem;color:#6b7280;background:#fff;border-radius:12px;border:2px dashed #d1d5db;box-shadow:0 1px 3px #00000014}._empty_14yo8_120 p{margin:0;font-size:1.125rem;font-weight:500}._tableContainer_14yo8_136{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1)}._tableContainer_14yo8_136:hover{box-shadow:0 12px 24px #0000001f}._tableHeader_14yo8_149{display:flex;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.3px}._tableRow_14yo8_159{display:flex;border-bottom:1px solid #e5e7eb;transition:background-color .15s}._tableRow_14yo8_159:hover{background-color:#f9fafb}._tableRow_14yo8_159:last-child{border-bottom:none}._tableCol_14yo8_173{padding:1rem;display:flex;align-items:center;justify-content:flex-start;font-size:.95rem}._tableHeader_14yo8_149 ._tableCol_14yo8_173{padding:1rem;font-weight:700;color:#0f172a;font-size:.85rem}._rowContent_14yo8_188{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}._linkTitle_14yo8_196{margin:0;font-size:.95rem;font-weight:700;color:#0f172a;cursor:pointer;flex:1;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._linkTitle_14yo8_196:hover{color:#3fa397;text-decoration:underline}._urlLink_14yo8_214{color:#6b7280;font-size:.85rem;text-decoration:none;word-break:break-all;flex:1;transition:all .2s}._urlLink_14yo8_214:hover{color:#0f172a;text-decoration:underline}._rowActions_14yo8_228{display:flex;gap:.75rem;flex-shrink:0;margin-left:.5rem}._editButton_14yo8_235,._deleteButton_14yo8_236{padding:.5rem 1rem;border:none;cursor:pointer;font-size:.85rem;font-weight:700;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;white-space:nowrap}._editButton_14yo8_235{background:#2d7d73;color:#fff}._editButton_14yo8_235:hover:not(:disabled){background:#0f172a;transform:translateY(-1px)}._deleteButton_14yo8_236{background:#fff;color:#fff}._deleteButton_14yo8_236:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}._editButton_14yo8_235:disabled,._deleteButton_14yo8_236:disabled{opacity:.4;cursor:not-allowed}._modal_14yo8_276{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}._modalContent_14yo8_291{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:_slideUp_14yo8_1 .3s ease-out}@keyframes _slideUp_14yo8_1{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}._modalContent_14yo8_291::-webkit-scrollbar{width:6px}._modalContent_14yo8_291::-webkit-scrollbar-track{background:transparent}._modalContent_14yo8_291::-webkit-scrollbar-thumb{background:#60a5fa;border-radius:3px}._modalContent_14yo8_291::-webkit-scrollbar-thumb:hover{background:#2d7d73}._modalContent_14yo8_291 h2{margin:0 0 1.5rem;color:#0f172a;font-size:1.5rem;font-weight:700}._formGroup_14yo8_338{margin-bottom:1.25rem}._formGroup_14yo8_338 label{display:block;margin-bottom:.5rem;font-weight:700;color:#374151;font-size:.95rem}._formGroup_14yo8_338 input,._formGroup_14yo8_338 textarea{width:100%;padding:.75rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .2s}._formGroup_14yo8_338 input:hover,._formGroup_14yo8_338 textarea:hover{border-color:#0f172a;background:#f9fafb}._formGroup_14yo8_338 input:focus,._formGroup_14yo8_338 textarea:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #1b6a4f1a;background:#f0f9ff}._formGroup_14yo8_338 textarea{resize:vertical;min-height:80px}._modalActions_14yo8_380{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}._cancelButton_14yo8_387{padding:.75rem 1.5rem;background:#fff;color:#0f172a;border:1.5px solid #0f172a;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:0 1px 3px #0000001a}._cancelButton_14yo8_387:hover:not(:disabled){background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #1b6a4f26}._cancelButton_14yo8_387:disabled{opacity:.6;cursor:not-allowed}._submitButton_14yo8_411{padding:.75rem 1.5rem;background:#3fa397;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #2d7a524d}._submitButton_14yo8_411:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #1b6a4f66}._submitButton_14yo8_411:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){._container_14yo8_1{padding:1rem}._pageTitle_14yo8_31{font-size:2rem}._pageSubtitle_14yo8_41{font-size:.95rem}._controlsSection_14yo8_58{flex-direction:column;width:100%}._addButton_14yo8_79{width:100%}._tableContainer_14yo8_136{overflow-x:auto}._tableRow_14yo8_159,._tableHeader_14yo8_149{flex-wrap:wrap}._tableCol_14yo8_173{font-size:.875rem;padding:.75rem}._linkTitle_14yo8_196{font-size:.95rem}._urlLink_14yo8_214{font-size:.8rem}._rowActions_14yo8_228{gap:.5rem}._editButton_14yo8_235,._deleteButton_14yo8_236{padding:.4rem .75rem;font-size:.75rem}._modalContent_14yo8_291{padding:1.5rem}._modalActions_14yo8_380{flex-direction:column}._modalActions_14yo8_380 button{width:100%}}@media(max-width:480px){._container_14yo8_1{padding:.75rem}._pageTitle_14yo8_31{font-size:1.75rem}._pageSubtitle_14yo8_41{font-size:.9rem}._tableCol_14yo8_173{padding:.5rem;font-size:.8rem}._tableHeader_14yo8_149 ._tableCol_14yo8_173{padding:.75rem .5rem;font-size:.75rem}._rowActions_14yo8_228{gap:.25rem}._editButton_14yo8_235,._deleteButton_14yo8_236{padding:.3rem .5rem;font-size:.7rem}}._container_1pno2_1{width:100%;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#f9fafb);min-height:100vh}@media(max-width:1024px){._container_1pno2_1{padding:1.5rem}}@media(max-width:768px){._container_1pno2_1{padding:1rem}}@media(max-width:480px){._container_1pno2_1{padding:.75rem}}._headerSection_1pno2_28{margin-bottom:2rem}._pageTitle_1pno2_32{color:#0f172a;font-size:2.5rem;font-weight:700;margin:0;margin-bottom:.25rem;text-align:left;letter-spacing:-.5px}._pageSubtitle_1pno2_42{color:#6b7280;font-size:1rem;margin:0;text-align:left}@media(max-width:768px){._pageTitle_1pno2_32{font-size:2rem}._pageSubtitle_1pno2_42{font-size:.95rem}}._header_1pno2_28{margin-bottom:40px;border-left:4px solid #0f172a;padding-left:20px}._header_1pno2_28 h1{font-size:2.5em;color:#0f172a;margin:0 0 10px}._header_1pno2_28 p{color:#666;font-size:1.1em}._message_1pno2_76{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:600;animation:_slideIn_1pno2_1 .3s ease;border-left:4px solid}._message_1pno2_76._success_1pno2_85{background:linear-gradient(135deg,#f0fffe,#ecf5f3);color:#0f172a;border-left-color:#0284c7}._message_1pno2_76._error_1pno2_91{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#2d7d73;border-left-color:#2d7d73}@keyframes _slideIn_1pno2_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._grid_1pno2_108{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}@media(max-width:768px){._grid_1pno2_108{grid-template-columns:1fr}}._card_1pno2_121{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}._card_1pno2_121:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-4px)}._cardHeader_1pno2_135{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:1.75rem;border-bottom:2px solid #e5e7eb}._cardHeader_1pno2_135 h2{font-size:1.25rem;color:#0f172a;margin:0 0 .5rem;font-weight:700}._cardHeader_1pno2_135 p{color:#6b7280;margin:0;font-size:.95rem}._form_1pno2_154{padding:1.75rem}._formGroup_1pno2_158{margin-bottom:1.5rem}._formGroup_1pno2_158 label{display:block;font-weight:700;color:#374151;margin-bottom:.5rem;font-size:.95rem}._formGroup_1pno2_158 input[type=text],._formGroup_1pno2_158 input[type=file],._formGroup_1pno2_158 textarea{width:100%;padding:.75rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .2s}._formGroup_1pno2_158 input[type=text]:hover,._formGroup_1pno2_158 input[type=file]:hover,._formGroup_1pno2_158 textarea:hover{border-color:#0f172a;background:#f9fafb}._formGroup_1pno2_158 input:focus,._formGroup_1pno2_158 textarea:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #1b6a4f1a;background:#f0f9ff}._formGroup_1pno2_158 input:disabled,._formGroup_1pno2_158 textarea:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.7}._fileName_1pno2_204{margin-top:.5rem;color:#059669;font-size:.9rem;font-weight:600}._checkboxGroup_1pno2_211{margin-bottom:1.5rem}._checkboxGroup_1pno2_211 label{display:flex;align-items:center;font-weight:500;margin-bottom:.75rem;cursor:pointer;color:#374151}._checkboxGroup_1pno2_211 input[type=checkbox]{margin-right:.75rem;cursor:pointer;width:18px;height:18px;accent-color:#0f172a}._backupInfo_1pno2_232{background:linear-gradient(135deg,#f0f9ff,#ecf5f3);padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #0f172a}._backupInfo_1pno2_232 h3{margin:0 0 .75rem;color:#0f172a;font-size:.95rem;font-weight:700}._backupInfo_1pno2_232 ul{list-style:none;padding:0;margin:0}._backupInfo_1pno2_232 li{color:#0f172a;padding:.4rem 0;font-size:.9rem;font-weight:500}._warningBox_1pno2_260{background:linear-gradient(135deg,#ecf5f3,#0284c7);padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #f59e0b}._warningBox_1pno2_260 h3{margin:0 0 .75rem;color:#92400e;font-size:.95rem;font-weight:700}._warningBox_1pno2_260 p{margin:.5rem 0;color:#0f172a;font-size:.9rem;font-weight:500}._warningBox_1pno2_260 ul{list-style:none;padding:0;margin:.5rem 0 0}._warningBox_1pno2_260 li{color:#0f172a;padding:.4rem 0;font-size:.9rem;font-weight:500}._primaryBtn_1pno2_295,._dangerBtn_1pno2_296{width:100%;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}._primaryBtn_1pno2_295{background:#3fa397;color:#fff;box-shadow:0 4px 12px #2d7a524d}._primaryBtn_1pno2_295:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #2d7a5266}._dangerBtn_1pno2_296{background:linear-gradient(135deg,#fff,#f3f4f6);color:#fff;box-shadow:0 4px 12px #ef44444d}._dangerBtn_1pno2_296:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #ef444466}._primaryBtn_1pno2_295:disabled,._dangerBtn_1pno2_296:disabled{opacity:.6;cursor:not-allowed}._features_1pno2_335{background:#fff;padding:2rem;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014}._features_1pno2_335 h2{font-size:1.75rem;color:#0f172a;margin:0 0 2rem;font-weight:700;border-bottom:2px solid #0f172a;padding-bottom:1rem}._featureGrid_1pno2_352{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}@media(max-width:1024px){._featureGrid_1pno2_352{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){._featureGrid_1pno2_352{grid-template-columns:1fr}}._feature_1pno2_335{padding:1.5rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:8px;border-left:4px solid #0f172a;transition:all .2s}._feature_1pno2_335:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1b6a4f1a}._feature_1pno2_335 h3{color:#0f172a;font-size:1.05rem;margin:0 0 .75rem;font-weight:700}._feature_1pno2_335 p{color:#6b7280;margin:0;font-size:.9rem;line-height:1.6}@media(max-width:768px){._container_1pno2_1{padding:1rem}._pageTitle_1pno2_32{font-size:2rem}._grid_1pno2_108{gap:1.5rem;grid-template-columns:1fr}._card_1pno2_121{border-radius:8px}._form_1pno2_154{padding:1.25rem}._features_1pno2_335{padding:1.5rem}._features_1pno2_335 h2{font-size:1.5rem}}@media(max-width:480px){._container_1pno2_1{padding:.75rem}._pageTitle_1pno2_32{font-size:1.75rem}._pageSubtitle_1pno2_42{font-size:.9rem}._cardHeader_1pno2_135{padding:1.25rem}._cardHeader_1pno2_135 h2{font-size:1.1rem}._form_1pno2_154{padding:1rem}._formGroup_1pno2_158{margin-bottom:1rem}._primaryBtn_1pno2_295,._dangerBtn_1pno2_296{padding:.65rem 1.25rem;font-size:.9rem}._features_1pno2_335{padding:1rem}._featureGrid_1pno2_352{gap:1rem}._feature_1pno2_335{padding:1rem}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.map-view-container{padding:0;margin:0;width:100vw;max-width:100%;height:100vh;display:flex;flex-direction:column;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.map-header-section{margin:0 auto;width:100%;padding:2rem 1rem 1.5rem;background:#fff;border-bottom:2px solid #e5e7eb;z-index:10}.map-wrapper{position:relative;width:100%;height:calc(100vh - 140px);border-radius:0;overflow:hidden;border:none;box-shadow:none;margin-bottom:0;flex:1}.map-container{width:100%;height:100%;z-index:1}.popup-content{min-width:200px;font-family:inherit}.site-details{position:fixed;right:20px;bottom:20px;width:350px;background:#fff;border:2px solid #bbf7d0;border-radius:8px;padding:1.5rem;box-shadow:0 4px 16px #2d7a5226;z-index:1000;max-height:calc(100vh - 40px);overflow-y:auto}@media(max-width:768px){.map-wrapper{height:calc(100vh - 140px)}.site-details{position:fixed;width:calc(100% - 40px);max-width:100%;max-height:50vh;right:20px;bottom:20px}}@media(max-width:480px){.map-view-container{padding:0;height:100vh}.map-wrapper{height:calc(100vh - 120px)}.site-details{width:calc(100% - 40px);max-height:45vh;right:20px;bottom:20px}}.leaflet-container{font-family:inherit}.leaflet-popup-content-wrapper{border-radius:6px;background:#fff;box-shadow:0 2px 8px #2d7a5226}.leaflet-popup{margin-bottom:0}.leaflet-popup-tip{background:#fff}._container_beyr5_1{max-width:100%;padding:4rem 3rem;background:linear-gradient(135deg,#f8fafc,#f0f9ff);min-height:100vh}._header_beyr5_9{text-align:left;margin-bottom:.5rem;max-width:100%;margin-left:auto;margin-right:auto}._header_beyr5_9 h1{font-size:3.5rem;color:#0c2340;margin:0 0 1rem;font-weight:800;text-align:left;line-height:1.1;letter-spacing:-.5px}._header_beyr5_9 p{font-size:1.25rem;color:#475569;margin:0;text-align:left;font-weight:500;line-height:1.6}._grid_beyr5_36{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2.5rem;margin-bottom:6rem;max-width:100%;margin-left:auto;margin-right:auto;padding:3rem 0}@media(max-width:1024px){._grid_beyr5_36{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){._grid_beyr5_36{grid-template-columns:1fr}}._card_beyr5_59{border:2px solid #e2e8f0;border-radius:1rem;padding:3rem 2.5rem;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0f172a0f;display:flex;flex-direction:column;background:#fff}._card_beyr5_59:hover{transform:translateY(-8px);border-color:#2d7d73;box-shadow:0 16px 40px #2d7a5233}._featured_beyr5_78{border-color:#2d7d73;background:linear-gradient(135deg,#fff,#f0f9ff);box-shadow:0 12px 32px #2d7a5240;transform:scale(1.03);border-width:2px}._featured_beyr5_78:hover{transform:scale(1.03) translateY(-8px)}._badge_beyr5_90{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:#3fa397;color:#fff;padding:.75rem 1.5rem;border-radius:24px;font-size:.85rem;font-weight:700;letter-spacing:.6px;box-shadow:0 6px 16px #2d7a5266;text-transform:uppercase}._cardHeader_beyr5_106{margin-bottom:2.5rem}._cardHeader_beyr5_106 h2{font-size:1.75rem;color:#0c2340;margin:0 0 1rem;font-weight:800;letter-spacing:-.3px}._description_beyr5_118{color:#64748b;margin:0;font-size:1rem;line-height:1.6;font-weight:500}._pricing_beyr5_126{display:flex;align-items:baseline;gap:.75rem;margin-top:2rem;margin-bottom:2.5rem}._price_beyr5_134{font-size:3.25rem;font-weight:800;color:#0c2340;line-height:1}._period_beyr5_141{color:#64748b;font-size:1.1rem;font-weight:600}._ctaBtn_beyr5_147{width:100%;padding:1.125rem 2rem;border:2px solid transparent;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);margin-bottom:2.5rem;letter-spacing:.3px}._ctaPrimary_beyr5_160{background:#3fa397;color:#fff;border-color:#3fa397;box-shadow:0 6px 20px #2d7a524d}._ctaPrimary_beyr5_160:hover{background:#1f5a3d;transform:translateY(-4px);box-shadow:0 12px 32px #2d7a5266}._ctaSecondary_beyr5_173{background:#fff;color:#3fa397;border-color:#3fa397;box-shadow:0 2px 8px #0f172a0d}._ctaSecondary_beyr5_173:hover{background:#f0f9ff;color:#1f5a3d;border-color:#3fa397;transform:translateY(-4px);box-shadow:0 8px 20px #2d7a5226}._features_beyr5_188{border-top:2px solid #e2e8f0;padding-top:2.5rem;flex-grow:1}._features_beyr5_188 h3{color:#0c2340;font-size:.85rem;margin:0 0 1.75rem;text-transform:uppercase;font-weight:800;letter-spacing:1px}._features_beyr5_188 ul{list-style:none;padding:0;margin:0}._features_beyr5_188 li{color:#475569;padding:1rem 0;display:flex;align-items:flex-start;gap:1rem;font-size:1rem;line-height:1.6;font-weight:500}._checkmark_beyr5_220{color:#16a34a;font-weight:700;font-size:1.25rem;flex-shrink:0;margin-top:.1rem}._faq_beyr5_228{margin-bottom:6rem;background:transparent;padding:4rem 0;border-radius:0;max-width:100%;margin-left:auto;margin-right:auto;border-top:3px solid #e2e8f0}._faq_beyr5_228 h2{text-align:left;font-size:2.5rem;color:#0c2340;margin:0 0 3rem;font-weight:800;letter-spacing:-.5px}._faqItem_beyr5_248{margin-bottom:2rem;max-width:100%;margin-left:auto;margin-right:auto;background:#fff;padding:2.25rem 2.5rem;border-radius:1rem;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0f172a0f;transition:all .4s cubic-bezier(.34,1.56,.64,1)}._faqItem_beyr5_248 h3{color:#0c2340;font-size:1.25rem;margin:0 0 1rem;font-weight:800;letter-spacing:-.3px}._faqItem_beyr5_248 p{color:#64748b;margin:0;font-size:1rem;line-height:1.7;font-weight:500}._faqItem_beyr5_248:hover{box-shadow:0 12px 32px #2d7a5226;transform:translateY(-4px);border-color:#2d7d73}._cta_beyr5_147{text-align:left;padding:4rem 3.5rem;background:linear-gradient(135deg,#0f172a,#0c2340);border-radius:1.25rem;color:#fff;max-width:100%;margin:0 auto 4rem;box-shadow:0 12px 40px #1b6a4f4d;border:2px solid rgba(255,255,255,.1)}._cta_beyr5_147 h2{font-size:2.25rem;margin:0 0 1.25rem;font-weight:800;letter-spacing:-.3px;line-height:1.2}._cta_beyr5_147 p{font-size:1.15rem;margin:0 0 2.5rem;opacity:.98;line-height:1.7;font-weight:500}._largeBtn_beyr5_311{padding:1.25rem 3rem;background:#fff;color:#0f172a;border:none;border-radius:.75rem;font-size:1.05rem;font-weight:800;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 20px #0003;letter-spacing:.3px;display:inline-block}._largeBtn_beyr5_311:hover{transform:translateY(-4px);box-shadow:0 12px 40px #fff6;background:#f0f9ff;color:#3fa397}._container_i0i95_1{max-width:100%;padding:2rem 1rem;background:linear-gradient(135deg,#f5f7fa,#f9fafb);min-height:100vh}._header_i0i95_9{margin-bottom:2rem}._header_i0i95_9 h1{color:#0f172a;margin:0 0 .5rem;font-size:2.5rem;font-weight:700;text-align:left}._header_i0i95_9 p{color:#6b7280;margin:0;font-size:1rem;text-align:left}._currentPlan_i0i95_28{margin-bottom:2rem;max-width:100%;margin-left:auto;margin-right:auto}._planCard_i0i95_35{background:#fff;border:2px solid #2d7d73;border-radius:.5rem;padding:2rem;box-shadow:0 2px 8px #00000014;transition:all .2s cubic-bezier(.4,0,.2,1)}._planCard_i0i95_35:hover{border-color:#0f172a;box-shadow:0 4px 16px #2d7a5233;transform:translateY(-2px)}._planHeader_i0i95_50{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid #e0e0e0;padding-bottom:20px}._planHeader_i0i95_50 h2{color:#0f172a;margin:0;font-size:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:600}._icon_i0i95_69{font-size:1.25rem}._price_i0i95_73{color:#0f172a;font-size:1.375rem;font-weight:700}._status_i0i95_79{display:flex;align-items:center;gap:15px;margin-bottom:30px}._badge_i0i95_86{background:#0284c7;color:#fff;padding:6px 12px;border-radius:20px;font-size:.85em;font-weight:600}._trialInfo_i0i95_95{color:#666;font-size:.9em}._usage_i0i95_100{margin-bottom:30px}._usageItem_i0i95_104{margin-bottom:25px}._usageHeader_i0i95_108{display:flex;justify-content:space-between;margin-bottom:8px}._usageHeader_i0i95_108 label{color:#0f172a;font-weight:600;font-size:.95em}._usageValue_i0i95_120{color:#666;font-size:.95em;font-weight:500}._progressBar_i0i95_126{width:100%;height:10px;background:#e0e0e0;border-radius:5px;overflow:hidden;margin-bottom:8px}._progress_i0i95_126{height:100%;border-radius:5px;transition:width .3s ease}._remaining_i0i95_141{font-size:.85em;color:#0284c7;font-weight:500}._warning_i0i95_147{font-size:.85em;color:#2d7d73;font-weight:600}._upgradeBtn_i0i95_153{width:100%;padding:.75rem 1.5rem;background:#3fa397;color:#fff;border:none;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}._upgradeBtn_i0i95_153:hover{background:#3fa397;transform:translateY(-2px);box-shadow:0 4px 16px #2d7a5233}._features_i0i95_172{background:transparent;padding:1.5rem;border-radius:0;margin-bottom:2rem;max-width:100%;margin-left:auto;margin-right:auto}._features_i0i95_172 h3{color:#0f172a;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}._upgradeCtaBtn_i0i95_189{display:block;margin-top:2rem;padding:.875rem 2rem;background:#3fa397;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:auto}._upgradeCtaBtn_i0i95_189:hover{background:#3fa397;transform:translateY(-2px);box-shadow:0 4px 16px #2d7a5233}._featureGrid_i0i95_210{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}@media(max-width:640px){._featureGrid_i0i95_210{grid-template-columns:1fr}}._feature_i0i95_172{display:flex;align-items:center;gap:.75rem;color:#0f172a;background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 2px 8px #00000014;transition:all .2s cubic-bezier(.4,0,.2,1)}._feature_i0i95_172:hover{box-shadow:0 4px 16px #2d7a5233;transform:translateY(-2px)}._check_i0i95_239{color:#0284c7;font-size:1.25rem;flex-shrink:0}._comparisonSection_i0i95_245{background:transparent;padding:1.5rem;border-radius:0;border:none;width:100%}._comparisonSection_i0i95_245 h3{color:#0f172a;margin:0 0 1.5rem;font-size:1.25rem;text-align:left;font-weight:600}._comparison_i0i95_245{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}@media(max-width:1024px){._comparison_i0i95_245{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){._comparison_i0i95_245{grid-template-columns:1fr}}._comparisonCard_i0i95_280{background:#fff;padding:1.5rem;border-radius:.5rem;border:2px solid transparent;position:relative;box-shadow:0 2px 8px #00000014;transition:all .2s cubic-bezier(.4,0,.2,1)}._comparisonCard_i0i95_280:hover{border-color:#2d7d73;box-shadow:0 4px 16px #2d7a5233;transform:translateY(-2px)}._comparisonCard_i0i95_280._featured_i0i95_296{border-color:#0f172a;background:#f0f9ff}._comparisonCard_i0i95_280 h4{color:#0f172a;margin:0 0 .75rem;font-size:1.125rem;font-weight:600}._comparisonCard_i0i95_280 ._price_i0i95_73{color:#0f172a;font-size:1.25rem;margin:.75rem 0 1.5rem;font-weight:700}._comparisonCard_i0i95_280 ul{list-style:none;padding:0;margin:0 0 20px}._comparisonCard_i0i95_280 li{color:#666;padding:.5rem 0;font-size:.95rem}._current_i0i95_28{position:absolute;top:1rem;right:1rem;background:#0284c7;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}._selectBtn_i0i95_339{width:100%;padding:.75rem 1rem;background:#fff;color:#0f172a;border:2px solid #0f172a;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}._selectBtn_i0i95_339:hover{background:#3fa397;color:#fff;border-color:#2d7d73;transform:translateY(-2px);box-shadow:0 4px 16px #2d7a5233}._error_i0i95_360{color:#2d7d73;padding:1.5rem;background:#ecf5f3;border-radius:.5rem;border-left:4px solid #2d7d73;width:100%}@media(max-width:640px){._container_i0i95_1{padding:20px 10px}._header_i0i95_9 h1{font-size:1.8em}._planCard_i0i95_35{padding:25px}._planHeader_i0i95_50{flex-direction:column;align-items:flex-start;gap:10px}._status_i0i95_79{flex-direction:column;align-items:flex-start}._features_i0i95_172,._comparisonSection_i0i95_245{padding:20px}}.cabling-container{background:linear-gradient(135deg,#f5f7fa,#f9fafb);min-height:100vh;padding:2rem 1rem;width:100%}.cabling-header{margin-bottom:2rem}.cabling-header h1{color:#0f172a;font-size:2.5rem;margin:0 0 .5rem;font-weight:700;text-align:left}.cabling-header p{color:#6b7280;font-size:1rem;margin:0;text-align:left}.cabling-controls{display:flex;justify-content:flex-start;gap:1rem;margin-bottom:2rem;align-items:center;flex-wrap:wrap}.btn-add-cable{padding:.75rem 1.5rem;background:#3fa397;color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #2d7a5233}.btn-add-cable:hover{box-shadow:0 4px 12px #2d7a524d;transform:translateY(-2px)}.filter-group{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.filter-select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.filter-select:hover,.filter-select:focus{border-color:#3fa397;box-shadow:0 0 0 3px #2d7a521a}.empty-state{background:#fff;padding:4rem 2rem;border-radius:.75rem;box-shadow:0 2px 8px #00000014;max-width:500px;margin:2rem auto;text-align:center}.empty-icon{font-size:3.5rem;margin-bottom:1rem}.empty-state h3{color:#0f172a;font-size:1.5rem;margin:0 0 .5rem;font-weight:600}.empty-state p{color:#666;font-size:.95rem}.cables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;width:100%}.cable-card{background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #00000014;border:2px solid transparent;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.cable-card:hover{border-color:#2d7d73;box-shadow:0 4px 16px #2d7a5233;transform:translateY(-2px)}.cable-header-card{padding:1.25rem;border-bottom:2px solid #e5e7eb}.cable-connection{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem}.device-end{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center}.device-name{font-weight:600;color:#0f172a;font-size:.95rem;word-break:break-word}.port-label{font-size:.8rem;color:#6b7280;margin-top:.25rem}.cable-visual{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px}.cable-line{width:100%;height:4px;border-radius:2px;margin-bottom:.5rem}.cable-type{font-size:.75rem;font-weight:600;color:#374151;background:#f3f4f6;padding:.25rem .625rem;border-radius:.25rem}.cable-actions{display:flex;gap:.5rem}.btn-edit,.btn-delete{padding:.5rem .75rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit{background:#3fa397;color:#fff;border:none}.btn-edit:hover{background:#3fa397;box-shadow:0 4px 8px #2d7a524d;transform:translateY(-1px)}.btn-delete{background:#fff;color:#3fa397;border:2px solid #3fa397}.btn-delete:hover{background:#3fa397;color:#fff;box-shadow:0 4px 8px #2d7a524d;transform:translateY(-1px)}.cable-info{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.info-row{display:grid;grid-template-columns:100px 1fr;gap:.75rem;align-items:flex-start}.info-row label{font-weight:600;color:#0f172a;font-size:.875rem}.info-row span{color:#374151;font-size:.875rem;word-break:break-word}.color-swatch{display:inline-block;width:1rem;height:1rem;border-radius:.25rem;border:1px solid #d1d5db;margin-right:.5rem;vertical-align:middle}.status-badge{display:inline-block;color:#fff;padding:.25rem .625rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.75rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e5e7eb}.modal-header h2{color:#0f172a;margin:0;font-size:1.5rem}.close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;transition:all .2s}.close-btn:hover{color:#0f172a}form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#0f172a;margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.95rem;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3fa397;box-shadow:0 0 0 3px #2d7a521a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.cabling-container{padding:1.5rem .75rem}.cabling-header h1{font-size:1.875rem}.cables-grid{grid-template-columns:1fr}.cabling-controls{flex-direction:column;align-items:stretch}.btn-add-cable,.filter-select{width:100%}.form-row{grid-template-columns:1fr}.info-row{grid-template-columns:80px 1fr}.cable-connection{flex-direction:column}.cable-visual{width:100%;flex-direction:row;margin:1rem 0}.cable-line{width:60%;height:3px;margin:0 .5rem}}@media(max-width:480px){.cabling-container{padding:1rem .5rem}.cabling-header h1{font-size:1.5rem}.cables-grid{grid-template-columns:1fr}.cable-card{padding:1rem}.modal-content{border-radius:.5rem}.form-group{margin-bottom:1rem}.info-row{grid-template-columns:70px 1fr;gap:.5rem}.info-row label,.info-row span{font-size:.75rem}}#root{width:100%;min-height:100vh;margin:0;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}