:root{color-scheme:light;font-family:Avenir Next,Microsoft JhengHei UI,sans-serif;background:#f5efe4;color:#2a2620;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(47,107,95,.12),transparent 24rem),radial-gradient(circle at 88% 10%,rgba(185,145,82,.08),transparent 18rem),linear-gradient(180deg,#fbf7f0,#f2ebdf 48%,#ece2d3)}#root{min-height:100vh}.app-shell{max-width:1240px;margin:0 auto;padding:32px 28px 72px}.app-shell-simple{max-width:1180px}.app-header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:0 2px 18px;border-bottom:1px solid rgba(196,174,146,.38)}.app-title{font-size:clamp(1.9rem,3vw,2.8rem);margin:0;letter-spacing:-.02em}.app-subtitle{margin:8px 0 0;max-width:36rem;color:#6b6157;font-size:.98rem;display:none}.hero-card,.panel,.status-card{border:1px solid rgba(196,174,146,.72);background:#fffcf8eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 52px #382f2114}.hero-card{display:grid;grid-template-columns:1.7fr 1fr;gap:24px;border-radius:32px;padding:34px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;inset:auto -8% -35% auto;width:300px;height:300px;background:radial-gradient(circle,rgba(39,76,67,.08),transparent 70%);pointer-events:none}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:#766b5f}h1{margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;letter-spacing:-.03em}.hero-copy-block{position:relative;z-index:1}.hero-copy{max-width:42rem;margin:16px 0 0;color:#4f473f;font-size:1.05rem}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#efe5d6eb;border:1px solid rgba(196,174,146,.72);color:#4d443b;font-size:.84rem;font-weight:700}.status-card{border-radius:24px;padding:24px;align-self:stretch;background:linear-gradient(180deg,#f3f7f4,#edf3ef);position:relative;z-index:1}.status-label{display:inline-block;margin-bottom:2px;padding:7px 11px;border-radius:999px;background:#dcede8;color:#285a50;font-size:.84rem;font-weight:700}.status-card strong{display:block;font-size:1.25rem;margin-bottom:8px}.status-card p{margin:0;color:#5d544a}.section{margin-top:28px}.module-flow{display:grid;gap:20px;margin-top:20px}.module-step{display:grid;gap:12px;padding:18px 20px 20px;border-radius:30px;border:1px solid rgba(211,196,171,.62);box-shadow:0 14px 34px #382f210b}.module-step:nth-child(1){background:linear-gradient(180deg,#ebf3eeeb,#f7faf7d6)}.module-step:nth-child(2){background:linear-gradient(180deg,#fffdfaf5,#fcf8f2eb)}.module-step:nth-child(3){background:linear-gradient(180deg,#f7f1e7f0,#fcf8f3e6)}.module-step-label{display:inline-flex;align-items:center;gap:10px;width:fit-content;margin:0;padding:6px 13px;border-radius:999px;color:#4e463d;background:#fffcf7e6;border:1px solid rgba(206,192,170,.66);font-size:.88rem;font-weight:800}.module-step-label:before{content:"";width:10px;height:10px;border-radius:999px;background:#2f6b5f;box-shadow:0 0 0 5px #2f6b5f1f}.action-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-radius:20px;border:1px solid rgba(196,174,146,.68);background:#faf6efc7;box-shadow:0 8px 22px #382f210a}.action-strip-copy{color:#766b5f;font-size:.93rem}.action-strip-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.action-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.action-choice-card{display:grid;gap:6px;align-content:start;min-height:118px;padding:18px 18px 16px;border-radius:20px;border:1px solid rgba(196,174,146,.64);background:#fffcf8f5;box-shadow:0 10px 20px #382f210a;text-align:left;color:#3f372f;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.action-choice-card:hover{transform:translateY(-1px);border-color:#98bbaad1;box-shadow:0 14px 24px #382f210f}.action-choice-card strong{font-size:1.08rem;color:#24473e}.action-choice-kicker{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7a7063}.action-choice-meta{color:#72675a;font-size:.9rem}.primary-nav,.secondary-nav{display:flex;flex-wrap:wrap;gap:10px}.primary-nav{margin-top:22px;padding:0}.secondary-nav{margin-top:4px;padding:0}.subnav-group{display:grid;justify-content:start;gap:8px;margin-top:16px;padding:12px 14px 0;border-top:1px solid rgba(209,194,171,.42)}.subnav-label{color:#7c705f;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.primary-nav-tab,.secondary-nav-tab{border-radius:999px;cursor:pointer;font:inherit;font-weight:700;transition:background .14s ease,color .14s ease,transform .14s ease,border-color .14s ease}.primary-nav-tab{min-height:48px;padding:12px 20px;border:1px solid rgba(196,174,146,.62);background:#fffcf8e6;color:#4a4138;box-shadow:0 4px 10px #382f2108}.secondary-nav-tab{min-height:42px;padding:8px 14px;border:1px solid rgba(215,202,183,.72);background:#fbf7f0eb;color:#6a6055;font-size:.93rem}.primary-nav-tab:hover,.secondary-nav-tab:hover{background:#f1e7d8;transform:translateY(-1px)}.primary-nav-tab.active,.secondary-nav-tab.active{background:linear-gradient(180deg,#2b564b,#24473e);color:#fff;border-color:#274c43;box-shadow:0 10px 20px #274c432e}.module-step .workflow-strip,.module-step .filter-toolbar,.module-step .action-strip,.module-step .dashboard-strip{background:#fffcf8eb}.module-step:nth-child(1) .workflow-strip,.module-step:nth-child(1) .filter-toolbar,.module-step:nth-child(1) .action-strip,.module-step:nth-child(1) .dashboard-strip{border-color:#b8cdc1c7;background:#f9fcfae6}.module-step:nth-child(3) .table-card,.module-step:nth-child(3) .split-card,.module-step:nth-child(3) .panel,.module-step:nth-child(3) .dashboard-focus-card,.module-step:nth-child(3) .dashboard-activity-card{border-color:#d2c3aad1}.ops-summary-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ops-summary-item{min-height:88px;padding:14px 16px;border-radius:18px;border:1px solid rgba(196,174,146,.58);background:#fffcf8f0;box-shadow:inset 0 1px #ffffffa6}.ops-summary-label{display:block;margin-bottom:8px;color:#786d60;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ops-summary-item strong{display:block;color:#2b413c;font-size:1.05rem;line-height:1.3}.module-tabs{display:flex;gap:10px;margin-top:24px;padding:8px;border:1px solid rgba(196,174,146,.72);border-radius:999px;background:#fffcf8d6;width:fit-content;max-width:100%;box-shadow:0 10px 28px #382f210d}.workflow-nav{display:grid;gap:14px;margin-top:24px}.workflow-group{display:grid;gap:8px}.workflow-label{font-size:.86rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#766b5f}.hero-card,.workflow-nav,.hero-copy-block,.hero-meta,.hero-badge,.status-card{display:none}.module-tab{border:1px solid transparent;background:transparent;color:#484038;padding:11px 18px;border-radius:999px;cursor:pointer;font:inherit;font-weight:700;transition:background .14s ease,color .14s ease,transform .14s ease,border-color .14s ease}.module-tab:hover{background:#f1e7d8;transform:translateY(-1px)}.module-tab.active{background:#274c43;color:#fff;border-color:#274c43}.section-title h2{margin:0;font-size:1.5rem;letter-spacing:-.015em}.section-title p{margin:4px 0 0;max-width:42rem;color:#766b5f;display:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}.shortcut-grid{align-items:stretch}.summary-grid,.split-grid{display:grid;gap:16px;margin-top:16px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.split-grid{grid-template-columns:1.2fr 1fr}.dashboard-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}.dashboard-focus{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:14px 16px;border:1px solid rgba(196,174,146,.66);border-radius:18px;background:#faf6efc7}.dashboard-focus-label{display:inline-block;margin-bottom:4px;color:#766b5f;font-size:.82rem;font-weight:700;letter-spacing:.04em}.dashboard-focus strong{display:block;font-size:.98rem;color:#3c352d}.dashboard-metric{min-height:112px;padding:18px 20px;border:1px solid rgba(196,174,146,.72);border-radius:18px;background:#fffcf8e0;box-shadow:0 8px 24px #382f210a}.dashboard-metric span{display:block;color:#766b5f;font-size:.9rem}.dashboard-metric strong{display:block;margin-top:6px;color:#274c43;font-size:1.7rem;line-height:1}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid>.split-card{grid-column:span 2}.panel{border-radius:24px;padding:22px 24px}.shortcut-card{display:flex;flex-direction:column;gap:14px}.shortcut-button{margin-top:auto;align-self:flex-start}.panel h3{margin:0 0 10px;font-size:1.08rem}.panel p{margin:0;color:#5d544a;display:none}.stat-value{margin:10px 0 8px;font-size:2.1rem;line-height:1;font-weight:800;color:#274c43}.toolbar-card,.form-card,.table-card,.empty-state{margin-top:16px;border-radius:24px;border:1px solid rgba(196,174,146,.64);background:#fffcf8f2;box-shadow:0 12px 30px #382f210a}.toolbar-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;background:#faf6efeb}.toolbar-copy{flex:1}.toolbar-copy strong{display:block;font-size:.95rem}.toolbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.form-card{padding:22px}.form-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding-bottom:16px;border-bottom:1px solid rgba(239,229,214,.92)}.form-card-header p,.toolbar-card p{margin:6px 0 0;color:#766b5f;display:none}.workflow-strip,.filter-toolbar{margin-top:16px;border-radius:20px;border:1px solid rgba(196,174,146,.62);background:#fbf7f0e6;box-shadow:inset 0 1px #ffffff8c}.workflow-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px}.workflow-strip-copy{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#5d544a;font-size:.94rem}.workflow-strip-copy strong{color:#2f2a24;font-size:.95rem}.workflow-steps{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.step-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#fffcf8eb;border:1px solid rgba(196,174,146,.68);color:#5d544a;font-size:.84rem;font-weight:700}.step-chip-index{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#e4ece7;color:#285a50;font-size:.72rem}.strip-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#766b5f;font-size:.9rem}.filter-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 18px;padding:16px 18px}.filter-toolbar-main{display:grid;gap:8px}.filter-toolbar-main strong,.filter-toolbar-meta strong{color:#2f2a24;font-size:.95rem}.filter-toolbar-main p,.filter-toolbar-meta p{margin:0;color:#766b5f;font-size:.92rem;display:none}.filter-toolbar-form{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.filter-toolbar-meta{display:grid;align-content:center;justify-items:end;gap:6px;text-align:right}.split-card{margin-top:16px}.split-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:18px 20px;border-bottom:1px solid rgba(239,229,214,.92)}.pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#e2efe8;color:#285a50;font-size:.85rem;font-weight:700}.info-row{display:flex;gap:16px;margin-top:10px;color:#766b5f;font-size:.95rem}.info-row.compact{margin-top:0;white-space:nowrap}.filter-form{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.filter-form input[type=text],.filter-form input:not([type]){min-width:260px}.toolbar-select{min-width:280px;border:1px solid #d7cab7;border-radius:14px;padding:12px 14px;font:inherit;color:#2a2620;background:#fffcf8fa;outline:none}.toolbar-select:focus{border-color:#2f6b5f;box-shadow:0 0 0 4px #2f6b5f1f}.checkbox-field{display:inline-flex;align-items:center;gap:8px;color:#4d443b;font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:18px}.field{display:flex;flex-direction:column;gap:8px;color:#4d443b;font-size:.94rem;font-weight:600}.field input{width:100%;border:1px solid #d7cab7;border-radius:14px;min-height:54px;padding:13px 14px;font:inherit;color:#2a2620;background:#fffcf8fa;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.field select{width:100%;border:1px solid #d7cab7;border-radius:14px;min-height:54px;padding:13px 14px;font:inherit;color:#2a2620;background:#fffcf8fa;outline:none}.field select:focus{border-color:#2f6b5f;box-shadow:0 0 0 4px #2f6b5f1f}.paste-box{min-height:180px;width:100%;border:1px solid #d7cab7;border-radius:14px;padding:12px 14px;font:inherit;color:#2a2620;background:#fffcf8fa;resize:vertical;outline:none}.paste-box:focus{border-color:#2f6b5f;box-shadow:0 0 0 4px #2f6b5f1f}.field input:focus{border-color:#2f6b5f;box-shadow:0 0 0 4px #2f6b5f1f;background:#fff}.field input[readonly]{background:#f6f1e8;color:#766b5f}.field-span-2{grid-column:span 2}.compact-form{margin-top:10px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.form-actions-inline-start{grid-column:1 / span 3}.form-actions-beside-note{align-self:end;justify-content:flex-start;gap:16px;padding-top:34px}.form-actions-beside-note-wide{grid-column:span 2}.form-actions-after-paste{margin-top:16px}.form-actions-cluster{justify-content:flex-start;flex-wrap:wrap}.form-actions-main{display:flex;align-items:center;gap:10px;flex-shrink:0}.form-actions-notes{display:flex;align-items:center;justify-content:flex-start;flex:0 1 420px;min-width:260px}.form-hint{color:#766b5f;font-size:.92rem;text-align:left;white-space:nowrap}.form-hint.danger{color:#8a3f31;font-weight:600}.primary-button{border:1px solid #274c43;background:linear-gradient(180deg,#2b564b,#24473e);color:#fff;padding:12px 18px;min-height:52px;min-width:132px;border-radius:14px;cursor:pointer;font:inherit;display:inline-flex;align-items:center;justify-content:center;line-height:1.2;white-space:nowrap;font-weight:700;transition:transform .14s ease,opacity .14s ease,background .14s ease}.primary-button:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(180deg,#316154,#295046)}.primary-button:disabled{opacity:.7;cursor:wait}.secondary-button,.danger-button,.table-link{border-radius:14px;cursor:pointer;font:inherit;transition:transform .14s ease,opacity .14s ease,background .14s ease}.secondary-button,.danger-button{padding:12px 18px;min-height:52px;min-width:132px;display:inline-flex;align-items:center;justify-content:center;line-height:1.2;white-space:nowrap}.secondary-button{border:1px solid #d7cab7;background:#fffcf8fa;color:#4d443b}.danger-button{border:1px solid #a14537;background:#a14537;color:#fff}.secondary-button:hover:not(:disabled),.danger-button:hover:not(:disabled),.table-link:hover{transform:translateY(-1px)}.secondary-button:disabled,.danger-button:disabled{opacity:.7;cursor:wait}.table-link{border:0;background:transparent;color:#2f6b5f;padding:0;font-weight:700}.toolbar-actions .table-link{padding:0}.table-card{overflow:hidden}.mini-section{padding:0 20px 20px}.mini-section h4{margin:18px 0 10px}.recipe-card,.recipe-table-card{margin-top:16px}.danger-link{color:#a14537}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:16px;text-align:left;border-bottom:1px solid #efe5d6;vertical-align:middle}.data-table th{background:#f2e9db;color:#2a2620;font-size:.92rem;letter-spacing:.01em;white-space:nowrap}.data-table tbody tr{transition:background .14s ease}.data-table tbody tr:hover{background:#efe5d661}.table-empty-cell{color:#766b5f;text-align:center}.data-table tbody tr[data-state=warning]{background:#fff2d8}.data-table tbody tr[data-state=danger]{background:#fbe3dc}.data-table tbody tr[data-selected=true]{outline:2px solid rgba(47,107,95,.4);outline-offset:-2px}.empty-state{padding:18px 20px;color:#5d544a}.empty-state.error{color:#8a3f31}.empty-state.success{color:#285a50}.status-banner{display:flex;flex-direction:column;gap:4px;margin-top:16px;padding:14px 16px;border-radius:16px;border:1px solid #d7cab7;background:#fffdfceb;color:#5d544a}.status-banner strong{font-size:.95rem}.status-banner.loading{background:#f4efe5;color:#5d544a}.status-banner.success{background:#edf6f1;border-color:#bfdccf;color:#285a50}.status-banner.error{background:#fdf0eb;border-color:#e1b7ac;color:#8a3f31}.example-banner{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:12px 14px;border-radius:14px;border:1px dashed rgba(196,174,146,.78);background:#f7f0e794;color:#62584d;font-size:.93rem;display:none}.example-banner strong{color:#3f382f;font-size:.9rem}.table-row-example td{color:#7a6f63;background:#f7f0e78c}.flow-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.api-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.api-list code{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#f1e8da;color:#3a352d;border:1px solid #d7cab7;font-size:.92rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 860px){.app-shell{padding:22px 16px 48px}.app-header{align-items:flex-start;flex-direction:column}.hero-card,.split-grid{grid-template-columns:1fr}.dashboard-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-focus{flex-direction:column;align-items:flex-start}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.split-card{grid-column:auto}.toolbar-card{flex-direction:column;align-items:flex-start}.workflow-strip,.filter-toolbar{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.action-strip{flex-direction:column;align-items:flex-start}.toolbar-actions{width:100%;justify-content:flex-start}.filter-toolbar-meta{justify-items:start;text-align:left}.action-choice-grid,.ops-summary-bar{grid-template-columns:1fr}.form-card-header,.form-actions{flex-direction:column;align-items:flex-start}.form-actions-inline-start{grid-column:auto}.form-actions-beside-note{padding-top:0}.form-actions-beside-note-wide{grid-column:auto}.form-actions-main,.form-actions-notes{width:100%;justify-content:flex-start}.form-hint{white-space:normal}.info-row{width:100%;flex-wrap:wrap}.info-row.compact{white-space:normal}.field-span-2{grid-column:span 1}.data-table{display:block;overflow-x:auto}}