@font-face{font-family:Instrument;src:url(/assets/instrument.ttf)}@font-face{font-family:Changa;src:url(/assets/changa.ttf)}:root{color:#0b5350;font-synthesis:none;--teal:#0b5350;--ice:#e4f3fb;--sky:#95d7ea;--yellow:#fef399;--grey:#878f94;background:#fff;font-family:Instrument,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--sky);outline-offset:3px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Changa,Arial,sans-serif;line-height:1.2}h1{font-size:42px;font-weight:600}h2{font-size:28px;font-weight:600}h3{font-size:20px}p{line-height:1.6}input{color:#010101;background:#fff;border:1px solid #bed8df;border-radius:9px;min-width:0;padding:13px 15px}label{gap:9px;display:grid}.brand{flex-direction:column;align-items:flex-start;display:flex}.brand img{object-fit:contain;object-position:left;width:203px;height:65px}.brand span{color:#fff;margin-top:0;margin-left:91px;font-size:24px}.shell{min-height:100vh;display:flex}aside{background:var(--teal);color:#fff;border-right:1px solid #95d7ea80;flex-direction:column;flex-shrink:0;width:276px;height:100vh;padding:30px 20px;display:flex;position:fixed}nav{gap:12px;margin-top:38px;display:grid}aside button{text-align:left;color:#fff;background:0 0;border-radius:10px;align-items:center;gap:20px;padding:16px;font-size:17px;display:flex}.selected{background:var(--ice);color:var(--teal)}aside button.selected{background:var(--ice);color:var(--teal);font-weight:600}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{border-top:1px solid #95d7ea80;border-radius:0;width:100%;margin-bottom:28px}.storage{padding:0 8px;font-size:14px}.storage span{float:right}.storage progress{background:#ffffff30;border:0;border-radius:10px;width:100%;height:12px;margin:14px 0 9px;overflow:hidden}.storage progress::-webkit-progress-bar{background:#ffffff30}.storage progress::-webkit-progress-value{background:var(--sky);border-radius:10px}.storage small{font-size:13px;display:block}.dashboard{flex:1;min-width:0;margin-left:276px}.dashboard header{background:var(--teal);color:#fff;padding:24px 36px 27px}.topbar{align-items:center;gap:20px;display:flex}.search{border:1px solid var(--sky);width:min(670px,75%);color:var(--ice);border-radius:11px;align-items:center;gap:12px;margin-right:auto;padding:0 15px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:none;width:100%;padding:12px 0}.search input::placeholder{color:#e4f3fbbd}.icon-button{color:#fff;background:0 0;padding:8px}.avatar{background:var(--sky);width:46px;height:46px;color:var(--teal);border-radius:50%;place-items:center;font-weight:700;display:grid}.greeting{justify-content:space-between;align-items:center;gap:24px;margin:38px 0 26px;display:flex}.greeting p{color:var(--sky);margin-top:6px;font-size:20px}.primary{background:var(--yellow);color:var(--teal);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-weight:650;display:inline-flex}.scopes{flex-wrap:wrap;gap:13px;margin-bottom:18px;display:flex}.scopes button{color:#fff;background:0 0;border-radius:9px;padding:10px 19px}.scopes .active{background:var(--sky);color:var(--teal);font-weight:600}.devices{gap:20px;display:flex}.device{border:1px solid var(--sky);border-radius:12px;flex:1;align-items:center;gap:25px;min-height:117px;padding:22px 30px;display:flex}.device p{align-items:center;gap:7px;margin:8px 0;font-size:14px;display:flex}.device strong{font-size:21px}.empty-device p{color:var(--ice)}.content{padding:25px 36px}.content section{margin-bottom:30px}.section-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.text-button{color:var(--teal);background:0 0;padding:7px 0}.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.photo{text-align:left;color:var(--teal);background:0 0;min-width:0;padding:0}.photo img{aspect-ratio:1.55;object-fit:cover;background:var(--ice);border-radius:8px;width:100%}.photo strong{text-overflow:ellipsis;white-space:nowrap;margin:7px 0 5px;font-weight:550;display:block;overflow:hidden}.photo small{color:#68757b;font-size:12px;display:block}.table-scroll{border:1px solid #d2e5ee;border-radius:11px;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:14px}th{text-align:left;background:var(--ice);color:#5c707a;padding:11px 19px;font-weight:400}td{color:#345861;border-bottom:1px solid #deebf0;padding:15px 19px}td:first-child{align-items:center;gap:13px;display:flex}td:first-child svg{background:var(--ice);border-radius:5px;width:30px;height:30px;padding:3px}td:first-child span{text-overflow:ellipsis;max-width:320px;overflow:hidden}tr:last-child td{border-bottom:0}td a{color:var(--teal)}footer{color:#68757b;align-items:center;gap:10px;padding:8px 0 15px;font-size:13px;display:flex}.empty{text-align:center;background:#e4f3fb40;border:1px dashed #bed8df;border-radius:10px;padding:32px 24px}.empty h3{margin:12px 0 7px}.empty p{color:#637a83;font-size:14px}.alert,.notice{color:var(--teal);background:var(--yellow);border-radius:8px;margin-bottom:20px;padding:13px 16px}.notice{background:var(--ice)}.manage-device{border-bottom:1px solid #d2e5ee;align-items:center;gap:18px;padding:22px 0;display:flex}.manage-device button{margin-left:auto}.manage-device p{color:#637a83;font-size:13px}.secondary{color:var(--teal);background:#fff;border:1px solid #bfd4db;border-radius:8px;align-items:center;gap:8px;padding:11px 17px;text-decoration:none;display:inline-flex}.signin{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.signin-story{background:var(--teal);color:#fff;flex-direction:column;justify-content:space-between;padding:45px 60px;display:flex}.signin-story h1{font-size:60px;line-height:1.25}.signin-story p{color:var(--ice);max-width:360px;margin-top:25px;font-size:19px}.secure{color:var(--sky);align-items:center;gap:10px;display:flex}.signin-panel{place-items:center;padding:40px;display:grid}.signin-panel form{gap:23px;width:100%;max-width:400px;display:grid}.signin-panel h2{font-size:33px}.signin-panel p{color:#65777e}.fine{font-size:12px;line-height:1.7}.signin-panel .primary{background:var(--teal);color:#fff}.modal-backdrop{z-index:5;background:#002e30b3;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;gap:22px;width:100%;max-width:480px;padding:36px;display:grid;position:relative;box-shadow:0 20px 70px #002e3040}.modal p{color:#65777e}.close{color:var(--teal);background:#fff;border-radius:50%;padding:6px;display:flex;position:absolute;top:15px;right:15px}.preview{background:#fff;border-radius:15px;max-width:90vw;max-height:95vh;padding:24px;position:relative}.preview>img{object-fit:contain;max-width:85vw;max-height:75vh;display:block}.preview>div{justify-content:space-between;align-items:center;gap:25px;padding-top:20px;display:flex}.loading{place-content:center;justify-items:center;gap:18px;min-height:100vh;display:grid}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=1500px){aside{width:300px}.dashboard{margin-left:300px}.dashboard header,.content{padding-left:40px;padding-right:40px}.greeting h1{font-size:46px}}@media (width<=1100px){aside{width:210px;padding:24px 15px}.brand img{width:170px}.brand span{margin-left:75px}.dashboard{margin-left:210px}.dashboard header,.content{padding-left:25px;padding-right:25px}.greeting h1{font-size:32px}.greeting p{font-size:16px}.greeting{align-items:flex-start}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.devices{flex-direction:column}.device{padding:18px}.signin-story{padding:40px}.signin-story h1{font-size:43px}}@media (width<=700px){aside{width:100%;height:auto;padding:18px;position:static}.shell{display:block}.brand{flex-direction:row;align-items:center;gap:12px}.brand img{width:120px;height:34px}.brand span{margin:0;font-size:19px}nav{gap:7px;margin-top:20px;display:flex;overflow:auto}nav button{white-space:nowrap;gap:6px;padding:10px;font-size:12px}nav svg{width:16px}.sidebar-bottom{flex-direction:row-reverse;align-items:center;gap:10px;margin-top:15px;display:flex}.sidebar-bottom>button{border:0;width:auto;margin:0;padding:8px;font-size:12px}.sidebar-bottom>button svg{width:15px}.storage{flex:1;font-size:12px}.storage small{display:none}.storage progress{height:7px;margin:7px 0}.dashboard{margin-left:0}.dashboard header{padding:20px}.content{padding:22px 20px}.topbar{gap:9px}.search{width:100%}.avatar{flex-shrink:0;width:35px;height:35px;font-size:13px}.greeting{flex-direction:column;gap:16px;margin:25px 0 20px}.greeting h1{font-size:31px}.greeting p{font-size:16px}.greeting .primary{padding:11px 16px;font-size:14px}.device p{font-size:12px}.signin{display:block}.signin-story{padding:25px}.signin-story>div:not(.brand),.secure{display:none}.signin-panel{padding:40px 24px}.preview{padding:15px}.preview>div{flex-direction:column;gap:12px}h2{font-size:24px}.modal{padding:30px 23px}.manage-device{flex-wrap:wrap}.manage-device button{margin-left:0}}