@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@600&display=swap";:root{color-scheme:light;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink:#242823;--ink-soft:#555b53;--muted:#817d74;--line:#e3e0d8;--canvas:#f6f5f1;--surface:#fff;--surface-soft:#f1efe9;--sage:#526b57;--sage-dark:#3e5443;--sage-soft:#e8eee7;--clay:#a3543e;--clay-soft:#f6e9e4;--amber:#987332;--amber-soft:#f7efdc;--shadow:0 10px 28px rgb(37 39 34 / 5%);--shadow-lg:0 24px 70px rgb(37 39 34 / 12%);--radius:15px;--radius-lg:22px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0;background:var(--canvas);color:var(--ink)}body{-webkit-font-smoothing:antialiased}button,input,textarea,select{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;display:flex;background:linear-gradient(90deg,rgb(82 107 87 / 2%) 1px,transparent 1px),var(--canvas);background-size:72px 72px}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:258px;display:flex;flex-direction:column;padding:25px 16px 18px;background:#fffffdf2;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar-top,.brand,.login-brand{display:flex;align-items:center;gap:11px}.sidebar-top{justify-content:space-between;padding:0 8px 25px}.brand-mark{position:relative;display:inline-block;width:36px;height:36px;flex:0 0 auto}.brand-mark-a,.brand-mark-b{position:absolute;width:24px;height:24px;border-radius:7px 11px;transform:rotate(45deg)}.brand-mark-a{top:1px;left:3px;background:var(--sage)}.brand-mark-b{right:1px;bottom:1px;background:#9bb09b;mix-blend-mode:multiply}.brand strong,.login-brand strong{display:block;font-size:16px;letter-spacing:-.02em}.brand small,.login-brand small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.workspace-chip{display:flex;align-items:center;gap:10px;padding:11px 10px;margin:0 4px 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.workspace-chip>span:nth-child(2){flex:1;min-width:0}.workspace-chip small,.workspace-chip strong{display:block}.workspace-chip small{color:var(--muted);font-size:10px}.workspace-chip strong{margin-top:3px;font-size:12px}.workspace-avatar,.avatar{display:grid;place-items:center;border-radius:10px;background:var(--sage-soft);color:var(--sage-dark);font-weight:700}.workspace-avatar{width:31px;height:31px;font-size:13px}.sidebar-nav{display:grid;gap:4px}.sidebar-nav button{position:relative;display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:var(--ink-soft);text-align:left;font-size:12px;font-weight:600;transition:.18s ease}.sidebar-nav button:hover{background:var(--surface-soft);color:var(--ink)}.sidebar-nav button.active{background:var(--sage-soft);color:var(--sage-dark)}.sidebar-nav button.active:before{position:absolute;left:-16px;width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--sage);content:""}.nav-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:var(--clay)}.sidebar-bottom{display:grid;gap:14px;margin-top:auto;padding:16px 4px 0;border-top:1px solid var(--line)}.sidebar-bottom>a{display:flex;align-items:center;gap:8px;padding:0 8px;color:var(--muted);font-size:11px;font-weight:600}.user-row{display:flex;align-items:center;gap:9px;padding:8px;border:0;border-radius:10px;background:transparent;text-align:left}.user-row:hover{background:var(--surface-soft)}.user-row>span:nth-child(2){flex:1;min-width:0}.user-row strong,.user-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row strong{font-size:11px}.user-row small{margin-top:2px;color:var(--muted);font-size:10px}.avatar{width:31px;height:31px;border-radius:50%;font-size:11px}.shell-main{width:calc(100% - 258px);min-height:100vh;margin-left:258px}.topbar{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 42px;border-bottom:1px solid var(--line);background:#fffffde0;box-shadow:0 8px 30px #20231e0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-title span,.topbar-title strong{display:block}.topbar-title span{color:var(--muted);font-size:10px}.topbar-title strong{margin-top:3px;font-size:14px}.topbar-actions{display:flex;align-items:center;gap:14px}.system-pill,.connection-state{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:700}.system-pill i,.connection-state i{width:6px;height:6px;border-radius:50%;background:#6f9b78;box-shadow:0 0 0 3px #e8f1e9}.profile-chip{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:11px;font-weight:700}.icon-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink-soft)}.icon-button:hover{border-color:var(--line-dark);color:var(--ink)}.menu-trigger,.mobile-close{display:none}.page-container{max-width:1420px;padding:48px 42px 70px;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.eyebrow{margin-bottom:9px;color:var(--sage);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.page-header h1{margin-bottom:8px;font-family:Playfair Display,Georgia,serif;font-size:34px;font-weight:600;letter-spacing:-.04em;line-height:1.05}.page-header p{max-width:680px;margin-bottom:0;color:var(--muted);font-size:13px;line-height:1.55}.page-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:10px;font-size:11px;font-weight:800;transition:.18s ease}.button:disabled{cursor:wait;opacity:.6}.button-primary{background:var(--sage);color:#fff;box-shadow:0 5px 14px #526b5729}.button-primary:hover{background:var(--sage-dark);transform:translateY(-1px)}.button-secondary{border-color:var(--line);background:var(--surface);color:var(--ink-soft)}.button-secondary:hover{border-color:var(--sage);color:var(--sage-dark)}.button-danger{background:var(--clay-soft);color:var(--clay)}.button-danger:hover{background:#f1dcd4}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.metric{display:flex;align-items:flex-start;gap:12px;min-height:126px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.metric-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px}.metric-sage{background:var(--sage-soft);color:var(--sage-dark)}.metric-clay{background:var(--clay-soft);color:var(--clay)}.metric-amber{background:var(--amber-soft);color:var(--amber)}.metric-label,.metric small{display:block;color:var(--muted);font-size:10px}.metric strong{display:block;margin:10px 0 5px;font-size:23px;letter-spacing:-.04em}.metric small{line-height:1.35}.dashboard-grid,.settings-grid,.content-editor{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,.85fr);gap:18px}.panel{min-width:0;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:21px}.panel-heading h2{margin:0;font-size:17px;letter-spacing:-.03em}.muted-icon{color:var(--muted)}.text-button{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:var(--sage);font-size:11px;font-weight:800}.timeline-list,.quick-actions,.data-list,.menu-list,.news-list,.activity-list,.principle-list,.definition-list{display:grid}.timeline-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.timeline-row:first-child{border-top:0}.timeline-row>div{flex:1;min-width:0}.timeline-row strong,.timeline-row small{display:block}.timeline-row strong{font-size:12px}.timeline-row small{margin-top:4px;color:var(--muted);font-size:10px}.time-badge{min-width:45px;padding:7px 5px;border-radius:8px;background:var(--surface-soft);color:var(--sage-dark);font-size:11px;font-weight:800;text-align:center}.quick-actions{gap:5px}.quick-actions button{display:flex;align-items:center;gap:11px;padding:12px 0;border:0;border-top:1px solid var(--line);background:transparent;text-align:left}.quick-actions button:first-child{border-top:0}.quick-actions button>span:nth-child(2){flex:1}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{font-size:12px}.quick-actions small{margin-top:4px;color:var(--muted);font-size:10px}.quick-actions>button>svg{color:var(--muted)}.quick-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px}.quick-icon.sage{background:var(--sage-soft);color:var(--sage-dark)}.quick-icon.clay{background:var(--clay-soft);color:var(--clay)}.quick-icon.amber{background:var(--amber-soft);color:var(--amber)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:18px;margin-bottom:4px;border-bottom:1px solid var(--line)}.toolbar.compact{border-bottom:0}.search-field{display:flex;align-items:center;gap:8px;min-width:240px;max-width:390px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--muted)}.search-field input{width:100%;padding:0;border:0;outline:0;background:transparent;font-size:11px}.segmented{display:flex;flex-wrap:wrap;gap:4px}.segmented button{padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:10px;font-weight:800}.segmented button.active{background:var(--sage-soft);color:var(--sage-dark)}.count-label{color:var(--muted);font-size:11px}.data-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--line)}.data-row:first-child{border-top:0}.row-primary{display:flex;align-items:center;gap:12px;min-width:0}.row-primary>div{min-width:0}.row-primary strong,.row-primary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-primary strong{font-size:12px}.row-primary small{margin-top:4px;color:var(--muted);font-size:10px}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex:0 0 auto}.row-actions select{max-width:135px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink-soft);font-size:10px}.date-tile{display:grid;place-items:center;min-width:41px;padding:6px 5px;border-radius:9px;background:var(--sage-soft);color:var(--sage-dark)}.date-tile strong{font-size:14px}.date-tile small{margin:0;color:var(--sage);font-size:9px}.order-number{display:grid;place-items:center;width:43px;height:35px;border-radius:9px;background:var(--clay-soft);color:var(--clay);font-size:11px;font-weight:800}.status{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.status i{width:5px;height:5px;border-radius:50%}.status-sage{background:var(--sage-soft);color:var(--sage-dark)}.status-sage i{background:var(--sage)}.status-clay{background:var(--clay-soft);color:var(--clay)}.status-clay i{background:var(--clay)}.status-amber{background:var(--amber-soft);color:var(--amber)}.status-amber i{background:var(--amber)}.status-muted{background:var(--surface-soft);color:var(--muted)}.status-muted i{background:var(--muted)}.notice{display:flex;align-items:center;gap:9px;padding:12px 14px;margin-bottom:18px;border-radius:10px;font-size:11px}.error-notice{background:var(--clay-soft);color:var(--clay)}.error-notice button{margin-left:auto;padding:0;border:0;background:transparent;color:inherit;font-size:11px;font-weight:800;text-decoration:underline}.form-error{display:flex;align-items:center;gap:8px;padding:10px 11px;border-radius:9px;background:var(--clay-soft);color:var(--clay);font-size:11px}.loading-block{display:grid;gap:10px;padding:24px 0}.loading-block span{display:block;height:14px;border-radius:6px;background:linear-gradient(90deg,var(--surface-soft),#fff,var(--surface-soft));background-size:200% 100%;animation:shimmer 1.3s infinite}.loading-block span:nth-child(2){width:75%}.loading-block span:nth-child(3){width:52%}@keyframes shimmer{to{background-position:-200% 0}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:grid;justify-items:center;padding:45px 15px;color:var(--muted);text-align:center}.empty-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:12px;border-radius:14px;background:var(--surface-soft);color:var(--sage)}.empty-state strong{color:var(--ink-soft);font-size:13px}.empty-state p{max-width:330px;margin:7px 0 0;font-size:11px;line-height:1.5}.split-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:18px}.list-panel,.editor-panel{min-height:520px}.menu-item,.news-item,.table-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 0;border:0;border-top:1px solid var(--line);background:transparent;text-align:left}.menu-item:first-child,.news-item:first-child,.table-item:first-child{border-top:0}.menu-item.selected,.news-item.selected,.table-item.selected{color:var(--sage-dark)}.menu-item>span:nth-child(2),.news-item>span:first-child,.table-item>span:nth-child(2){flex:1;min-width:0}.menu-item strong,.menu-item small,.news-item strong,.news-item small,.table-item strong,.table-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item strong,.news-item strong,.table-item strong{font-size:12px}.menu-item small,.news-item small,.table-item small{margin-top:4px;color:var(--muted);font-size:10px}.menu-thumb{display:grid;place-items:center;width:37px;height:37px;overflow:hidden;border-radius:9px;background:var(--surface-soft);color:var(--sage)}.menu-thumb img{width:100%;height:100%;object-fit:cover}.menu-price{color:var(--ink-soft);font-size:11px;font-weight:800;white-space:nowrap}.hidden-item{opacity:.5}.news-item .status{flex:0 0 auto}.table-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:9px;background:var(--sage-soft);color:var(--sage)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:grid;gap:6px;margin-bottom:14px}.field>span{color:var(--muted);font-size:10px;font-weight:800}.field input,.field textarea,.field select{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:9px;outline:0;background:var(--surface-soft);font-size:11px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--sage);box-shadow:0 0 0 3px #526b5717}.field input:disabled{opacity:.55}.editor-actions{display:flex;gap:8px;padding-top:8px}.toggle-row{display:flex;align-items:center;gap:9px;margin:8px 0 10px;color:var(--ink-soft);font-size:11px}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle{position:relative;width:34px;height:20px;border-radius:999px;background:var(--line-dark);transition:.18s}.toggle:after{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;content:"";transition:.18s}.toggle-row input:checked+.toggle{background:var(--sage)}.toggle-row input:checked+.toggle:after{transform:translate(14px)}.content-editor{grid-template-columns:1.2fr .8fr}.responsibility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.responsibility-grid>div{padding:15px;border-radius:11px;background:var(--surface-soft)}.responsibility-grid strong,.responsibility-grid span{display:block}.responsibility-grid strong{color:var(--sage-dark);font-size:12px}.responsibility-grid span{margin-top:7px;color:var(--muted);font-size:10px;line-height:1.45}.integration-hero{display:flex;align-items:center;gap:16px;padding:22px;margin-bottom:18px;border:1px solid #d7e3d6;border-radius:var(--radius);background:linear-gradient(105deg,#eef4ec,#fff)}.integration-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--sage);color:#fff}.integration-hero>div:nth-child(2){flex:1}.integration-hero h2{margin:0;font-size:18px}.integration-hero p{max-width:680px;margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.definition-list{gap:0}.definition-list>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid var(--line)}.definition-list>div:first-child{border-top:0}.definition-list span{color:var(--muted);font-size:11px}.definition-list strong{text-align:right;font-size:11px}.principle-list{gap:12px}.principle-list>div{display:flex;align-items:flex-start;gap:9px;color:var(--ink-soft);font-size:11px;line-height:1.45}.principle-list svg{color:var(--sage)}.activity-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.activity-row:first-child{border-top:0}.activity-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--sage-soft);color:var(--sage)}.activity-row>div{flex:1;min-width:0}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:11px}.activity-row small{margin-top:4px;color:var(--muted);font-size:10px}.activity-actor{color:var(--muted);font-size:10px}.login-page,.loading-page{display:grid;place-items:center;min-height:100vh;padding:22px;background:radial-gradient(circle at 30% 0%,#e7efe5,transparent 38%),var(--canvas)}.login-card{width:min(100%,460px);padding:36px;border:1px solid var(--line);border-radius:24px;background:#fffffdeb;box-shadow:var(--shadow-lg)}.login-brand{margin-bottom:48px}.login-card h1{max-width:350px;margin-bottom:10px;font-family:Playfair Display,Georgia,serif;font-size:30px;line-height:1.08;letter-spacing:-.04em}.login-intro{margin-bottom:25px;color:var(--muted);font-size:12px;line-height:1.55}.login-form{display:grid;gap:3px}.login-submit{width:100%;min-height:44px;margin-top:7px}.login-foot{display:flex;align-items:center;gap:7px;margin-top:23px;color:var(--muted);font-size:10px}.login-foot svg{color:var(--sage)}.sidebar-scrim{position:fixed;z-index:25;top:0;right:0;bottom:0;left:0;border:0;background:#24282347}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.content-editor{grid-template-columns:1fr}.sidebar{width:230px}.shell-main{width:calc(100% - 230px);margin-left:230px}.topbar{padding:0 25px}.page-container{padding:38px 25px 60px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:.22s ease;width:270px;box-shadow:var(--shadow-lg)}.sidebar.sidebar-open{transform:translate(0)}.shell-main{width:100%;margin-left:0}.topbar{min-height:64px;padding:0 16px}.menu-trigger,.mobile-close{display:grid}.topbar-title{margin-right:auto;margin-left:10px}.topbar-actions{gap:7px}.system-pill,.profile-name{display:none}.page-container{padding:29px 16px 45px}.page-header{display:block;margin-bottom:23px}.page-header h1{font-size:30px}.page-actions{justify-content:flex-start;margin-top:18px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{min-height:112px;padding:13px;gap:9px}.metric-icon{width:31px;height:31px}.metric strong{font-size:20px}.metric-label,.metric small{font-size:9px}.panel{padding:16px}.toolbar{display:block}.search-field{max-width:none}.segmented{margin-top:11px;overflow:auto;flex-wrap:nowrap}.segmented button{white-space:nowrap}.data-row{align-items:flex-start;display:block}.row-actions{justify-content:space-between;margin-top:11px}.row-primary small{white-space:normal}.split-layout{grid-template-columns:1fr}.list-panel,.editor-panel{min-height:auto}.form-grid{grid-template-columns:1fr;gap:0}.integration-hero{display:block}.integration-mark{margin-bottom:13px}.connection-state{margin-top:14px}.responsibility-grid{grid-template-columns:1fr}.login-card{padding:26px 21px}.login-brand{margin-bottom:35px}}