*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;background:#f7f9fc}button,input,select{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;background:#fff;border-right:1px solid #e7ebf0;padding:24px 16px 18px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:5}.brand img{width:175px;height:auto;display:block;margin:2px 8px 42px}.workspace-label,.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:#6b7280}.workspace-label{padding:0 14px 12px}.nav-item{width:100%;border:0;background:transparent;color:#536174;text-align:left;padding:13px 14px;border-radius:10px;display:flex;gap:14px;align-items:center;cursor:pointer;margin:3px 0;font-size:14px;font-weight:600}.nav-item:first-letter{font-size:18px}.nav-item:hover{background:#f2f7fb}.nav-item.active{background:#eaf3ff;color:#0675ed}.sidebar-footer{margin-top:auto;border-top:1px solid #edf0f3;padding:18px 8px 0;color:#6b7280;font-size:11px}.account{display:flex;align-items:center;gap:10px;margin-bottom:18px}.account div:nth-child(2){display:flex;flex-direction:column;flex:1}.account small{font-size:10px;color:#8b95a4}.avatar{width:36px;height:36px;border-radius:50%;background:#0d7594;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.main{margin-left:255px;min-width:0;flex:1}.topbar{height:72px;background:#fff;border-bottom:1px solid #e7ebf0;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:4}.search{height:40px;width:405px;background:#f5f7fa;border:1px solid #edf0f4;border-radius:10px;display:flex;align-items:center;padding:0 12px;gap:8px;color:#7b8797}.search input{border:0;background:transparent;outline:0;width:100%;color:#182230}.top-actions{display:flex;align-items:center;gap:24px}.user{display:flex;align-items:center;gap:10px}.user div:nth-child(2){display:flex;flex-direction:column;font-size:12px}.user small{font-size:10px;color:#778397}.page{display:none;padding:34px 42px 50px;max-width:1500px;margin:auto}.active-page{display:block}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.page-head h1{font-size:34px;letter-spacing:-.04em;margin:6px 0 5px}.page-head h1 em{font-style:normal;color:#109c68}.page-head p{margin:0;color:#718096}.primary{border:0;background:#087df0;color:#fff;padding:12px 18px;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #087df020}.primary:hover{transform:translateY(-1px);filter:brightness(.98)}.status-banner{display:flex;gap:12px;align-items:center;background:#f1fbf7;border:1px solid #d9f2e6;border-radius:12px;padding:13px 16px;margin-bottom:18px}.status-banner div{display:flex;flex-direction:column}.status-banner small{color:#718096;margin-top:2px}.dot{width:9px;height:9px;border-radius:50%}.online{background:#12a66a;box-shadow:0 0 0 4px #12a66a18}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat{background:#fff;border:1px solid #e8edf2;border-radius:14px;padding:19px;display:flex;gap:15px;align-items:center;box-shadow:0 4px 18px #0f172a06}.icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:22px;font-weight:800}.blue{background:#e9f3ff;color:#087df0}.green{background:#e8faf2;color:#10a66b}.yellow{background:#fff6dc;color:#e8a400}.red{background:#ffeded;color:#ef4444}.stat span{display:block;font-size:12px;color:#64748b}.stat strong{display:block;font-size:27px;margin:2px 0}.stat small{font-size:11px}.up{color:#0da568}.grid-2{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid #e8edf2;border-radius:14px;padding:18px;box-shadow:0 4px 18px #0f172a05}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-head h2{font-size:17px;margin:0}.panel-head a{font-size:12px;color:#087df0;font-weight:700}.content-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.media{min-width:0}.thumb,.asset-img{height:125px;border-radius:9px;margin-bottom:9px;background-size:cover;background-position:center}.media b,.media small,.asset-card b,.asset-card>small{display:block}.media b{font-size:13px}.media small,.asset-card>small{font-size:11px;color:#778397;margin-top:4px}.coffee{background:linear-gradient(135deg,#392114,#c37b37)}.shoe{background:linear-gradient(135deg,#06a9ce,#0470a0)}.food{background:linear-gradient(135deg,#f3c11c,#ef6043)}.travel{background:linear-gradient(135deg,#0e6aa0,#86b4c5)}.screen-list>div{display:grid;grid-template-columns:1.4fr .8fr .8fr 25px;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f3;font-size:12px}.screen-list>div:last-child{border-bottom:0}.screen-list small{color:#64748b}.screen-list i{font-style:normal;color:#94a3b8}.online-text{color:#149c68}.offline-text{color:#ef4444}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#8490a0;font-weight:600;padding:0 8px 10px}td{padding:12px 8px;border-top:1px solid #edf0f3}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#f1f3f6;color:#667085;font-size:10px;font-weight:700}.green-pill{background:#e4f8ee;color:#0c9a63}.red-pill{background:#ffebeb;color:#e23b3b}.timeline>div{display:grid;grid-template-columns:82px 18px 1fr;gap:8px;align-items:start;padding:7px 0}.timeline time{font-size:11px;color:#475569}.timeline span{width:10px;height:10px;background:#087df0;border-radius:50%;margin-top:3px;position:relative}.timeline span:after{content:"";position:absolute;width:1px;height:38px;background:#cfe1f5;left:5px;top:10px}.timeline>div:last-child span:after{display:none}.timeline b{font-size:12px}.timeline small{display:block;color:#64748b;font-weight:400;margin-top:2px}.toolbar{display:flex;gap:10px;margin-bottom:18px}.wide{flex:1}.filter{border:1px solid #dfe5ec;background:#fff;color:#334155;border-radius:9px;padding:9px 13px;cursor:pointer}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.asset-card{background:#fff;border:1px solid #e5eaf0;border-radius:13px;padding:11px;box-shadow:0 4px 18px #0f172a05}.asset-img{height:155px}.asset-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;color:#64748b}.asset-actions{color:#64748b;border-top:1px solid #edf0f3;margin-top:12px;padding-top:10px;text-align:right}.playlist-layout{display:grid;grid-template-columns:310px 1fr;gap:18px}.playlist-side{min-height:500px}.selected-item{border:1px solid #dceaf9;background:#f4f9ff;border-radius:10px;padding:14px;display:grid;grid-template-columns:25px 1fr 20px;gap:5px;color:#087df0}.selected-item b{color:#172033}.selected-item span{grid-column:2;color:#748094;font-size:11px}.muted{color:#7b8797;font-size:13px}.asset-select{display:flex;gap:8px;margin:18px 0}.asset-select select{flex:1;padding:11px;border:1px solid #dfe5ec;border-radius:9px;background:#fff}.draggable>div{display:grid;grid-template-columns:30px 1fr 30px;gap:8px;padding:14px 5px;border-top:1px solid #edf0f3}.draggable span{color:#8a96a6}.draggable b{font-size:13px}.draggable small{grid-column:2;color:#8a96a6;font-size:10px}.draggable i{color:#8a96a6}.screen-cards{display:grid;gap:12px}.device{display:grid;grid-template-columns:50px 1fr auto auto;align-items:center;gap:15px}.device-icon{width:42px;height:42px;border-radius:11px;background:#eaf3ff;color:#087df0;display:grid;place-items:center}.device h2{margin:0;font-size:15px}.device p{margin:4px 0 0;color:#778397;font-size:11px}.empty{text-align:center;padding:90px 20px}.empty-icon{font-size:48px;color:#087df0;margin-bottom:10px}.toast{position:fixed;right:25px;bottom:25px;background:#111827;color:#fff;padding:12px 16px;border-radius:10px;display:none;font-size:13px;z-index:20}@media(max-width:1050px){.sidebar{width:220px}.main{margin-left:220px}.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{position:fixed;width:72px;padding:15px 8px}.sidebar .brand img{width:46px;height:46px;object-fit:cover;object-position:left;margin:0 auto 28px}.workspace-label,.nav-item span,.sidebar-footer{display:none}.nav-item{justify-content:center;padding:12px}.main{margin-left:72px}.topbar{padding:0 15px}.topbar .search{width:55%;}.user div:nth-child(2){display:none}.page{padding:24px 15px}.page-head{align-items:flex-start;gap:15px}.page-head h1{font-size:28px}.stats,.asset-grid,.playlist-layout{grid-template-columns:1fr}.content-row{grid-template-columns:repeat(2,1fr)}.device{grid-template-columns:45px 1fr auto}.device .filter{grid-column:2}.screen-list>div{grid-template-columns:1fr auto}}