:root{--bg:#020817;--panel:rgba(3,17,43,.82);--cyan:#19cfff;--purple:#8d36ff;--text:#f4f8ff;--muted:#aabbd7;--green:#18e68b;--red:#ff5265}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020817;color:var(--text);font:15px/1.45 Arial,Helvetica,sans-serif;overflow-x:hidden}button,input,select{font:inherit}.stars{position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 70% 10%,#18256e 0,transparent 28%),radial-gradient(circle at 45% 80%,#241052 0,transparent 35%),#020817}.stars:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#6ddcff 1px,transparent 1px);background-size:97px 97px,173px 173px;opacity:.23}.nebula{position:fixed;width:700px;height:700px;border-radius:50%;filter:blur(100px);opacity:.14;z-index:-4}.n1{right:-250px;top:60px;background:#7a26ff}.n2{left:100px;bottom:-400px;background:#009dff}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:linear-gradient(180deg,rgba(2,11,31,.98),rgba(3,17,42,.95));border-right:1px solid #5a38bd;z-index:50;padding-bottom:20px}.brand{height:104px;padding:18px 16px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #6336bd}.globe{font-size:42px;color:#25d8ff;text-shadow:0 0 22px #18bfff}.brand b{display:block;font-size:30px;line-height:.85;letter-spacing:1px}.brand strong{display:block;font-size:20px;letter-spacing:1px}.brand small{font-size:8px;letter-spacing:1.5px}.side-nav{padding:14px 7px}.nav{width:100%;border:0;background:transparent;color:#eef5ff;text-align:left;padding:14px 17px;margin:2px 0;border-radius:9px;font-size:16px;cursor:pointer;display:flex;gap:18px;align-items:center;min-height:48px}.nav span{font-size:27px;width:28px;min-width:28px;text-align:center;color:#d7e8ff}.nav label{cursor:pointer}.nav:hover,.nav.active{background:linear-gradient(90deg,#087ee8,#5420db 70%,#8e22f4);box-shadow:0 0 18px #4125d9}.side-earth{position:absolute;bottom:110px;left:30px;width:170px;height:170px;border-radius:50%;border:1px solid #3e9eff;box-shadow:0 0 35px #2439ff inset,0 0 25px #4d21ff;color:#3ce1ff;font-size:110px;display:grid;place-items:center;opacity:.7}.side-copy{position:absolute;bottom:54px;width:100%;text-align:center;line-height:1.5;font-size:13px;letter-spacing:1px}.side-version{position:absolute;bottom:10px;width:100%;text-align:center;color:#1bd4ff;font-weight:bold;letter-spacing:1px}.side-version small{font-size:14px}
main{margin-left:250px;width:calc(100% - 250px);padding:0 18px 58px;max-width:none}.page{padding-top:8px}.hidden{display:none!important}.hero{height:390px;display:grid;grid-template-columns:1.45fr .9fr 1fr;align-items:center;gap:20px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;left:3%;right:3%;top:50%;height:220px;transform:translateY(-50%);background:radial-gradient(ellipse,rgba(43,67,210,.18),transparent 68%);pointer-events:none}.hero:after{content:"";position:absolute;left:4%;right:4%;bottom:18px;height:1px;background:linear-gradient(90deg,transparent,#18cfff,#7e2cff,#18cfff,transparent);opacity:.5}.hero-copy{padding-left:42px;position:relative;z-index:2}.hero-kicker{display:inline-block;color:#52dcff;font-size:12px;letter-spacing:5px;margin-bottom:8px}.hero-copy h1{font-size:82px;margin:0;line-height:.82;letter-spacing:3px;text-shadow:0 0 18px rgba(255,255,255,.7)}.hero-copy h2{font-size:44px;color:#28cfff;margin:4px 0 8px;line-height:1;text-shadow:0 0 20px rgba(25,207,255,.65)}.hero-copy h3{font-size:18px;letter-spacing:5px;margin:0;color:#f5f8ff}.tagline{margin-top:68px;font-size:20px;letter-spacing:3px}.hero-copy p{margin-top:5px;letter-spacing:2px;color:#b9c7df}.hero-center{height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.hero-glow{width:210px;height:210px;border-radius:50%;border:1px solid rgba(25,207,255,.65);box-shadow:0 0 25px rgba(25,207,255,.28),0 0 75px rgba(126,33,255,.25) inset;position:relative;display:grid;place-items:center}.hero-glow:before,.hero-glow:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(126,33,255,.7)}.hero-glow:before{inset:22px}.hero-glow:after{inset:47px;border-color:rgba(25,207,255,.55)}.hero-glow-core{text-align:center;font-size:20px;font-weight:900;letter-spacing:2px;text-shadow:0 0 14px #19cfff}.hero-glow-core small{display:block;font-size:9px;letter-spacing:3px;color:#bcdcff;margin-top:7px}.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2}.hero-features div{text-align:center;padding:10px 4px}.hero-features b{display:block;font-size:34px;color:#29d6ff;text-shadow:0 0 13px #078fd8;font-weight:normal}.hero-features span{display:block;font-size:12px;color:#fff;margin-top:8px;line-height:1.45}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.stat,.panel{background:linear-gradient(145deg,rgba(4,23,53,.92),rgba(1,12,31,.86));border:1px solid #16548f;border-radius:12px;box-shadow:0 0 18px rgba(0,117,255,.08);backdrop-filter:blur(7px)}.stat{min-height:105px;padding:17px;position:relative}.stat i{float:left;font-style:normal;font-size:31px;margin-right:15px;color:#18d6ff}.stat span{display:block;color:#d8e6fa}.stat b{display:block;font-size:29px;margin-top:2px}.stat small{color:#a4b7d4}.stat.online i{color:var(--green)}.stat.offline i{color:var(--red)}.stat.sales i{color:#bd78ff}.stat.clock{border-color:#7e43e8}.stat.clock b{color:#19cfff;font-size:25px}.grid2{display:grid;grid-template-columns:430px minmax(0,1fr);gap:10px;margin-top:10px}.panel{padding:19px}.panel h2{margin:0 0 5px;font-size:20px}.panel h2 em{font-style:normal;color:#a24bff;font-size:28px}.panel p{color:#b7c7df;margin:4px 0 14px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title button,.panel-title span{border:1px solid #0cbfff;background:#03294a;color:#6cdbff;padding:6px 14px;border-radius:7px}.live{color:#18ed99!important;border-color:#168d67!important;background:#062c24!important;white-space:nowrap}.panel input,.panel select{width:100%;background:#071936;border:1px solid #24538a;color:#e9f4ff;padding:12px 14px;border-radius:8px;margin:5px 0 9px;outline:none}.panel input:focus,.panel select:focus{border-color:#2ad8ff;box-shadow:0 0 10px #1648a8}.gradient{width:100%;border:0;border-radius:8px;padding:12px;color:#fff;font-weight:bold;font-size:16px;background:linear-gradient(90deg,#09b8ff,#7e21ff,#c527ed);cursor:pointer;box-shadow:0 0 16px rgba(67,50,255,.35)}.secondary{border:1px solid #12bff1;background:#062846;color:#70ddff;border-radius:8px;padding:10px 16px;cursor:pointer}.danger{border:1px solid #ff5265;background:#3a0e1a;color:#ff8290;border-radius:8px;padding:11px 18px;cursor:pointer}.msg{min-height:20px;margin-top:8px;color:#63ddff}.table-wrap{overflow-x:auto;margin-top:10px;max-width:100%}table{width:100%;border-collapse:collapse;min-width:590px}th,td{padding:11px 9px;border-bottom:1px solid #102f55;text-align:left}th{font-size:12px;color:#a8bddd}td{color:#e8f2ff}.status{display:inline-block;padding:4px 9px;border-radius:7px;font-size:11px;font-weight:bold}.status.on{background:#063d2b;color:#27efa0;box-shadow:0 0 10px #064e3c}.status.off{background:#4b1420;color:#ff7a87;box-shadow:0 0 10px #591426}.action{border:1px solid #079ee5;background:#062846;color:#63dfff;border-radius:6px;padding:6px 10px;cursor:pointer;white-space:nowrap}.monitor{margin-top:10px}.monitor-cards{display:grid;gap:10px;margin-top:12px}.monitor-device{padding:16px;border:1px solid #123f6c;border-radius:10px;background:rgba(4,20,47,.55)}.monitor-device-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.device-name{font-size:22px;font-weight:800;color:#a9bddd}.device-mac{font-size:15px;color:#8aa7c9;margin-top:2px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:15px}.metric{padding:12px;background:#06172f;border:1px solid #143e6a;border-radius:8px;min-width:0}.metric small{display:block;color:#91a7c6}.metric b{font-size:20px}.sales-slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.sales-slot{padding:13px;text-align:center;border-radius:8px;border:1px solid #274b7c;background:#061a37;color:#dce9ff;font-weight:800;line-height:1.7}.slot1{border-color:#1f8dd1}.slot2{border-color:#4f68d9}.slot3{border-color:#a264e4}.slot4{border-color:#d34de1}.grid3{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:10px;margin-top:10px}.info{min-height:175px}.info p,.info li{color:#b7c7df}.info ol{padding-left:22px}.compat{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:22px}.compat span{text-align:center;font-size:28px}.compat small{display:block;font-size:10px;color:#dce7f7;margin-top:6px}.section-head{padding:45px 10px 20px}.section-head h1{font-size:42px;margin:0}.section-head p{color:#a9bbd5}.settings-panel{max-width:1000px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-panel label{display:block;color:#bdcde4;margin-bottom:8px}.settings-panel .gradient{width:auto;padding:12px 25px}.settings-section{border-top:1px solid #14385f;padding-top:16px;margin-top:16px}.settings-section h2{font-size:14px;letter-spacing:1px;color:#56d7ff;margin-bottom:8px}.settings-actions{display:flex;gap:8px;margin-top:18px}.selected-device-id{font-size:14px;color:#5edaff;background:#04182f;border:1px solid #164d7e;border-radius:8px;padding:10px;margin:8px 0 12px}.large-info{min-height:230px}.compat.big{margin-top:20px}.compat.big small{font-size:13px}footer{position:fixed;left:250px;right:0;bottom:0;padding:10px;text-align:center;background:rgba(1,10,27,.96);border-top:1px solid #153e69;color:#a9bad4;font-size:12px;z-index:40}
@media(max-width:1100px){.sidebar{width:210px}.brand b{font-size:24px}.brand strong{font-size:16px}.side-earth{left:20px;width:145px;height:145px}.side-copy{font-size:11px}main{margin-left:210px;width:calc(100% - 210px);padding-left:12px;padding-right:12px}.hero{grid-template-columns:1fr 1fr;height:auto;min-height:340px;padding:30px 0}.hero-features{grid-column:1/-1}.hero-copy{padding-left:10px}.hero-copy h1{font-size:65px}.hero-copy h2{font-size:34px}.stats{grid-template-columns:repeat(3,1fr)}.grid2,.grid3{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}footer{left:210px}}
@media(max-width:760px){.sidebar{width:78px}.brand{height:92px;padding:12px 8px;justify-content:center}.brand>div:last-child{display:none}.globe{font-size:42px}.side-nav{padding:10px 6px}.nav{justify-content:center;padding:12px 5px;min-height:54px}.nav span{font-size:26px}.nav label{display:none}.side-earth{width:54px;height:54px;left:12px;bottom:92px;font-size:35px}.side-copy{display:none}.side-version{bottom:10px;font-size:9px;line-height:1.2}.side-version small{font-size:10px}main{margin-left:78px;width:calc(100% - 78px);padding:0 7px 58px}.hero{grid-template-columns:1fr;min-height:0;padding:25px 0 18px;gap:10px}.hero-copy{text-align:left;padding-left:10px}.hero-copy h1{font-size:50px}.hero-copy h2{font-size:28px}.hero-copy h3{font-size:12px;letter-spacing:3px}.hero-kicker{font-size:9px;letter-spacing:2px}.tagline{margin-top:28px;font-size:15px;letter-spacing:2px}.hero-center{order:2;height:150px}.hero-glow{width:130px;height:130px}.hero-glow-core{font-size:13px}.hero-glow-core small{font-size:7px;letter-spacing:1.5px}.hero-features{order:3;grid-template-columns:repeat(3,1fr);gap:3px}.hero-features b{font-size:23px}.hero-features span{font-size:8px}.stats{grid-template-columns:1fr 1fr;gap:6px}.stat{min-height:88px;padding:10px}.stat i{font-size:21px;margin-right:7px}.stat b{font-size:22px}.stat span{font-size:12px}.stat small{font-size:10px}.stat.clock{grid-column:span 2}.grid2,.grid3{grid-template-columns:1fr}.panel{padding:12px}.panel h2{font-size:17px}.panel h2 em{font-size:23px}.table-wrap{overflow-x:auto}.metric-grid{grid-template-columns:1fr 1fr}.sales-slot-grid{grid-template-columns:1fr 1fr}.monitor-device-head{align-items:flex-start}.device-name{font-size:18px}.device-mac{font-size:13px}.settings-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column}.settings-actions .gradient,.settings-actions .danger{width:100%}.section-head{padding:25px 4px 15px}.section-head h1{font-size:30px}.compat{grid-template-columns:repeat(3,1fr)}footer{left:78px;font-size:9px;padding:8px 4px}}
@media(max-width:430px){.sidebar{width:64px}.brand{height:78px}.globe{font-size:34px}.nav{min-height:50px}.nav span{font-size:22px}.side-earth{display:none}.side-version{font-size:8px}main{margin-left:64px;width:calc(100% - 64px);padding-left:5px;padding-right:5px}.hero-copy h1{font-size:42px}.hero-copy h2{font-size:24px}.hero-copy h3{font-size:10px}.hero-glow{width:110px;height:110px}.stats{grid-template-columns:1fr}.stat.clock{grid-column:auto}.sales-slot-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}table{min-width:520px}footer{left:64px}.nav span{width:auto}}

/* V8 responsive monitoring/layout repair — preserve the V3 galaxy/neon visual language. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{min-width:0}
main{min-width:0}
.monitor-device{min-width:0;overflow:hidden}
.monitor-device-head>div{min-width:0}
.device-name,.device-mac{overflow-wrap:anywhere;word-break:break-word}
.detail-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:15px}
.sales-summary{margin-top:15px}
.device-status-grid{margin-top:10px}
.metric{min-width:0;overflow:hidden}
.metric small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.metric b{display:block;overflow-wrap:anywhere}
.sales-slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.sales-slot{min-width:0;padding:11px 8px;text-align:center;border-radius:8px;border:1px solid #274b7c;background:#061a37;color:#dce9ff;line-height:1.35}
.sales-slot small{display:block;color:#91a7c6;font-size:11px;letter-spacing:.3px}
.sales-slot b{display:block;font-size:19px;margin-top:2px}
.monitor-footer{margin-top:14px;color:#91a7c6;overflow-wrap:anywhere}

/* Never let the desktop fixed sidebar force the page wider than the phone viewport. */
@media(max-width:760px){
  .sidebar{position:fixed;left:0;top:0;bottom:0;width:76px;height:100dvh;overflow:hidden;padding-bottom:8px}
  .brand{height:78px;padding:10px 6px;justify-content:center}
  .brand>div:last-child{display:none}
  .globe{font-size:36px}
  .side-nav{padding:8px 5px}
  .nav{justify-content:center;padding:10px 4px;min-height:50px;margin:2px 0}
  .nav span{font-size:23px;width:auto;min-width:0}
  .nav label{display:none}
  .side-earth{display:none}
  .side-copy{display:none}
  .side-version{bottom:8px;font-size:7px;line-height:1.15}
  .side-version small{font-size:8px}
  main{margin-left:76px;width:calc(100% - 76px);max-width:calc(100% - 76px);padding:0 8px 58px;min-width:0}
  .page{min-width:0;max-width:100%}
  .hero{width:100%;max-width:100%;overflow:hidden}
  .stats,.grid2,.grid3{width:100%;max-width:100%;min-width:0}
  .panel,.stat{min-width:0;max-width:100%}
  .panel p{overflow-wrap:anywhere}
  .table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .monitor{width:100%;max-width:100%;min-width:0}
  .monitor-cards{width:100%;max-width:100%;min-width:0}
  .monitor-device{width:100%;max-width:100%;padding:12px}
  .monitor-device-head{min-width:0}
  .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .metric{padding:10px}
  .metric b{font-size:18px}
  .sales-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .sales-slot{padding:10px 6px}
  .sales-slot b{font-size:17px}
  footer{left:76px;right:0;width:auto}
}
@media(max-width:430px){
  .sidebar{width:64px}
  .brand{height:72px}
  .globe{font-size:31px}
  .nav{min-height:48px}
  .nav span{font-size:21px}
  main{margin-left:64px;width:calc(100% - 64px);max-width:calc(100% - 64px);padding-left:5px;padding-right:5px}
  .hero-copy h1{font-size:40px}
  .hero-copy h2{font-size:23px}
  .hero-copy h3{font-size:10px;letter-spacing:2px}
  .hero-features span{font-size:7px}
  .stats{grid-template-columns:1fr 1fr}
  .stat.clock{grid-column:span 2}
  .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .metric{padding:9px}
  .metric small{font-size:10px}
  .metric b{font-size:16px}
  .sales-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .sales-slot b{font-size:16px}
  footer{left:64px}
}

/* V9 — definitive mobile width fix: prevent the Devices table from expanding the Add MAC card/grid. */
.grid2 > *, .grid3 > *, .stats > *, .monitor-cards > *, .settings-panel > * {min-width:0;}
.grid2{grid-template-columns:minmax(0,430px) minmax(0,1fr);}
.devices-card{min-width:0;overflow:hidden;}
.devices-card .table-wrap{min-width:0;width:100%;}

@media(max-width:760px){
  main, .page, .grid2, .grid3, .stats, .monitor, .monitor-cards,
  .add-card, .devices-card, .info, .settings-panel{min-width:0!important;width:100%;max-width:100%;}
  .grid2{grid-template-columns:minmax(0,1fr)!important;}
  .add-card,.devices-card{overflow:hidden;}
  .add-card p{max-width:100%;overflow-wrap:anywhere;word-break:break-word;}
  .add-card form{width:100%;min-width:0;}
  .add-card input,.add-card button{display:block;width:100%;max-width:100%;min-width:0;}
  .devices-card .table-wrap{width:100%;max-width:100%;overflow-x:auto;}
  .monitor-device{min-width:0!important;width:100%!important;max-width:100%!important;}
  .detail-grid,.sales-slot-grid{min-width:0;width:100%;max-width:100%;}
}

@media(max-width:430px){
  .add-card{padding:11px!important;}
  .add-card h2{font-size:16px!important;white-space:normal;}
  .add-card h2 em{font-size:21px!important;}
  .add-card p{font-size:12px!important;line-height:1.4;margin-bottom:10px!important;}
  .add-card input{font-size:12px!important;padding:10px 11px!important;}
  .add-card .gradient{font-size:13px!important;padding:10px 8px!important;}
  .devices-card{padding:11px!important;}
  .devices-card .panel-title h2{font-size:16px!important;}
}

/* V10 — TRUE MOBILE RESPONSIVE LAYOUT
   The mobile viewport must control the content width. The fixed left navigation
   occupies only its own strip; no child is allowed to make <main> wider. */
@media (max-width: 760px){
  html,body{
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  .sidebar{
    width:64px!important;
    max-width:64px!important;
    overflow:hidden!important;
  }
  main{
    position:relative!important;
    display:block!important;
    margin-left:64px!important;
    width:calc(100vw - 64px)!important;
    max-width:calc(100vw - 64px)!important;
    min-width:0!important;
    padding:0 6px 58px!important;
    overflow:visible!important;
  }
  .page,.hero,.stats,.grid2,.grid3,.monitor,.monitor-cards,
  .add-card,.devices-card,.info,.settings-panel,
  .panel,.stat,.monitor-device{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .grid2,.grid3{grid-template-columns:minmax(0,1fr)!important;}
  .add-card,.devices-card{box-sizing:border-box!important;overflow:hidden!important;}
  .add-card p{
    width:100%!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  .add-card form,
  .add-card input,
  .add-card button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .add-card input{font-size:13px!important;}
  .add-card .gradient{font-size:14px!important;white-space:normal!important;}

  /* Dashboard device list becomes real mobile cards instead of a 590px table. */
  .devices-card .table-wrap,
  #devicesPage .table-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .devices-card table,
  #devicesPage table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .devices-card thead,
  #devicesPage thead{display:none!important;}
  .devices-card tbody,
  .devices-card tr,
  #devicesPage tbody,
  #devicesPage tr{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .devices-card tr,
  #devicesPage tr{
    padding:10px 0!important;
    border-bottom:1px solid #12365d!important;
  }
  .devices-card td,
  #devicesPage td{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:6px 4px!important;
    border:0!important;
    overflow-wrap:anywhere!important;
  }
  .devices-card td::before,
  #devicesPage td::before{
    flex:0 0 auto!important;
    color:#718eb4!important;
    font-size:10px!important;
    font-weight:700!important;
    letter-spacing:.4px!important;
  }
  .devices-card td:nth-child(1)::before,
  #devicesPage td:nth-child(1)::before{content:'LOCATION';}
  .devices-card td:nth-child(2)::before,
  #devicesPage td:nth-child(2)::before{content:'STATUS';}
  .devices-card td:nth-child(3)::before,
  #devicesPage td:nth-child(3)::before{content:'TODAY';}
  #devicesPage td:nth-child(4)::before{content:'WEEKLY';}
  #devicesPage td:nth-child(5)::before{content:'MONTHLY';}
  .devices-card td:last-child::before,
  #devicesPage td:last-child::before{content:'ACTIONS';}
  .devices-card td.empty,
  #devicesPage td.empty{
    display:block!important;
    text-align:center!important;
    color:#ff8090!important;
    white-space:normal!important;
  }
  .devices-card td.empty::before,
  #devicesPage td.empty::before{display:none!important;}

  .panel-title{min-width:0!important;}
  .panel-title h2{min-width:0!important;overflow-wrap:anywhere!important;}
  .monitor-device-head{min-width:0!important;}
  .monitor-device-head>div{min-width:0!important;max-width:75%!important;}
  .device-name,.device-mac{overflow-wrap:anywhere!important;word-break:break-word!important;}
  .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:0!important;}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .sales-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .metric,.sales-slot{min-width:0!important;max-width:100%!important;overflow:hidden!important;}
}

@media (max-width:380px){
  main{
    margin-left:60px!important;
    width:calc(100vw - 60px)!important;
    max-width:calc(100vw - 60px)!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  .sidebar{width:60px!important;max-width:60px!important;}
  .stat{padding:9px!important;}
  .stat span{font-size:11px!important;}
  .stat b{font-size:20px!important;}
  .panel{padding:10px!important;}
  .add-card h2,.devices-card h2{font-size:16px!important;}
  .add-card p{font-size:12px!important;line-height:1.35!important;}
  .add-card input{padding:10px!important;font-size:11px!important;}
  .add-card .gradient{padding:10px 5px!important;font-size:12px!important;}
  .monitor-device{padding:10px!important;}
  .device-name{font-size:16px!important;}
  .device-mac{font-size:11px!important;}
  .metric{padding:8px!important;}
  .metric small{font-size:9px!important;}
  .metric b{font-size:15px!important;}
  .sales-slot{padding:8px 4px!important;font-size:12px!important;}
  footer{left:60px!important;}
}