*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface-hover: #242736;--color-border: #2a2d3a;--color-text: #e4e6ed;--color-text-muted: #9196a6;--color-primary: #4f8cff;--color-urgent: #f14c4c;--color-high: #f09c3a;--color-medium: #4f8cff;--color-low: #9196a6;--color-backlog: #6b7280;--color-planned: #4f8cff;--color-in-progress: #8b5cf6;--color-waiting-approval: #f09c3a;--color-blocked: #f14c4c;--color-done: #22c55e;--color-canceled: #6b7280;--color-platform-mercari: #f14c4c;--color-platform-rakuten: #bf3a2b;--color-platform-amazon: #f09c3a;--radius: 8px;--radius-sm: 4px}html{font-size:14px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{font-family:inherit;font-size:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--color-surface);border-right:1px solid var(--color-border);padding:1.5rem 0;flex-shrink:0}.sidebar h1{font-size:1rem;font-weight:600;padding:0 1.25rem;margin-bottom:1.5rem;color:var(--color-text)}.sidebar nav{display:flex;flex-direction:column}.sidebar nav a{padding:.5rem 1.25rem;color:var(--color-text-muted);font-size:.9rem;transition:background .15s,color .15s}.sidebar nav a:hover{background:var(--color-surface-hover);color:var(--color-text);text-decoration:none}.sidebar nav a.active{color:var(--color-primary);background:var(--color-surface-hover)}.main-content{flex:1;padding:1.5rem 2rem;overflow-y:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-header h2{font-size:1.25rem;font-weight:600}.btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.85rem;cursor:pointer;transition:background .15s}.btn:hover{background:var(--color-surface-hover)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{opacity:.9}.btn-sm{padding:.3rem .6rem;font-size:.8rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-muted{color:var(--color-text-muted)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-7{grid-template-columns:repeat(7,1fr)}.col-span-1{grid-column:span 1}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{font-size:.85rem;color:var(--color-text-muted);font-weight:500}.form-group input,.form-group textarea,.form-group select{padding:.45rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.attachment-list{display:flex;flex-direction:column;gap:.5rem}.attachment-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.75rem;align-items:center;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.attachment-item:not(:has(.attachment-preview)){grid-template-columns:minmax(0,1fr)}.attachment-preview{width:72px;height:72px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg)}.hidden-file-input{display:none}.audit-shell{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:1rem;align-items:start}.audit-input-panel,.audit-review-panel{min-width:0}.audit-input-panel h3,.audit-detail h3{font-size:1rem;font-weight:600}.audit-input{width:100%;min-height:560px;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.45}.audit-error{padding:.65rem .75rem;border:1px solid rgba(241,76,76,.45);border-radius:var(--radius-sm);color:#ffb4b4;background:#f14c4c14}.audit-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.audit-metric{padding:.8rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.audit-metric span{display:block;color:var(--color-text-muted);font-size:.75rem}.audit-metric strong{display:block;margin-top:.2rem;font-size:1.4rem}.audit-metric.high strong{color:var(--color-high)}.audit-metric.medium strong{color:var(--color-medium)}.audit-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.audit-filter{min-height:34px;padding:.35rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer}.audit-filter.active,.audit-filter:hover{color:var(--color-text);background:var(--color-surface-hover)}.audit-results-layout{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:1rem}.audit-result-list{display:flex;flex-direction:column;gap:.5rem;min-width:0}.audit-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;width:100%;min-height:58px;padding:.7rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer}.audit-result-row.active,.audit-result-row:hover{background:var(--color-surface-hover)}.audit-result-row strong,.audit-result-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-result-row small{color:var(--color-text-muted);font-size:.75rem}.audit-priority{display:inline-flex;align-items:center;min-height:24px;padding:.15rem .45rem;border-radius:var(--radius-sm);font-size:.72rem;font-weight:600}.audit-priority.high{color:#ffcf9a;background:#f09c3a29}.audit-priority.medium{color:#b8d1ff;background:#4f8cff29}.audit-priority.low{color:var(--color-text-muted);background:#9196a624}.audit-detail{min-width:0;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.audit-score{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:var(--radius);background:var(--color-bg);border:1px solid var(--color-border);font-size:1.25rem;font-weight:700}.audit-recommendation{display:grid;grid-template-columns:auto 1fr;gap:.25rem .6rem;align-items:center;padding:.75rem;border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border)}.audit-recommendation p{grid-column:1 / -1;color:var(--color-text-muted);font-size:.85rem}.audit-issue-block{padding:.75rem 0;border-top:1px solid var(--color-border)}.audit-issue-block h4{font-size:.9rem;font-weight:600}.audit-issue-block ul{margin:.5rem 0 0;padding-left:1.1rem;color:var(--color-text-muted);font-size:.85rem}.audit-issue-block pre{margin-top:.6rem;padding:.65rem;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:.82rem}@media (max-width: 1100px){.audit-shell,.audit-results-layout{grid-template-columns:1fr}.audit-input{min-height:320px}}@media (max-width: 760px){.layout{flex-direction:column}.sidebar{width:100%;border-right:0;border-bottom:1px solid var(--color-border)}.sidebar nav{flex-direction:row;overflow-x:auto}.main-content{padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:.75rem}.audit-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}