*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f6f7fb;color:#111}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;background:#121212;color:#fff;padding:22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:36px}.brand-mark,.login-logo{width:42px;height:42px;border-radius:13px;background:#ff6500;display:flex;align-items:center;justify-content:center;font-weight:900}.brand span{display:block;color:#aaa;font-size:12px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar a{color:#fff;text-decoration:none;padding:13px 12px;border-radius:10px}.sidebar a.active,.sidebar a:hover{background:#ff6500}.logout{margin-top:auto;background:#242424;color:#fff;border:0;border-radius:10px;padding:12px;cursor:pointer}.main-content{flex:1;padding:34px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h1{margin:0;font-size:30px}h2{margin-top:0}p{color:#555}.primary{background:#ff6500;color:#fff;border:0;border-radius:11px;padding:12px 18px;font-weight:800;cursor:pointer}.mini{background:#eee;border:0;border-radius:9px;padding:9px 12px;margin:4px;cursor:pointer}.danger-btn{background:#ffe5e5;color:#a00}.panel,.kpi-card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 12px 35px #0000000f;margin-bottom:22px}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:18px}.kpi-card span{color:#777}.kpi-card strong{display:block;font-size:32px;margin-top:8px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #eee;vertical-align:top}input,select{width:100%;border:1px solid #ddd;border-radius:11px;padding:12px;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:13px;margin-bottom:15px}.badge{padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px}.badge.active{background:#e8f8ee;color:#137a36}.badge.suspended,.badge.cancelled{background:#ffe8e8;color:#b81717}.module-list{display:flex;gap:7px;flex-wrap:wrap}.module-list.big{margin:12px 0}.module-pill{border:0;padding:8px 11px;border-radius:999px;font-weight:800;font-size:12px;cursor:pointer}.module-pill.on{background:#e8f8ee;color:#137a36}.module-pill.off{background:#f1f1f1;color:#777}.alert{padding:13px 15px;border-radius:12px;margin-bottom:16px;font-weight:800}.error-box{background:#ffe8e8;color:#9b0000}.ok-box{background:#e8f8ee;color:#137a36}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#ff6500,#111 45%,#000)}.login-card{width:420px;background:#fff;border-radius:22px;padding:32px;box-shadow:0 30px 80px #00000059}.login-card label{display:block;font-weight:800;margin-top:14px}.login-card button{width:100%;margin-top:20px;background:#ff6500;color:#fff;border:0;border-radius:12px;padding:14px;font-weight:900}pre{background:#151515;color:#fff;padding:18px;border-radius:14px;overflow:auto}code{background:#f1f1f1;padding:3px 6px;border-radius:6px}@media (max-width:900px){.sidebar{width:210px}.kpi-grid,.form-grid{grid-template-columns:1fr}}.module-config-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px;margin:16px 0}.module-card{border:1px solid #eee;border-radius:16px;padding:14px;background:#fafafa}.module-card.enabled{border-color:#bfe8ca;background:#f6fff8}.module-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mini-grid{display:grid;grid-template-columns:100px 1fr;gap:10px}.module-card small{display:block;margin-top:10px;color:#555;font-weight:800}.module-list.vertical{flex-direction:column}.license-module-line{display:grid;grid-template-columns:100px 70px 100px 100px;gap:6px;align-items:center;margin-bottom:6px}.license-module-line input,.license-module-line select{padding:8px;font-size:12px}textarea{width:100%;min-height:90px;border:1px solid #ddd;border-radius:11px;padding:12px;margin:6px 0 14px;background:#fff;font-family:inherit}.badge.available{background:#edf2ff;color:#264fbd}.badge.rented{background:#e8f8ee;color:#137a36}.badge.sold{background:#fff3d6;color:#9c6500}.badge.maintenance{background:#ffe8e8;color:#b81717}.badge.returned,.badge.draft,.badge.ended{background:#eee;color:#444}.status-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:7px}.status-dot.online{background:#16a34a;box-shadow:0 0 0 4px #dcfce7}.status-dot.offline{background:#dc2626;box-shadow:0 0 0 4px #fee2e2}.status-dot.warning{background:#f59e0b;box-shadow:0 0 0 4px #fef3c7}.monitorToolbar{display:flex;align-items:stretch;justify-content:space-between;gap:16px;margin-bottom:18px}.monitorSelectBox,.monitorRefresh{background:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 12px 35px #0000000f}.monitorSelectBox{min-width:320px}.monitorSelectBox label,.monitorRefresh span{display:block;color:#777;font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:8px}.monitorRefresh strong{font-size:22px}.monitorKpiGrid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px;margin-bottom:20px}.monitorKpi{background:#fff;border-radius:20px;padding:18px;box-shadow:0 12px 35px #0000000f;border:1px solid #f1f1f1}.monitorKpi span{color:#777;font-size:13px;font-weight:800}.monitorKpi strong{display:block;font-size:34px;margin-top:8px}.monitorKpi.online{border-color:#bbf7d0}.monitorKpi.warning{border-color:#fde68a}.monitorKpi.offline{border-color:#fecaca}.monitorClientPanel{background:#fff;border-radius:24px;padding:22px;box-shadow:0 18px 50px #00000012;margin-bottom:22px}.monitorClientHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.monitorClientHead h2{margin:0;font-size:24px}.monitorClientHead p{margin:5px 0 0}.machineGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.machineCard{text-align:left;border:1px solid #eee;background:#fafafa;border-radius:22px;padding:18px;cursor:pointer;transition:.18s ease}.machineCard:hover{transform:translateY(-3px);box-shadow:0 18px 45px #0000001a}.machineCard.online{background:linear-gradient(180deg,#f0fdf4,#fff);border-color:#bbf7d0}.machineCard.warning{background:linear-gradient(180deg,#fffbeb,#fff);border-color:#fde68a}.machineCard.offline{background:linear-gradient(180deg,#fef2f2,#fff);border-color:#fecaca}.machineTop{display:flex;align-items:center;justify-content:space-between}.machineIcon{width:48px;height:48px;border-radius:16px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px}.statusPill{border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.statusPill.online{background:#dcfce7;color:#15803d}.statusPill.warning{background:#fef3c7;color:#a16207}.statusPill.offline{background:#fee2e2;color:#b91c1c}.machineCard h3{margin:18px 0 3px;font-size:21px}.machineCard p{margin:0 0 14px;color:#666;text-transform:uppercase;font-size:12px;font-weight:900}.machineMeta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #eee;padding-top:10px;margin-top:10px;font-size:13px}.machineMeta span{color:#777}.machineMeta strong{text-align:right}.monitorModalOverlay{position:fixed;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.monitorModal{width:min(760px,96vw);background:#fff;border-radius:28px;padding:26px;box-shadow:0 35px 120px #00000059;position:relative}.modalClose{position:absolute;top:18px;right:18px;border:0;background:#f1f1f1;width:38px;height:38px;border-radius:50%;font-size:26px;cursor:pointer}.modalHeader{display:flex;gap:15px;align-items:center;margin-bottom:16px}.modalDeviceIcon{width:64px;height:64px;border-radius:20px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px}.modalDeviceIcon.online{background:#16a34a}.modalDeviceIcon.warning{background:#d97706}.modalDeviceIcon.offline{background:#dc2626}.modalHeader h2{margin:0;font-size:28px}.modalHeader p{margin:5px 0 0}.modalStatus{display:inline-flex;padding:9px 14px;border-radius:999px;font-weight:900;margin-bottom:18px}.modalStatus.online{background:#dcfce7;color:#15803d}.modalStatus.warning{background:#fef3c7;color:#a16207}.modalStatus.offline{background:#fee2e2;color:#b91c1c}.detailGrid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.detailGrid div{background:#f8fafc;border:1px solid #eef2f7;border-radius:16px;padding:14px}.detailGrid span{display:block;color:#777;font-size:12px;text-transform:uppercase;font-weight:900;margin-bottom:5px}.detailGrid strong{word-break:break-word}.modalFooter{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.emptyMonitor{font-weight:800}@media (max-width:900px){.monitorToolbar,.modalFooter{flex-direction:column}.monitorSelectBox{min-width:0}.monitorKpiGrid,.detailGrid{grid-template-columns:1fr}}.premium-open{background:#111;color:#fff}.clientModalOverlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999999;padding:22px}.clientModal{width:min(1050px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:30px;padding:28px;box-shadow:0 35px 120px #00000059;position:relative}.clientModalClose{position:absolute;top:18px;right:18px;border:0;background:#f1f1f1;width:40px;height:40px;border-radius:50%;font-size:28px;cursor:pointer}.clientModalHero{display:flex;align-items:center;gap:16px;margin-bottom:22px;padding:18px;border-radius:24px;background:linear-gradient(135deg,#111,#2b2b2b);color:#fff}.clientModalHero h2{margin:0;font-size:30px}.clientModalHero p{margin:5px 0 0;color:#ddd}.clientAvatar{width:64px;height:64px;border-radius:20px;background:#ff6500;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900}.clientModalHero .badge{margin-left:auto;background:#e8f8ee;color:#137a36}.clientLoading{padding:30px;font-weight:900;text-align:center}.clientDetailGrid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-bottom:22px}.clientDetailGrid div,.licensePremiumBox div{background:#f8fafc;border:1px solid #edf2f7;border-radius:16px;padding:14px}.clientDetailGrid span,.licensePremiumBox span{display:block;color:#777;font-size:12px;text-transform:uppercase;font-weight:900;margin-bottom:5px}.clientDetailGrid strong,.licensePremiumBox strong{word-break:break-word}.clientSection{margin-top:22px}.clientSection h3{font-size:20px;margin:0 0 12px}.licensePremiumBox{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:14px}.clientModulesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.clientModuleCard{border-radius:18px;padding:14px;border:1px solid #eee;background:#f7f7f7}.clientModuleCard.on{background:#f0fdf4;border-color:#bbf7d0}.clientModuleCard.off{opacity:.55}.clientModuleCard span{font-size:24px}.clientModuleCard strong{display:block;text-transform:uppercase;margin-top:6px}.clientModuleCard small{color:#555}.clientDevicesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.clientDeviceCard{border-radius:18px;padding:14px;border:1px solid #eee;background:#fafafa}.clientDeviceCard.online{background:#f0fdf4;border-color:#bbf7d0}.clientDeviceCard.warning{background:#fffbeb;border-color:#fde68a}.clientDeviceCard.offline{background:#fef2f2;border-color:#fecaca}.clientDeviceCard div{display:flex;align-items:center;gap:8px}.clientDeviceCard div span{font-size:22px}.clientDeviceCard small{display:block;margin-top:9px;font-weight:900}.clientDeviceCard em{display:block;margin-top:5px;color:#666;font-size:12px}.twoCols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.clientLine{background:#f8fafc;border:1px solid #edf2f7;border-radius:15px;padding:13px;margin-bottom:9px}.clientLine strong{display:block}.clientLine span{color:#666;font-size:13px}@media (max-width:900px){.clientDetailGrid,.licensePremiumBox,.twoCols{grid-template-columns:1fr}.clientModalHero{align-items:flex-start}.clientModalHero .badge{margin-left:0}}.licenseKpiGrid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:16px;margin-bottom:18px}.licenseKpi{background:#fff;border-radius:20px;padding:18px;box-shadow:0 12px 35px #0000000f;border:1px solid #eee}.licenseKpi span{display:block;color:#777;font-size:12px;font-weight:900;text-transform:uppercase}.licenseKpi strong{display:block;font-size:28px;margin-top:8px}.licenseKpi.active{border-color:#bbf7d0}.licenseKpi.warning{border-color:#fde68a}.licenseKpi.danger{border-color:#fecaca}.licenseKpi.money{border-color:#fed7aa}.licenseToolbar{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin-bottom:18px;background:#fff;border-radius:20px;padding:16px;box-shadow:0 12px 35px #0000000f}.licenseCreateFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;background:#f8fafc;border-radius:16px;padding:15px}.licenseCreateFooter strong{font-size:22px}.licenseCardsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px}.licenseCardPremium{background:#fff;border-radius:24px;padding:20px;box-shadow:0 18px 45px #00000012;border:1px solid #f1f1f1}.licenseCardTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.licenseCardTop h3{margin:0;font-size:22px}.licenseCardTop p{margin:4px 0 0}.licenseStateBadge{display:inline-flex;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;background:#e8f8ee;color:#137a36}.licenseStateBadge.suspended{background:#fff3d6;color:#9c6500}.licenseStateBadge.unpaid{background:#ffe8e8;color:#b81717}.licenseStateBadge.cancelled{background:#eee;color:#444}.licenseModulesPreview{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.licenseModulesPreview span{padding:8px 10px;border-radius:999px;font-size:12px;font-weight:900;background:#f1f1f1;color:#777}.licenseModulesPreview span.on{background:#e8f8ee;color:#137a36}.licenseCardMeta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.licenseCardMeta div{background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;padding:11px}.licenseCardMeta span{display:block;color:#777;font-size:11px;text-transform:uppercase;font-weight:900}.licenseCardActions{display:flex;gap:8px;justify-content:flex-end}.licenseModalOverlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999999;padding:22px}.licenseModal{width:min(1120px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:30px;padding:28px;box-shadow:0 35px 120px #00000059;position:relative}.licenseModalClose{position:absolute;top:18px;right:18px;border:0;background:#f1f1f1;width:40px;height:40px;border-radius:50%;font-size:28px;cursor:pointer}.licenseHero{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:18px;border-radius:24px;background:linear-gradient(135deg,#111,#2b2b2b);color:#fff}.licenseHero h2{margin:0;font-size:30px}.licenseHero p{margin:5px 0 0;color:#ddd}.licenseHeroIcon{width:64px;height:64px;border-radius:20px;background:#ff6500;display:flex;align-items:center;justify-content:center;font-size:28px}.licenseHero .licenseStateBadge{margin-left:auto}.licenseInfoGrid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:18px}.licenseInfoGrid div{background:#f8fafc;border:1px solid #edf2f7;border-radius:16px;padding:14px}.licenseInfoGrid span{display:block;color:#777;font-size:12px;text-transform:uppercase;font-weight:900;margin-bottom:5px}.licenseModalActions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:20px}.licenseModulePremiumGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.licenseModulePremiumCard{border-radius:20px;padding:15px;border:1px solid #eee;background:#fafafa}.licenseModulePremiumCard.on{background:linear-gradient(180deg,#f0fdf4,#fff);border-color:#bbf7d0}.licenseModulePremiumCard.off{background:#f8fafc;opacity:.75}.modulePremiumTop{display:flex;align-items:center;gap:9px;margin-bottom:12px}.modulePremiumTop span{font-size:24px}.modulePremiumTop strong{text-transform:uppercase}.moduleSwitch{margin-left:auto;border:0;border-radius:999px;padding:7px 10px;font-weight:900;cursor:pointer}.moduleSwitch.on{background:#dcfce7;color:#15803d}.moduleSwitch.off{background:#fee2e2;color:#b91c1c}.modulePremiumFields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modulePremiumFields label{font-size:12px;font-weight:900;color:#777;text-transform:uppercase}.modulePremiumFooter{display:flex;justify-content:space-between;gap:10px;margin-top:12px;border-top:1px solid #eee;padding-top:10px}.modulePremiumFooter small{color:#666;text-align:right}.licenseTestBox{margin-top:24px;background:#f8fafc;border:1px solid #edf2f7;border-radius:22px;padding:18px}.licensePre{margin-top:12px}.licensePre.ok{background:#052e16}.licensePre.ko{background:#3f0d0d}@media (max-width:1000px){.licenseKpiGrid,.licenseToolbar,.licenseInfoGrid,.licenseCardMeta,.modulePremiumFields{grid-template-columns:1fr}.licenseHero{align-items:flex-start}.licenseHero .licenseStateBadge{margin-left:0}}