@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#29283a;background:#f7f7fb;--purple:#6c5dd3;--line:#e9e8f0;--muted:#9290a3}*{box-sizing:border-box}body{margin:0}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:#fff;border-right:1px solid var(--line);padding:25px 16px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;padding:0 6px 36px}.logo{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:linear-gradient(140deg,#9589f0,#6555ce);color:white;font:800 21px Manrope}.brand b{display:block;font:800 16px Manrope}.brand small{display:block;font-size:9px;letter-spacing:1.3px;color:#a09eaf;margin-top:4px}.label,.eyebrow{font-size:10px;letter-spacing:1.3px;color:#a09eaf;font-weight:700}.label{padding-left:10px}.sidebar nav{display:grid;gap:5px}.nav{border:0;border-radius:10px;background:none;text-align:left;padding:13px 12px;color:#77758a;font-size:12px;font-weight:600;cursor:pointer}.nav.active{background:#f0eeff;color:#5d50c4}.nav span{float:right;border-radius:5px;background:#e3dfff;padding:2px 6px}.safe{margin-top:auto;display:flex;align-items:center;gap:11px;background:#f0faf5;border:1px solid #dff2e8;border-radius:10px;padding:13px 10px}.safe i{width:8px;height:8px;border-radius:50%;background:#39a17b;box-shadow:0 0 0 4px #d8f1e6}.safe b,.safe small{display:block;font-size:11px}.safe small{font-size:10px;color:var(--muted);margin-top:4px}main{margin-left:235px;padding:0 34px;max-width:1700px}header{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;font-size:12px;color:var(--muted)}header>div:last-child{display:flex;align-items:center;gap:12px}.crumb b{color:#454357}.connection{display:flex;align-items:center;gap:7px;font-size:11px}.connection i{width:7px;height:7px;border-radius:50%;background:#e4a44c}.connection i.online{background:#38a17b}.refresh{border:1px solid var(--line);border-radius:9px;background:#fff;width:34px;height:34px;font-size:20px;color:#777;cursor:pointer}.page{display:none}.page.active{display:block}.heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px}.eyebrow{margin:0 0 10px}.heading h1{font:800 31px/1.2 Manrope;margin:0;letter-spacing:-1.2px}.heading h1 span{color:var(--purple)}.muted{font-size:12px;line-height:1.6;color:var(--muted)}.primary{background:var(--purple);color:white;border:0;border-radius:10px;padding:13px 15px;font-size:11px;font-weight:700;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stats article,.priorities article,.art-card,.category-grid article,.integration-list article,.ops article{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 7px 24px #29283a08}.stats article{padding:18px}.stats small,.ops small{font-size:11px;color:#88869a}.stats strong{display:block;font:800 28px Manrope;margin-top:13px}.stats p,.ops p{font-size:10px;color:#a09eaf}.stats .disabled{font-size:21px;color:#9d6a2d}.section-head{display:flex;justify-content:space-between;align-items:center;margin:31px 0 14px}.section-head h2{font:700 17px Manrope;margin:0}.section-head p{font-size:11px;color:var(--muted);margin:5px 0 0}.link{border:0;background:none;color:#5d50c4;font-size:11px;font-weight:700;padding:5px;cursor:pointer}.priorities{display:grid;grid-template-columns:1fr 1fr;gap:14px}.priorities article{padding:17px}.priorities b{font-size:12px}.priorities p{font-size:11px;line-height:1.6;color:var(--muted)}.small{font-size:10px}.art-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.art-card{overflow:hidden;min-width:0}.art-image-wrap{position:relative;aspect-ratio:4/3;background:#f0eff5;display:grid;place-items:center;overflow:hidden}.art-image{width:100%;height:100%;object-fit:contain;cursor:zoom-in}.image-fallback{color:#aaa8b8;font-size:11px;text-align:center}.art-status,.risk-chip{position:absolute;top:8px;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:700;background:#fff5e6;color:#9a6c27}.art-status{left:8px}.risk-chip{right:8px;background:#fff0f2;color:#b64e65}.art-content{padding:12px}.filename{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:700}.sub{font-size:10px;color:var(--muted);margin-top:6px;min-height:14px}.art-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #f0eff5;margin-top:11px;padding-top:10px;font-size:9px;color:var(--muted)}.small-action{background:#f5f3ff;color:#5f52c7;border:1px solid #e7e3ff;border-radius:7px;padding:6px;font-size:10px;font-weight:700;cursor:pointer}.empty{grid-column:1/-1;text-align:center;padding:35px;border:1px dashed #ddd9e9;background:white;border-radius:12px;color:var(--muted);font-size:12px;line-height:1.8}.toolbar{display:flex;gap:9px;margin:23px 0 14px;flex-wrap:wrap}.toolbar input,.toolbar select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px;color:#77758a;font-size:11px}.toolbar input{flex:1;min-width:190px}.resultline{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:15px 0}.large{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.pill{display:inline-block;padding:7px 9px;border-radius:7px;background:#f1efff;color:#6255c9;font-size:10px;font-weight:700}.warn{background:#fff3e2;color:#9b6c27}.notice{display:flex;gap:12px;padding:16px;background:#f6f4ff;border:1px solid #e6e2fb;border-radius:12px;color:#6558c8;margin:22px 0}.notice p{font-size:11px;color:#8984b8;line-height:1.6;margin:6px 0 0}.notice strong{font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.category-grid article{padding:17px}.category-grid article b{font-size:12px}.category-grid article p{font-size:10px;color:var(--muted);line-height:1.6}.category-grid article em{font-size:10px;font-style:normal;font-weight:700;color:#936c2d}.category-grid .unverified{background:#fffaf0;border-color:#f1e4c5}.integration-list{display:grid;gap:12px;margin-top:23px}.integration-list article{padding:17px}.integration-list b{font-size:12px}.integration-list p{font-size:11px;color:var(--muted);line-height:1.6}.ops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ops article{padding:18px}.ops strong{display:block;font:700 19px Manrope;margin-top:13px}footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:20px 0;margin-top:40px;color:#aaa8b8;font-size:10px}.backdrop{position:fixed;inset:0;background:#171627a6;z-index:10;display:grid;place-items:center;padding:20px}.backdrop[hidden]{display:none}.modal{position:relative;background:#fff;border-radius:15px;padding:24px;width:min(900px,100%);max-height:90vh;overflow:auto}.close{float:right;border:0;border-radius:8px;background:#f2f1f7;font-size:23px;width:34px;height:34px;cursor:pointer}.modal-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;clear:both}.modal-art{width:100%;max-height:65vh;object-fit:contain;background:#f4f3f8;border-radius:10px}.modal h2{font:700 19px Manrope}.modal p{font-size:11px;line-height:1.6;color:var(--muted)}.field{display:block;font-size:10px;font-weight:700;margin:14px 0 6px}.modal select,.modal textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;font:11px 'DM Sans'}.modal textarea{min-height:75px}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.actions button{border:1px solid var(--line);border-radius:8px;padding:10px;font-size:10px;font-weight:700;background:#fff;cursor:pointer}.actions .approve{background:#edf9f2;color:#287e5e}.actions .reject{background:#fff0f2;color:#b64e65}.toast{display:none;position:fixed;right:20px;bottom:20px;background:#29283a;color:#fff;padding:13px 16px;border-radius:9px;font-size:11px;z-index:20}.toast.show{display:block}.toast.error{background:#8e3448}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #6c5dd3;outline-offset:2px}
@media(max-width:1150px){main{padding:0 22px}.art-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.large{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{gap:9px}}
@media(max-width:800px){.sidebar{width:200px}.sidebar .brand{padding-bottom:25px}main{margin-left:200px;padding:0 15px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.priorities{grid-template-columns:1fr}.art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sidebar{display:none}main{margin-left:0;padding:0 13px}header{height:58px;margin-bottom:24px}.heading{align-items:flex-start;flex-direction:column}.heading h1{font-size:26px}.art-grid,.large{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.toolbar{display:grid;grid-template-columns:1fr 1fr}.toolbar input{grid-column:1/-1;min-width:0}.toolbar select{width:100%;max-width:100%}.category-grid,.ops{grid-template-columns:1fr}.modal-layout{grid-template-columns:1fr}.modal-art{max-height:38vh}.modal{padding:15px}.resultline{gap:10px}footer{gap:10px;line-height:1.6;flex-wrap:wrap}}


/* Narrow-screen navigation; keeps every dashboard section reachable on phones. */
.mobile-nav{display:none}
@media(max-width:600px){
  .mobile-nav{display:flex;align-items:center;gap:6px;overflow-x:auto;white-space:nowrap;position:sticky;top:0;z-index:2;background:#f7f7fb;padding:8px 0 13px;margin:-7px 0 16px;scrollbar-width:none}
  .mobile-nav::-webkit-scrollbar{display:none}
  .mobile-nav button{flex:0 0 auto;border:1px solid var(--line);border-radius:9px;background:#fff;color:#77758a;padding:10px 11px;font:600 10px 'DM Sans',sans-serif;cursor:pointer}
  .mobile-nav button.active{background:#f0eeff;border-color:#ddd8ff;color:#5d50c4}
}