:root{--font-nunito:"Segoe UI","Nunito","Helvetica Neue",Arial,sans-serif;--yellow:#f5a800;--yellow-dark:#e09500;--yellow-light:#ffc840;--yellow-pale:#fff8e7;--teal:#1a6b72;--teal-light:#2a8b94;--bg:#f4f6f9;--card-bg:#fff;--text:#1a1a2e;--muted:#8a94a6;--border:#e8ecf0;--shadow:0 4px 18px #0000000d;--shadow-yellow:0 6px 24px #f5a80047;--radius:20px;--radius-sm:14px;--sidebar-w:240px;--header-h:64px;--content-max:1360px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;font-family:var(--font-nunito),sans-serif;background:var(--bg);color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}html,body,.sidebar,.topbar,.bottom-nav,.mobile-header,.mobile-drawer,.welcome-card,.stat-card,.media-card,.media-logo-badge,.announcement-card,.app-icon-box,.mu-card,.mu-header,.mu-modal,.mu-table,.mu-table th,.mu-table td,.mu-input,.mu-btn-outline,.modal-box,.modal-overlay,input,textarea,select,button,div,span,h1,h2,h3,p{transition:background-color .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1)}::view-transition-old(root){animation-duration:.28s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(root){animation-duration:.28s;animation-timing-function:cubic-bezier(.4,0,.2,1)}body.dark,[data-theme=dark]{--bg:#0b1120;--card-bg:#1e293b;--text:#f1f5f9;--muted:#94a3b8;--border:#334155;--yellow-dark:#fbbf24;--shadow:0 4px 20px #00000059;--yellow-pale:#f5a8001f;--teal:#14b8a6;--teal-light:#2dd4bf;color:#f1f5f9;background:#0b1120}body.dark .sidebar,body.dark .topbar,body.dark .bottom-nav,body.dark .stat-card,body.dark .media-card,body.dark .announcement-card,body.dark .app-icon-box{background:#1e293b!important;border-color:#334155!important}body.dark .mu-card,body.dark .mu-header{color:#f1f5f9!important;background:#1e293b!important;border-color:#334155!important}body.dark .mu-table th{color:#94a3b8!important;background:#0f172a!important;border-color:#334155!important}body.dark .mu-table td{border-color:#334155!important}body.dark .mu-table tr:hover td{background:#273549!important}body.dark .mu-input{color:#f1f5f9!important;background:#0f172a!important;border-color:#334155!important}body.dark .mu-btn-outline{color:#f1f5f9!important;background:#1e293b!important;border-color:#334155!important}body.dark .mu-dropzone{background:#0f172a!important;border-color:#334155!important}body.dark input,body.dark textarea,body.dark select{color:#f1f5f9!important;background:#1e293b!important}body.dark input::placeholder,body.dark textarea::placeholder{color:#64748b!important}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes appIn{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes wiggle{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-box,.skeleton-line{background:linear-gradient(90deg,var(--border,#e5e7eb)25%,#f5a8002e 50%,var(--border,#e5e7eb)75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}body.dark .skeleton-box,body.dark .skeleton-line{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}.app-item:hover .app-icon-box{transform:translateY(-4px)scale(1.04);box-shadow:0 10px 24px #0000001f}.app-item:hover .app-fav-btn{display:flex!important}.stat-card:hover,.media-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.mobile-header,.topbar,.sidebar,.bottom-nav,.welcome-card{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:pan-y}.mobile-header img,.topbar img,.sidebar img,.welcome-card img,.dashboard-hero-header img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.dashboard-hero-header{z-index:45;background:var(--bg);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:pan-y;margin-bottom:8px;padding-top:4px;padding-bottom:2px;transition:background-color .25s;position:sticky;top:0}@media (min-width:768px){.dashboard-hero-header{top:calc(var(--header-h) + 12px)}}.main-wrap{padding-top:10px;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.content-area{width:min(100%,var(--content-max));margin-inline:auto;padding:0 clamp(10px,2.5vw,20px)}.dashboard-root{padding-top:6px}.app-section{margin-bottom:26px!important}.app-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(8px,2vw,12px)!important}.app-grid>*{min-width:0}.app-item{gap:clamp(6px,1.5vw,8px)!important}.app-icon-box{border-radius:clamp(14px,3vw,18px)!important;width:clamp(56px,25vw - 16px,68px)!important;height:clamp(56px,25vw - 16px,68px)!important;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s!important}.app-label{-webkit-line-clamp:2;text-overflow:ellipsis;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;min-height:2.5em;display:-webkit-box;overflow:hidden;font-size:clamp(9.5px,2.5vw,11px)!important;line-height:1.25!important}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(6px,1.6vw,14px)!important;width:100%!important;display:grid!important}.media-card{background:var(--card-bg,#fff)!important;border:1px solid var(--border)!important;width:100%!important;min-width:0!important;box-shadow:var(--shadow)!important;border-radius:clamp(12px,2.5vw,16px)!important;flex-direction:column!important;align-items:center!important;gap:clamp(6px,1.4vw,10px)!important;padding:clamp(8px,1.8vw,14px) clamp(4px,1.2vw,10px)!important;text-decoration:none!important;transition:transform .18s,box-shadow .18s!important;display:flex!important}.media-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0000001f!important}.media-logo-badge{border-radius:clamp(10px,2.2vw,14px)!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:clamp(38px,20.8333vw - 17.5px,48px)!important;height:clamp(38px,20.8333vw - 17.5px,48px)!important;display:flex!important}.media-card-title{color:var(--text)!important;white-space:nowrap!important;text-overflow:ellipsis!important;text-align:center!important;width:100%!important;font-size:clamp(9.5px,2.4vw,12.5px)!important;font-weight:900!important;overflow:hidden!important}.media-card-desc{color:var(--muted)!important;white-space:nowrap!important;text-overflow:ellipsis!important;text-align:center!important;width:100%!important;margin-top:1px!important;font-size:clamp(8px,1.9vw,10.5px)!important;font-weight:600!important;overflow:hidden!important}@media (min-width:768px){.mobile-header,.bottom-nav{display:none!important}.topbar{display:flex!important}.main-wrap{padding-top:calc(var(--header-h) + 20px)!important;padding-bottom:20px!important}.dashboard-root{padding-top:0!important}.content-area{padding:0 24px!important}.app-section .media-grid,.fav-section .media-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important}.stats-row{display:flex!important}}@media (min-width:1024px){.sidebar{display:flex!important}.topbar{left:var(--sidebar-w)!important}.main-wrap{margin-left:var(--sidebar-w)!important;padding-top:calc(var(--header-h) + 24px)!important;padding-bottom:28px!important}.content-area{max-width:var(--content-max)!important;padding:0 32px!important}.app-section .media-grid,.fav-section .media-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:16px!important}.tb-brand{display:none!important}}@media (min-width:1280px){:root{--sidebar-w:256px}.app-section .media-grid,.fav-section .media-grid{grid-template-columns:repeat(10,minmax(0,1fr))!important}.content-area{padding:0 40px!important}}@media (min-width:1600px){.app-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important}}