:root{
  --green:#173f36;--green-2:#254f45;--cream:#f5f1e8;--paper:#fbfaf6;--ink:#171717;--muted:#6f726e;--line:#e5e0d7;--cognac:#9a6039;--soft:#efe9df;--danger:#b84343;--warn:#c88b2e;--ok:#3d7b59;--shadow:0 14px 40px rgba(29,38,33,.08)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#ece7dd;color:var(--ink);font-family:'DM Sans',sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:228px 1fr;background:linear-gradient(135deg,#ede8de,#f8f5ef 45%,#ece6dc)}.sidebar{background:linear-gradient(180deg,#173f36,#102f29);color:#f8f2e6;padding:28px 18px 22px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0}.brand{text-align:center;padding:8px 8px 30px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark{font-size:26px;color:#d5b68a}.brand-name{font-family:'Libre Caslon Display',serif;font-size:24px;letter-spacing:.08em;margin-top:8px}.brand-sub{font-size:10px;letter-spacing:.35em;margin-top:5px;color:#dfd2bd}.sidebar-nav{display:flex;flex-direction:column;gap:7px;padding-top:24px}.nav-btn{border:0;background:transparent;color:#efe9dd;padding:12px 14px;border-radius:10px;text-align:left;font:inherit;display:flex;align-items:center;gap:11px;cursor:pointer}.nav-btn:hover,.nav-btn.active{background:rgba(255,255,255,.12)}.nav-icon{width:20px;text-align:center;opacity:.9}.sidebar-foot{margin-top:auto;padding:18px 10px 0;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:5px;color:#d6c7b0}.sidebar-foot small{opacity:.7}.main-shell{min-width:0}.topbar{height:72px;background:rgba(251,250,246,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:8}.search-wrap{width:min(520px,48vw);position:relative}.search-wrap input{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--line);border-radius:10px;background:#f8f5ef;font:inherit;outline:none}.search-wrap input:focus{border-color:#a6b7b1;box-shadow:0 0 0 3px rgba(23,63,54,.08)}.search-icon{position:absolute;left:14px;top:8px;font-size:23px;color:#6a6d69}.topbar-actions{display:flex;align-items:center;gap:10px}.env-badge{font-size:10px;letter-spacing:.18em;background:#e8e1d6;padding:7px 9px;border-radius:999px}.role-label{font-size:12px;color:var(--muted)}.role-select{border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:white}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#2d2f2d;color:#fff;font-weight:700}.page-root{padding:34px;max-width:1500px;margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:11px;color:#8b7d6d;margin-bottom:8px}.page-title{font-family:'Libre Caslon Display',serif;font-size:54px;line-height:1;margin:0}.page-subtitle{margin:8px 0 0;color:#766f65}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.date-card{border-left:1px solid var(--line);padding-left:20px;color:#4b4b48}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.panel,.action-card{background:rgba(251,250,246,.92);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.stat-card{padding:20px}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-value{font-family:'Libre Caslon Display',serif;font-size:38px}.stat-label{margin-top:2px;color:#363735}.trend{font-size:12px;margin-top:11px;color:var(--muted)}.trend.up{color:var(--ok)}.trend.down{color:var(--danger)}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel h3{font-family:'Libre Caslon Display',serif;font-size:25px;margin:0}.muted{color:var(--muted)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#75766f;text-align:left;padding:10px;border-bottom:1px solid var(--line)}.data-table td{padding:12px 10px;border-bottom:1px solid var(--line)}.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;background:#ebe8e1}.pill.high,.pill.urgent,.pill.at-risk{background:#f6dddd;color:#873232}.pill.medium,.pill.pending{background:#f5e8c9;color:#8b681c}.pill.low,.pill.completed,.pill.on-track,.pill.resolved{background:#dfeee4;color:#2c6b49}.pill.in-progress,.pill.review{background:#e1e8ef;color:#3f5e78}.activity-list,.simple-list{list-style:none;margin:0;padding:0}.activity-item,.simple-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.activity-item:last-child,.simple-row:last-child{border-bottom:0}.dot{width:10px;height:10px;border-radius:50%;background:var(--green);margin-top:5px;flex:0 0 auto}.row-main{flex:1}.row-title{font-weight:600}.row-sub{font-size:12px;color:var(--muted);margin-top:2px}.row-meta{font-size:11px;color:#989890}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.action-card{padding:22px;cursor:pointer;transition:.2s ease;border:0;text-align:left}.action-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(29,38,33,.13)}.action-card.cognac{background:linear-gradient(135deg,#9a6039,#7d492e);color:white}.action-card.green{background:linear-gradient(135deg,#274f45,#173f36);color:white}.action-title{font-family:'Libre Caslon Display',serif;font-size:28px}.action-sub{opacity:.78;margin-top:4px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;overflow:auto}.kanban-col{background:#f0ece4;border-radius:12px;padding:12px;min-height:330px}.kanban-col h4{margin:3px 3px 12px;font-size:13px}.kanban-card{background:#fff;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:9px;padding:12px;margin-bottom:10px;box-shadow:0 5px 14px rgba(30,30,25,.04)}.kanban-title{font-weight:700;font-size:13px}.kanban-sub{font-size:11px;color:var(--muted);margin:4px 0 9px}.workflow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;overflow:auto;padding:6px 0}.workflow-step{min-width:105px;text-align:center}.workflow-circle{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;margin:0 auto 8px;font-weight:700}.workflow-step span{font-size:12px;font-weight:700}.workflow-step small{display:block;color:var(--muted);margin-top:3px}.workflow-arrow{padding-top:17px;color:#9c9589}.empty{padding:30px;text-align:center;color:var(--muted)}.toolbar{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;color:#252723;padding:10px 14px;border-radius:9px;font:inherit;cursor:pointer}.btn:hover{background:#f4f1ea}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.cognac{background:var(--cognac);border-color:var(--cognac);color:#fff}.modal-backdrop{position:fixed;inset:0;background:rgba(12,19,16,.55);display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(680px,94vw);background:#fbfaf6;border-radius:16px;box-shadow:0 25px 80px rgba(0,0,0,.28);padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal h2{font-family:'Libre Caslon Display',serif;font-size:34px;margin:0}.icon-btn{border:0;background:transparent;font-size:24px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700;color:#555750}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:9px;padding:11px 12px;font:inherit;background:white}.field textarea{min-height:120px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.toast-root{position:fixed;right:24px;bottom:24px;z-index:80}.toast{background:#173f36;color:white;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);margin-top:8px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric-box{background:#f3eee6;border-radius:12px;padding:16px}.metric-box strong{font-family:'Libre Caslon Display',serif;font-size:30px}.split{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.store-card{background:linear-gradient(140deg,#f1e6d9,#f7f4ed);padding:18px;border-radius:12px;border:1px solid var(--line)}.store-badge{display:inline-flex;gap:7px;align-items:center;font-size:12px}.store-badge i{width:8px;height:8px;background:var(--ok);border-radius:50%}.decision-banner{padding:14px;border-radius:10px;background:#f6e8d5;border:1px solid #ead0ae;margin-bottom:10px}.decision-banner strong{display:block}.footer-note{margin-top:24px;color:#8b8b85;font-size:11px;text-transform:uppercase;letter-spacing:.14em}
@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;min-height:auto}.sidebar-nav{display:grid;grid-template-columns:repeat(2,1fr)}.topbar{position:relative;padding:10px 16px;height:auto;gap:12px;align-items:stretch;flex-direction:column}.search-wrap{width:100%}.page-root{padding:20px}.page-head{align-items:flex-start;flex-direction:column}.page-title{font-size:42px}.grid-4,.grid-3,.grid-2,.hero-actions,.form-grid,.metric-row{grid-template-columns:1fr}.kanban{grid-template-columns:1fr}.topbar-actions{justify-content:space-between;flex-wrap:wrap}}