html,body{height:100%}body{overflow-x:hidden}.shell.app-shell{max-width:none;min-height:100vh;margin:0;padding:16px;display:grid;grid-template-columns:248px minmax(0,1fr);gap:16px;background:linear-gradient(145deg,#e8edf3,#f5f7fa 48%,#e7ecf2)}
.app-sidebar{position:sticky;top:16px;height:calc(100vh - 32px);display:flex;flex-direction:column;padding:18px 14px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:rgba(246,248,251,.78);box-shadow:0 22px 55px rgba(22,38,62,.11),inset 0 1px 0 white;backdrop-filter:blur(24px)}.app-sidebar .brand{padding:3px 5px 20px}.side-nav{display:flex;flex-direction:column;gap:5px;border-top:1px solid rgba(31,48,73,.09);padding-top:18px}.side-nav a,.side-nav button{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:12px;padding:12px;color:#5e6b7d;background:transparent;font:650 13px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;text-align:left;text-decoration:none;cursor:pointer}.side-nav a span,.side-nav button span{width:20px;text-align:center;font-size:17px}.side-nav a.active{color:#fff;background:linear-gradient(145deg,#213754,#17283f);box-shadow:0 8px 18px rgba(20,38,62,.19)}.side-nav button:hover,.side-nav a:hover{background:rgba(37,64,95,.07);color:#17283f}.device-card{margin-top:auto;padding:15px;border:1px solid rgba(41,67,98,.12);border-radius:16px;background:rgba(255,255,255,.65);box-shadow:0 10px 25px rgba(26,42,65,.06)}.device-status{display:flex;align-items:center;gap:7px;margin-bottom:12px;color:#86654f;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.device-status span{width:7px;height:7px;border-radius:50%;background:#aa795a;box-shadow:0 0 0 4px rgba(170,121,90,.12)}.device-card>strong{display:block;font-size:13px}.device-card>small{display:block;margin:5px 0 13px;color:#788395;font-size:10px;line-height:1.45}.device-card button{width:100%;border:0;border-radius:10px;padding:10px;background:#1a2c45;color:white;font-size:11px;font-weight:750;cursor:pointer}.side-privacy{display:flex;gap:10px;padding:17px 7px 3px;color:#657286}.side-privacy>span{font-size:18px}.side-privacy div{display:flex;flex-direction:column}.side-privacy b{font-size:10px}.side-privacy small{font-size:9px;margin-top:3px}
.app-main{min-width:0;padding:5px 8px 80px}.app-topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}.app-topbar p{margin:0 0 4px;color:#7b8797;font-size:9px;letter-spacing:.16em;font-weight:800}.app-topbar h1{margin:0;font-size:26px;letter-spacing:-.035em}.top-actions{display:flex;gap:9px;align-items:center}.top-search{display:flex;align-items:center;gap:8px;width:260px;height:40px;padding:0 12px;border:1px solid rgba(31,48,73,.11);border-radius:12px;background:rgba(255,255,255,.69);box-shadow:0 8px 20px rgba(28,44,67,.05)}.top-search input{width:100%;border:0;outline:0;background:transparent;font:13px inherit}.action-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:8px 0 14px;padding:16px 17px;border:1px solid rgba(30,50,77,.11);border-radius:17px;background:linear-gradient(120deg,rgba(223,231,240,.93),rgba(255,255,255,.78));box-shadow:0 12px 28px rgba(27,44,68,.07),inset 0 1px 0 white}.action-message{display:flex;align-items:center;gap:13px}.status-orb{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#1c304b;color:#fff;font-size:20px;box-shadow:0 8px 15px rgba(21,43,69,.18)}.action-message div{display:flex;flex-direction:column}.action-message strong{font-size:13px}.action-message small{margin-top:4px;color:#748092;font-size:10px}.action-buttons{display:flex;gap:8px;align-items:center}.action-buttons .outline-button,.action-buttons .primary-button{width:auto;padding:11px 14px;font-size:11px}.import-label{cursor:pointer}.summary-row{display:grid;grid-template-columns:repeat(3,minmax(120px,.62fr)) minmax(230px,1.2fr);gap:11px;margin-bottom:14px}.summary-row article{min-height:92px;display:flex;flex-direction:column;justify-content:center;padding:14px 16px;border:1px solid rgba(255,255,255,.82);border-radius:17px;background:rgba(255,255,255,.68);box-shadow:0 12px 25px rgba(27,44,67,.06),inset 0 1px 0 #fff;backdrop-filter:blur(14px)}.summary-row article>span{color:#808b9b;font-size:9px;letter-spacing:.12em;font-weight:800}.summary-row article>strong{margin-top:7px;font-size:23px;letter-spacing:-.04em}.summary-row article>small{margin-top:3px;color:#8a94a2;font-size:9px}.summary-row .cat-nudge{position:relative;overflow:hidden;flex-direction:row;align-items:center;justify-content:flex-end;padding-right:18px;background:linear-gradient(135deg,#17283e,#26384e);color:white}.cat-nudge img{position:absolute;left:-12px;bottom:-27px;width:155px;height:116px;object-fit:cover;object-position:76% center;mix-blend-mode:screen}.cat-nudge div{z-index:1;display:flex;flex-direction:column;max-width:105px}.cat-nudge strong{font-size:12px}.cat-nudge small{margin-top:4px;color:#bdc6d1;font-size:9px;line-height:1.35}
.workspace{min-height:calc(100vh - 250px);border-radius:21px;padding:22px;background:rgba(255,255,255,.80);box-shadow:0 18px 45px rgba(29,46,70,.08),inset 0 1px 0 #fff}.workspace-heading h2{font-size:25px}.workspace-heading .eyebrow{font-size:9px}.toolbar{margin:23px 0 18px;padding-bottom:16px}.media-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.empty-state{padding:68px 20px}.empty-state>div{font-size:30px}.empty-state h3{font-size:15px}.empty-state p{font-size:12px}
@media(max-width:1100px){.summary-row{grid-template-columns:repeat(3,1fr)}.summary-row .cat-nudge{display:none}.media-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.shell.app-shell{display:block;padding:10px}.app-sidebar{position:static;height:auto;display:flex;flex-direction:row;align-items:center;padding:10px 12px;border-radius:18px}.app-sidebar .brand{padding:0}.side-nav{margin-left:auto;flex-direction:row;border:0;padding:0}.side-nav a,.side-nav button{width:40px;height:40px;padding:0;justify-content:center}.side-nav a span,.side-nav button span{font-size:16px}.side-nav a,.side-nav button{font-size:0}.device-card,.side-privacy{display:none}.app-main{padding:5px 2px 75px}.app-topbar{padding:0 4px}.action-strip{align-items:flex-start}.action-buttons{flex-wrap:wrap;justify-content:flex-end}.media-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.app-sidebar .wordmark small{display:none}.side-nav{gap:1px}.side-nav a,.side-nav button{width:35px}.app-topbar{height:auto;padding:14px 4px 10px}.app-topbar h1{font-size:23px}.top-search{width:42px;padding:0 11px}.top-search input{display:none}.action-strip{display:block;margin-top:0;padding:14px}.action-message{align-items:flex-start}.action-message small{line-height:1.4}.action-buttons{margin-top:12px;justify-content:stretch}.action-buttons>*{flex:1 1 120px;text-align:center}.action-buttons .outline-button:first-child{display:none}.summary-row{grid-template-columns:repeat(3,1fr);gap:7px}.summary-row article{min-height:74px;padding:10px 11px}.summary-row article>strong{font-size:18px}.summary-row article>small{display:none}.workspace{padding:16px 10px}.toolbar{gap:12px;margin-top:18px}.media-grid{grid-template-columns:repeat(2,1fr)}}