@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
/* Faregrounds Hub V14 — sage design system. Layout and presentation only. */
:root{--ink:#243b32;--muted:#7b8d80;--green:#466b59;--green2:#5d836b;--cream:#f6f8f4;--white:#fff;--border:#e0e8dc;--soft:#eaf0e7;--shadow:0 10px 35px rgba(51,82,61,.045);--v13-ink:#243b32;--v13-muted:#7b8d80;--v13-bg:#f6f8f4;--v13-line:#e0e8dc;--v13-green:#466b59;--v13-shadow:0 8px 26px #38553c0a}
html,body{font-family:'DM Sans',sans-serif;background:#f6f8f4;color:#243b32}
h1,h2,h3,h4,.wordmark,.number{font-family:'Plus Jakarta Sans','DM Sans',sans-serif;letter-spacing:-.045em}
.admin{background:#f6f8f4!important;grid-template-columns:265px minmax(0,1fr);min-height:100vh}
.admin .side{background:#e5ece2!important;border-right:1px solid #d5e0d2!important;color:#3e604d!important;box-shadow:none!important;padding:27px 15px 18px!important;overflow-y:auto}
.admin .side .wordmark,.admin .side .wordmark.light{color:#3f6550!important;font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:800;letter-spacing:.11em;margin:0 12px 29px}
.admin .side .wordmark small{color:#87a18b!important;font-size:9px;letter-spacing:.2em;font-weight:800;margin-top:7px}
.admin .side nav{display:flex;flex-direction:column;gap:22px}
.admin .side .nav-group{display:grid;gap:4px}
.admin .side .nav-group-label{color:#8b9f8e!important;font-size:10px;letter-spacing:.12em;padding:0 13px 8px;font-weight:800}
.admin .side .navitem{color:#587365!important;border:0;border-radius:11px;padding:12px 13px;min-height:43px;background:transparent;display:flex;align-items:center;gap:13px;font-size:12px;font-weight:750;letter-spacing:0;transition:background .15s,color .15s}
.admin .side .navitem .icon{opacity:.8;width:19px;height:19px}
.admin .side .navitem:hover{transform:none!important;background:#d8e5d7!important;color:#335c42!important}
.admin .side .navitem.active{background:#fff!important;color:#345f46!important;box-shadow:0 3px 15px #496b4814!important}
.admin .side .navitem.active .icon{opacity:1}
.admin .side-bottom{border-top:1px solid #d0ddd0!important;margin-top:auto;padding-top:20px}
.admin .side-bottom .text,.admin .side-bottom p{color:#627e6c!important}
.admin .workspace{background:#f6f8f4!important}
.admin .topbar{min-height:75px!important;background:#fbfcfa!important;border-bottom:1px solid #e0e8dc!important;backdrop-filter:blur(12px);padding:0 clamp(18px,3vw,44px)}
.admin .breadcrumbs{font-size:11px;letter-spacing:.09em;color:#8a9b8d}
.admin .breadcrumbs strong{color:#486755}
.admin .scope-chooser,.admin .userpill{border:1px solid #e0e9df;background:#fff;border-radius:11px}
.admin .userpill .avatar{background:#dce9da;color:#54765a}
.admin .content{padding:35px clamp(20px,3.2vw,54px) 80px;max-width:1700px}
.admin .page-heading{margin-bottom:30px}
.admin .page-heading .eyebrow,.admin .eyebrow{color:#829f87;letter-spacing:.14em;font-size:10px}
.admin .page-heading h1{color:#253d31;font-size:clamp(29px,2.7vw,39px);font-weight:800;line-height:1.2;margin:8px 0 10px}
.admin .page-heading p{color:#819084;font-size:13px;line-height:1.7}
.admin .card,.admin .stat,.admin .location-tile,.admin .app-card,.admin .setting-tile{background:#fff!important;border:1px solid #e5ebe2!important;border-radius:17px!important;box-shadow:0 6px 25px #39583d07!important}
.admin .card{padding:26px}
.admin .stat{padding:24px}
.admin .stat .number{color:#3c614b;font-size:32px;font-weight:800}
.admin .card h2,.admin .section-title h2{color:#2e4939;letter-spacing:-.035em}
.admin .btn,.admin button.btn{border-radius:10px!important;font-family:'DM Sans',sans-serif;font-weight:750;transition:background .17s,border-color .17s,transform .17s,box-shadow .17s}
.admin .btn.primary,.admin button.btn.primary{background:#51735e!important;color:#fff!important;border-color:#51735e!important}
.admin .btn.primary:hover{background:#3f614e!important;box-shadow:0 6px 16px #496e5330}
.admin button:focus-visible,.admin a:focus-visible,.admin input:focus-visible,.admin select:focus-visible,.admin textarea:focus-visible{outline:3px solid #a7c4a8;outline-offset:2px}
.admin input,.admin textarea,.admin select,.modal-wrap input,.modal-wrap textarea,.modal-wrap select{background:#fcfdfa;border:1px solid #dce5d9;border-radius:10px;min-height:42px;color:#2e4939}
.admin input:focus,.admin textarea:focus,.admin select:focus,.modal-wrap input:focus,.modal-wrap textarea:focus,.modal-wrap select:focus{outline:0;border-color:#86aa8b;box-shadow:0 0 0 3px #91bc9330}
.admin .field label,.admin .rs-field>span,.modal-wrap .field label{color:#55715d;font-weight:700;font-size:12px}
.admin .tag,.admin .badge{background:#edf4e9;color:#57765c;letter-spacing:.035em;border-radius:99px}
.admin .notice{background:#f2f6ef;color:#51705a;border:1px solid #e1eadd}
.admin .stat-grid,.admin .studio-grid,.admin .location-grid{gap:18px}
.admin .setting-tile:hover,.admin .location-tile:hover,.admin .app-card:hover{border-color:#bad0b9!important;box-shadow:0 13px 30px #4b70521a!important}
.admin table{border-collapse:separate;border-spacing:0;width:100%}
.admin table th{color:#819685;font-size:10px;font-weight:800;background:#f8faf7;text-transform:uppercase;letter-spacing:.08em;padding:13px}
.admin table td{border-bottom:1px solid #eef2ec;padding-top:13px;padding-bottom:13px}
.admin table tr:hover td{background:#f8faf6}
.admin .rs-workspace{max-width:1450px}
.admin .rs-top{background:#edf3e9!important;border:1px solid #dce7d8!important;box-shadow:none!important;padding:25px 27px}
.admin .rs-top h1{color:#284736;font-size:30px}
.admin .rs-primary,.admin .rs-sidebar{gap:17px}
.admin .rs-panel{padding:25px;border:1px solid #e2eae0!important}
.admin .rs-panel-head{border-bottom:1px solid #edf1e9;padding-bottom:18px}
.admin .rs-panel-head h2{color:#3c5d48}
.admin .rs-step{background:#dfebdd;color:#507359;box-shadow:none}
.admin .rs-variation-bar{background:#f5f8f2;border-color:#dfe8db}
.admin .rs-item-list{gap:12px}
.admin .rs-ingredient,.admin .rs-step-row{background:#f5f8f4;border:1px solid #ebefe8;padding:9px;border-radius:12px}
.admin .rs-ingredient input,.admin .rs-step-row textarea{background:#fff}
.admin .rs-remove{border-color:#e4e9de;color:#8b756f}
.admin .rs-library-row:hover{background:#f7faf5}
.admin .rs-library-avatar{background:#e8f1e6;color:#5b8163}
.admin .rs-library-status{color:#8a7a4d;background:#faf5e5}
.modal-wrap{backdrop-filter:blur(7px);background:rgba(39,57,43,.43)!important}
.modal-wrap .modal{background:#fff;border-radius:20px!important;border:1px solid #e2e9df!important;box-shadow:0 32px 100px #1c35292e!important;padding:30px!important}
.modal-wrap .modal h2{font-family:'Plus Jakarta Sans',sans-serif;color:#2f4d3b;letter-spacing:-.045em}
.modal-wrap .modal-footer{background:#fbfcfa;border-top:1px solid #e9efe6}
.modal-wrap .btn.primary{background:#51735e!important;color:#fff!important;border-color:#51735e!important}
.hub-mobile-toggle{display:none;background:#edf4ea;border:1px solid #dbe7d8;border-radius:10px;color:#4d7358;width:41px;height:41px;align-items:center;justify-content:center;cursor:pointer}
@media(max-width:1100px){.admin .rs-columns{grid-template-columns:1fr}.admin .rs-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.admin{grid-template-columns:1fr!important}.admin .side{position:fixed!important;left:0;top:0;bottom:0;width:270px;z-index:100;transform:translateX(-105%);transition:transform .22s;box-shadow:10px 0 40px #253c282e!important}.admin.hub-nav-open .side{transform:translateX(0)}.hub-mobile-toggle{display:inline-flex}.admin .topbar{gap:12px;padding:0 17px}.admin .content{padding:21px 15px 65px}.admin .breadcrumbs{display:none}.admin .rs-sidebar{grid-template-columns:1fr}.admin .rs-top{padding:19px}.admin .rs-panel{padding:18px}}
@media(max-width:540px){.admin .top-actions{gap:5px}.admin .userpill{display:none}.admin .scope-chooser{max-width:195px}.admin .page-heading h1{font-size:28px}.admin .rs-grid{grid-template-columns:1fr}.admin .rs-ingredient{grid-template-columns:65px 85px minmax(0,1fr) 32px}}
@media(prefers-reduced-motion:reduce){.admin *{animation:none!important;transition:none!important}}