:root{--accent-text:#101114;--brand-text:#fff}
.btn-yellow,.nav-item.active{color:var(--accent-text)}
.sidebar,.login-brand{background:var(--black);color:var(--brand-text)}
.sidebar-brand strong,.sidebar-brand small,.login-brand h1,.login-brand p,.mini-brand,.brand-bottom,.brand-bottom strong,.sidebar-bottom,.sidebar-section-label{color:var(--brand-text)}
.sidebar-panel,.admin-sidebar-panel{background:color-mix(in srgb,var(--black) 90%,var(--yellow));border-color:var(--yellow);color:var(--brand-text)}
.sidebar-panel p,.sidebar-panel strong,.sidebar-nav .nav-item:not(.active){color:var(--brand-text)}
.sidebar-nav .nav-item.active{background:var(--yellow);color:var(--accent-text)}
.eyebrow,.empty-icon,.dropzone-icon,.upload-security{color:var(--ink)}
.upload-security,.dropzone-icon,.empty-icon,.upload-status{background:color-mix(in srgb,var(--yellow) 22%,white)}
.dropzone.dragover{border-color:var(--yellow);background:color-mix(in srgb,var(--yellow) 12%,white)}
.upload-progress div{background:var(--yellow)}
.folder-art{color:var(--yellow)}.folder-art svg{fill:var(--yellow)}.tag-chip{background:color-mix(in srgb,var(--yellow) 18%,white);border-color:var(--yellow);color:var(--ink)}.tag-chip:hover{background:var(--yellow);color:var(--accent-text)}.edit-primary{background:var(--yellow)!important;color:var(--accent-text)!important;border-color:var(--yellow)!important}.file-card:hover,.youtube-card:hover{border-color:var(--yellow);background:color-mix(in srgb,var(--yellow) 5%,white)}.extended-status{color:var(--ink)}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:24px}
.media-card{border:2px solid #d5d9e0;border-radius:14px;padding:14px;background:#fff;min-width:0;box-shadow:0 3px 12px #00000008}
.media-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#f0f1f3}
.media-card h3{font-size:16px;line-height:1.4;overflow-wrap:anywhere;margin:13px 0 8px}.media-card small{color:#626873;overflow-wrap:anywhere}
.media-card .file-controls,.activity .file-controls{flex-wrap:wrap;justify-content:flex-start;margin-top:16px}.tags-line{color:#5b606a;overflow-wrap:anywhere;font-size:13px;line-height:1.5}
.folder-open{background:none;border:0;width:100%;min-height:120px;font-size:23px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.week-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:24px}
.day-card{border:2px solid #d5d9e0;border-radius:14px;overflow:hidden;padding:0 18px 18px;background:white}
.day-card>h2{font-size:17px;background:var(--yellow);color:var(--accent-text);padding:16px 18px;margin:0 -18px 18px;text-transform:capitalize}
.activity{padding:14px 0;border-bottom:1px solid #d5d9e0;margin-bottom:14px;overflow-wrap:anywhere}.activity h3{margin:8px 0;font-size:18px}.activity p{margin:7px 0;font-size:14px}.activity-time{font-size:12px;font-weight:800;color:#555e68}.muted{color:#626873;font-size:14px}
.match-logos{display:flex;align-items:center;gap:18px;margin:18px 0}.match-logos img{width:70px;height:70px;object-fit:contain}
.settings-panel{padding:24px}.brand-form{max-width:620px;display:grid;gap:20px}.brand-form label{display:grid;gap:9px;font-weight:700;font-size:14px}.brand-form input{padding:12px;border:1px solid #c8cdd6;border-radius:8px;max-width:100%}.brand-form input[type=color]{width:100%;height:52px;padding:5px}.brand-preview{display:flex;align-items:center;gap:20px;padding:25px;border:3px solid;border-radius:12px;overflow-wrap:anywhere}.brand-preview img{width:80px;height:80px;object-fit:contain}
.extended-toolbar select{padding:12px;border:1px solid #c8cdd6;border-radius:8px;max-width:100%}.login-form+.btn{margin-top:16px;width:100%}
@media(max-width:800px){.sidebar .nav-svg{font-size:22px}.week-grid{grid-template-columns:1fr}}
@media(max-width:600px){.sidebar{display:block;width:100%;padding:8px;position:static}.sidebar-brand,.sidebar-spacer,.sidebar-bottom,.sidebar-section-label,.sidebar-panel{display:none}.dashboard{display:block}.sidebar-nav{display:flex;flex-wrap:wrap;gap:5px}.sidebar-nav .nav-item{padding:9px;flex:1;min-width:95px;gap:5px;flex-direction:column;font-size:9px}.sidebar-nav .nav-item>span:not(.nav-svg){display:block!important}.media-grid,.week-grid{padding:12px;gap:12px}.media-grid{grid-template-columns:1fr}.extended-toolbar{gap:10px}.extended-toolbar>*{max-width:100%}.brand-preview{padding:12px}}