.with-sidebar{padding-left:250px}.platform-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid #dedfd5;z-index:40;padding:12px 20px;overflow:auto}.sidebar-logo{display:block}.sidebar-logo img{display:block;width:200px;height:76px;object-fit:contain}.sidebar-label{font-size:10px;letter-spacing:2px;color:#7a8577;margin:10px 12px}.platform-sidebar nav{display:grid;gap:3px}.platform-sidebar nav a{display:flex;align-items:center;gap:16px;color:#425044;text-decoration:none;padding:11px 12px;border-radius:11px;font-size:15px;font-weight:600}.platform-sidebar nav a:hover{background:#f1f5ed}.platform-sidebar nav a.active{color:#2b6f49;background:#e9f3e9}.platform-sidebar svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.platform-sidebar small{background:#a55491;color:white;border-radius:10px;padding:2px 6px;margin-left:auto}.sidebar-create{display:block;padding:13px;background:#273e32;color:#fff;border-radius:24px;text-align:center;text-decoration:none;font-size:14px;margin-top:20px}.sidebar-footer{display:flex;flex-wrap:wrap;gap:10px;padding:22px 10px;font-size:10px}.sidebar-footer a{color:#778270;text-decoration:none}.menu-toggle{display:none}.menu-shade{position:fixed;inset:0;background:#17271d66;z-index:39;border-radius:0}.with-sidebar .demo-shell{grid-template-columns:1fr;max-width:950px}.with-sidebar .demo-shell>aside,.with-sidebar #tabs{display:none}.workspace-view{max-width:900px}.demo-summary{font-size:12px;color:#657c65;margin:8px 0 20px}.demo-summary b{color:#273e32}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats-grid article{background:#edf4ed;padding:18px;border-radius:12px}.stats-grid b{display:block;font-size:28px;margin-top:10px}.notification-item{padding:14px;border-bottom:1px solid #e5e9df}.notification-item p{margin:5px 0}.collection-actions{display:flex;gap:10px;margin-top:12px}@media(min-width:901px){.with-sidebar>.top>.brand{display:none}}@media(max-width:900px){.with-sidebar{padding-left:0}.platform-sidebar{transform:translateX(-100%);transition:transform .2s}.menu-open .platform-sidebar{transform:translateX(0)}.menu-toggle{display:block;padding:9px 12px;background:#edf4ed;color:#273e32}.stats-grid{grid-template-columns:1fr}.with-sidebar .top{gap:10px}.with-sidebar .top .brand img{width:170px;height:65px}.with-sidebar .demo-shell{padding:0 18px}}@media(prefers-reduced-motion:reduce){.platform-sidebar{transition:none}}
.sidebar-account{display:block;color:#425044;font-size:14px;text-decoration:none;padding:12px}.sidebar-dark{margin-top:16px;background:#f1f5ed;color:#425044;width:100%;text-align:left;font-size:12px}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 22px}.filter-tabs button{border-radius:22px;background:#edf0e8;color:#425044;padding:9px 13px;font-size:12px}.filter-tabs button[aria-pressed=true]{background:#d2e6d4;color:#273e32}.chat-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.account-menu{display:grid;gap:2px;margin:20px 0}.account-menu a{padding:12px;color:#425044;text-decoration:none;border-bottom:1px solid #edf0e8}.dark-mode{background:#181e1b;color:#edf3ed}.dark-mode .platform-sidebar,.dark-mode .top,.dark-mode .card,.dark-mode .entry-panel{background:#242c27;border-color:#3c493f;color:#edf3ed}.dark-mode .platform-sidebar a,.dark-mode .card p,.dark-mode .card a,.dark-mode .entry-panel p{color:#d7e5d9}.dark-mode .platform-sidebar nav a.active{background:#344a3a}.dark-mode input,.dark-mode textarea,.dark-mode select{background:#1d251f;color:#edf3ed;border-color:#526354}@media(max-width:700px){.chat-layout{grid-template-columns:1fr}}
.dark-mode .message,.dark-mode .filter-tabs button,.dark-mode .balance,.dark-mode .stats-grid article{background:#344a3a;color:#edf3ed}.dark-mode .notification-item{border-color:#3c493f}.dark-mode .notice{background:#344a3a;color:#edf3ed}
.account-security{margin-top:26px;border-top:1px solid #e1e6dc;padding-top:18px}.account-security summary{cursor:pointer;color:#657c65;font-size:13px}.account-security[open] summary{margin-bottom:18px}
.with-sidebar .demo-shell>section>.creator-cover,.with-sidebar .demo-shell>section>.avatar{display:none}