*{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}body{font-family:system-ui,sans-serif;margin:0;background:#f8fafc;color:#111}.layout{overflow-x:hidden}main{padding:16px;max-width:960px;margin:0 auto;width:100%}img,video{max-width:100%;height:auto}input,select,textarea{font-size:16px}button{min-height:44px;touch-action:manipulation}.tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%}.tbl table{border-collapse:collapse;width:100%}.hdr-nav{display:flex;align-items:center;gap:12px;flex-shrink:1;min-width:0;overflow:visible}.hdr-nav a{color:#fff;text-decoration:none;white-space:nowrap;font-size:.9rem}.hdr-nav a:hover{text-decoration:underline}.burger-btn{display:none}@media (max-width: 640px){.desktop-nav{display:none!important}.burger-btn{display:block}}.card{border:1px solid #e5e7eb;border-radius:8px;padding:14px;margin-bottom:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff}.card:hover{background:#f9fafb}.card-info{flex:1;min-width:0}.card-info strong{display:block}.card-sub{color:#6b7280;font-size:.85rem;margin-top:2px}.badge{color:#fff;padding:4px 10px;border-radius:20px;font-size:.78rem;white-space:nowrap;flex-shrink:0;text-align:center}.inp{padding:8px 12px;border-radius:6px;border:1px solid #d1d5db;width:100%}.line-row{display:flex;gap:6px;margin-bottom:8px;align-items:center}.line-row .name-inp{flex:3}.line-row .qty-inp{flex:1;min-width:64px}.line-row .unit-inp{flex:1;min-width:54px}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn-row button{flex:1 1 auto;min-width:130px}.btn-pri{background:#14532d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.95rem}.btn-sec{background:#e5e7eb;color:#111;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.btn-dan{background:#dc2626;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.btn-blu{background:#1d4ed8;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}@media (max-width: 600px){main{padding:12px}h2{font-size:1.2rem;margin-top:0}h3{font-size:1rem;margin:16px 0 8px}.line-row{flex-wrap:wrap}.line-row .name-inp{flex:1 1 100%}.card{flex-direction:column;align-items:flex-start}.badge{align-self:flex-start}}