:root{color-scheme:light;--bg: #f8f9fa;--bg-deep: #edf0f3;--panel: rgba(255, 255, 255, .92);--panel-strong: rgba(255, 255, 255, .97);--panel-soft: rgba(243, 244, 245, .84);--ink: #191c1d;--ink-soft: #44474c;--muted: #74777d;--line: rgba(196, 198, 205, .18);--accent: #041627;--accent-strong: #1a2b3c;--accent-soft: #d2e4fb;--clay: #1a2b3c;--clay-soft: #dce6f0;--amber: #006c49;--amber-soft: #dff7ee;--blue: #1a2b3c;--blue-soft: #e8eff6;--rose: #b2354f;--rose-soft: #ffe3e6;--green: #00714d;--green-soft: #d8f6ea;--shadow: 0 26px 64px rgba(25, 28, 29, .08);--shadow-soft: 0 18px 36px rgba(25, 28, 29, .05);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;font-family:Manrope,PingFang SC,Noto Sans CJK SC,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(210,228,251,.78),transparent 24%),radial-gradient(circle at 84% 12%,rgba(26,43,60,.08),transparent 22%),linear-gradient(180deg,#fbfcfd,#f4f6f8 52%,#edf1f4);color:var(--ink)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(#ffffff14,#ffffff14),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%231a2b3c' stroke-opacity='0.05'%3E%3Cpath d='M0 30h180M0 90h180M0 150h180'/%3E%3Cpath d='M30 0v180M90 0v180M150 0v180'/%3E%3C/g%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.55}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;width:100%}#root{min-height:100vh}.app-shell{position:relative;min-height:100vh;overflow:hidden}.app-shell__glow{position:fixed;inset:auto;width:40rem;height:40rem;pointer-events:none;filter:blur(36px);opacity:.42}.app-shell__glow--top{top:-14rem;right:-12rem;background:radial-gradient(circle,rgba(26,43,60,.18),transparent 62%)}.app-shell__glow--bottom{bottom:-18rem;left:-10rem;background:radial-gradient(circle,rgba(111,251,190,.16),transparent 64%)}.app-frame{position:relative;z-index:1;width:min(100%,31rem);margin:0 auto;padding:1.25rem 1rem 6rem}.hero-card,.panel,.metric-card,.store-card,.issue-card,.action-card,.draft-card,.detail-card__block,.empty-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hero-card,.panel{background:linear-gradient(180deg,#ffffffe0,#ffffffc2) padding-box,linear-gradient(135deg,#ffffffd1,#ffffff2e) border-box;border:1px solid transparent;box-shadow:var(--shadow)}.hero-card{position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.5rem;border-radius:var(--radius-xl)}.hero-card:after{content:"";position:absolute;inset:auto -3rem -4rem auto;width:14rem;height:14rem;border-radius:999px;background:radial-gradient(circle,rgba(210,228,251,.84),transparent 68%)}.eyebrow{margin:0 0 .65rem;color:var(--muted);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.hero-card h1,.panel h2,.status-section__head h3,.detail-card h3{margin:0;font-family:Manrope,PingFang SC,sans-serif;letter-spacing:.01em}.hero-card h1{font-size:clamp(2.2rem,7vw,3.45rem);line-height:.94;font-weight:800}.hero-copy{position:relative;z-index:1;margin:.9rem 0 0;color:var(--ink-soft);line-height:1.6}.hero-card__action{position:relative;z-index:1;margin-top:1.25rem}.role-switch{position:relative;z-index:1;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.5rem;margin-top:1.25rem;padding:.35rem;border-radius:999px;background:#ffffff8f;box-shadow:inset 0 1px #ffffffd6}.role-switch__btn{min-height:2.75rem;border:0;border-radius:999px;background:transparent;color:var(--ink-soft);font-weight:700;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.role-switch__btn--active{color:#fffaf5;background:linear-gradient(180deg,var(--accent),var(--accent-strong));box-shadow:0 10px 20px #19302c3d}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.metric-card,.issue-card,.store-card,.draft-card,.action-card,.detail-card__block,.empty-card{background:var(--panel);box-shadow:var(--shadow-soft);border:1px solid transparent}.metric-card{min-height:7.25rem;padding:1rem;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff,#f7f9fb);width:100%;border:0;text-align:left}.metric-card--interactive{cursor:pointer}.metric-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.4}.metric-card strong{display:block;margin-top:.9rem;font-size:2rem;line-height:1;color:var(--accent)}.panel{margin-top:1rem;padding:1rem;border-radius:var(--radius-xl);background:linear-gradient(180deg,#f3f4f5d6,#ffffffdb);min-width:0}.panel--compact{padding-bottom:.85rem}.panel__header,.store-card__head,.draft-card__head,.detail-card__head,.status-section__head,.issue-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;min-width:0}.panel__header{flex-wrap:wrap}.panel__header>:first-child{min-width:0;flex:1 1 14rem}.draft-card__actions{display:flex;gap:.5rem}.panel__header h2{font-size:1.6rem}.notice-card{margin-top:1rem;padding:.9rem 1rem;border-radius:var(--radius-lg);background:#ffe3e6eb;color:var(--rose);box-shadow:var(--shadow-soft)}.notice-card--error{border:1px solid rgba(178,53,79,.12)}.store-card-list,.issue-list,.draft-list,.status-stack,.entry-grid{display:grid;gap:.85rem}.entry-card{width:100%;padding:1.1rem 1.1rem 1.1rem 1.55rem;text-align:left;border:0;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffffff5,#f3f4f5eb) padding-box,linear-gradient(135deg,#ffffffd1,#1a2b3c1f) border-box;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease}.entry-card--inspector{position:relative}.entry-card--inspector:before,.entry-card--manager:before,.issue-card:before{content:"";position:absolute;left:.7rem;top:1rem;bottom:1rem;width:3px;border-radius:999px}.entry-card--inspector:before{background:linear-gradient(180deg,#6ffbbe,#10b981)}.entry-card--manager:before{background:linear-gradient(180deg,#d2e4fb,#8aa6c5)}.entry-card h3,.entry-card p{margin:0}.entry-card h3{margin-top:.9rem;font-size:1.12rem;line-height:1.45}.entry-card p{margin-top:.7rem;color:var(--ink-soft);line-height:1.7}.store-card,.issue-card{width:100%;padding:1rem;text-align:left;border-radius:var(--radius-lg)}.store-card{background:linear-gradient(180deg,#fffffffa,#f4f6f8f0) padding-box,linear-gradient(135deg,#ffffffdb,#1a2b3c1a) border-box;border:1px solid transparent}.store-card h3,.detail-card h3,.status-section__head h3{font-size:1.12rem}.store-card h3,.store-card p,.issue-card p,.detail-card p,.history-card p{margin:0}.store-card__head p,.store-card__time,.issue-card__meta,.issue-card__date,.detail-note,.history-card span{color:var(--muted);font-size:.82rem;line-height:1.5}.store-card__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:1rem}.stat-chip{min-height:4.75rem;padding:.7rem .75rem;border-radius:var(--radius-md)}.stat-chip span{display:block;color:var(--ink-soft);font-size:.75rem;line-height:1.35}.stat-chip strong{display:block;margin-top:.7rem;font-size:1.35rem}.stat-chip--amber{background:#eef7f2}.stat-chip--blue{background:#eef3f8}.stat-chip--rose{background:#fff0f2}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:1.85rem;padding:0 .7rem;border-radius:999px;font-size:.74rem;font-weight:700}.pill--neutral{color:var(--ink-soft);background:#1a2b3c0f}.pill--amber{color:#00714d;background:#dff7ee}.pill--blue{color:#1a2b3c;background:#e8eff6}.pill--rose{color:#b2354f;background:#ffe3e6}.pill--green{color:#00714d;background:#d8f6ea}.flow-form,.detail-card{display:grid;gap:1rem}.flow-form--simple{gap:.9rem}.editor-card{display:grid;gap:.9rem;padding:1rem;width:100%;min-width:0;overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffffff5,#f7f9faeb);box-shadow:var(--shadow-soft)}.editor-card__head{display:grid;gap:.35rem}.editor-card__head h3,.editor-card__head p{margin:0}.editor-card__head h3{font-size:1.08rem}.editor-card__head p{color:var(--muted);font-size:.82rem;line-height:1.55}.editor-card__grid{display:grid;gap:.85rem;width:100%;min-width:0}.editor-card__grid>.field{min-width:0}.editor-card .field select{text-align-last:center}.editor-card .field input[type=date]{display:block;min-width:0;max-width:100%;inline-size:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center}.editor-card .field input[type=date]::-webkit-date-and-time-value{text-align:center}.editor-card .field input[type=date]::-webkit-datetime-edit{display:flex;justify-content:center;width:100%}.field{display:grid;gap:.45rem;min-width:0}.field span{color:var(--ink-soft);font-size:.84rem;font-weight:700}.field__hint{color:var(--muted);font-size:.76rem;line-height:1.5}.field input,.field select,.field textarea{display:block;min-width:0;max-width:100%;width:100%;padding:.9rem 1rem;border:1px solid transparent;border-radius:var(--radius-md);background:#f3f4f5eb;color:var(--ink);resize:vertical;outline:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1a2b3c2e;background:#fffffffa;box-shadow:0 0 0 4px #1a2b3c0f}.field--upload input{padding:.75rem;background:#ffffffe0}.primary-btn,.secondary-btn,.ghost-btn{min-height:3rem;padding:0 1.05rem;border-radius:999px;font-weight:800;border:0;white-space:nowrap;flex-shrink:0;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.fab:hover,.metric-card:hover,.entry-card:hover,.role-switch__btn:hover,.issue-card:hover,.store-card:hover{transform:translateY(-1px)}.primary-btn{color:#fffaf5;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 16px 28px #04162729}.primary-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.secondary-btn{color:var(--accent);background:#e7e8e9eb}.secondary-btn--full{width:100%;justify-content:center}.secondary-btn--danger,.ghost-btn--danger{color:var(--rose)}.ghost-btn{color:var(--ink-soft);background:#e7e8e9b8}.draft-card,.action-card,.detail-card__block,.empty-card{padding:1rem;border-radius:var(--radius-lg)}.draft-card p,.issue-card p,.detail-card p{line-height:1.65}.issue-card{position:relative;border:1px solid transparent;padding-left:1.5rem;background:linear-gradient(180deg,#fffffffa,#f7f9faf0)}.issue-card__main{width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.issue-card__actions{display:flex;justify-content:flex-end;margin-top:.85rem}.issue-card__action-btn{min-height:2.5rem;padding:0 .9rem}.issue-card--pending_fix:before{background:linear-gradient(180deg,#6ffbbe,#10b981)}.issue-card--pending_confirmation:before{background:linear-gradient(180deg,#d2e4fb,#8aa6c5)}.issue-card--rejected:before{background:linear-gradient(180deg,#ffdadb,#f43f5e)}.issue-card--closed:before{background:linear-gradient(180deg,#6cf8bb,#00714d)}.issue-card p{margin-top:.8rem;font-size:.97rem;padding-right:.15rem}.issue-card__meta{display:grid;gap:.3rem;margin-top:.9rem}.status-section+.status-section{margin-top:1rem}.status-section__head{margin-bottom:.8rem}.status-section__head span{color:var(--muted);font-weight:700}.detail-card__block{background:linear-gradient(180deg,#fffffff5,#f8f9fae6)}.detail-card__block--soft{background:#f3f4f5e6}.detail-card__block--rose{background:#ffe3e6b8}.detail-card__date{color:var(--muted);font-size:.82rem}.action-row{display:flex;gap:.75rem;margin:.5rem 0 .75rem}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.image-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.image-tile{position:relative;margin:0;overflow:hidden;border-radius:var(--radius-md);background:#ffffffeb;border:1px solid rgba(196,198,205,.24)}.image-tile__remove{position:absolute;top:.45rem;right:.45rem;z-index:1;display:grid;place-items:center;width:1.9rem;height:1.9rem;border:0;border-radius:999px;background:#041627d1;color:#fff;font-size:1.05rem;line-height:1;box-shadow:0 10px 20px #191c1d29}.image-tile img{aspect-ratio:4 / 3;object-fit:cover}.image-tile figcaption{padding:.55rem .7rem .7rem;color:var(--ink-soft);font-size:.74rem}.empty-image{padding:.85rem .95rem;border:1px dashed rgba(196,198,205,.56);border-radius:var(--radius-md);color:var(--muted);font-size:.82rem}.history-list{display:grid;gap:.75rem}.history-card{padding:.9rem;border-radius:var(--radius-md);background:#ffffffbd;border:1px solid rgba(255,81,107,.14)}.fab{position:fixed;right:max(1rem,calc((100vw - min(100vw,31rem))/2 + 1rem));bottom:1rem;z-index:4;display:inline-flex;align-items:center;gap:.75rem;min-height:3.75rem;padding:0 1.2rem 0 1rem;border:0;border-radius:999px;color:#fffaf5;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 24px 44px #191c1d1f}.fab span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#ffffff24;font-size:1.25rem}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:1rem;background:#04162794;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.preview-modal{width:min(100%,30rem);max-height:calc(100vh - 2rem);overflow:auto;padding:1rem;border-radius:var(--radius-xl);background:#fffffff5;box-shadow:0 30px 80px #191c1d38}.preview-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.preview-modal__head h2{margin:0;font-size:1.25rem}.preview-modal__image-wrap{margin:1rem 0;border-radius:var(--radius-lg);overflow:hidden;background:#f3f4f5}.preview-modal__image{width:100%;height:auto}@media (min-width: 768px){.app-frame{width:min(100% - 2rem,65rem);padding:1.5rem 1rem 7rem}.hero-card{display:grid;grid-template-columns:minmax(0,1fr) 18rem;align-items:end;gap:1rem}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.store-card-list,.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-stack{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.detail-card,.editor-card__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card__block--rose{grid-column:1 / -1}}