:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #fafafa;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #888888;--border-color: #ddd;--border-color-strong: #ccc;--panel-bg: #fff;--input-bg: #ffffff;--hover-bg: #f0f0f0}@media(prefers-color-scheme:dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #242424;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-tertiary: #808080;--border-color: #404040;--border-color-strong: #505050;--panel-bg: #2d2d2d;--input-bg: #1f1f1f;--hover-bg: #353535}}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}.app-container{padding:24px;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.purchase-container{display:grid;grid-template-columns:320px 1fr;gap:24px}.panel{border:1px solid var(--border-color);border-radius:6px;padding:16px;background:var(--panel-bg)}.panel h3{margin-top:0;margin-bottom:12px;color:var(--text-primary)}.row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.85rem;margin-bottom:4px;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:6px 8px;font-size:.9rem;background-color:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff}.summary-box{margin-top:24px;padding:16px;border:2px solid var(--border-color-strong);border-radius:6px;background:var(--bg-tertiary)}.actions{margin-top:24px;text-align:right}button{padding:10px 16px;font-size:.95rem}